设计总结：间距设计二三事

一篇关于间距设计的总结文章，相信阅读之后，你一定会有所收获。上周末我跟一个大学同学在微信上聊（互）天（吹），现在他是上海一家公司的首席UED总监。中间我们聊了很多有的没的，其中他说了一句话，让我印象特别深刻。其实很多时候，我们觉得自己的作品非常的平庸或者“看起来特别糊”，大部分原因就是 配色 ， 字体 和 间距 的对比没有做好。配色和字体的对比一直都很受大家的重视。在制定设

产品经理 2017年09月12日

这个控件叫：Popover/ 气泡弹出框 / 弹出式气泡 / 气泡

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Popover（气泡弹出框/弹出式气泡/气泡）是由一个矩形和三角箭头组成的弹出窗口，箭头指向的地方通常是导致Popover弹出的控件或区域。通过点击Popover内的按钮或非Popover的屏幕

产品设计 2017年09月08日

图表设计总结：数据可视化的精益之道

数据可视化能够直观地呈现数据，直击用户的关注点，吸引其注意力，其重要性不言而喻。数据可视化 是传达信息的最好的方法之一，它可以直观地呈现数据，快速吸引用户的注意力。但是如果设计师对图表设计的理解有偏差，在界面呈现上可能会对用户产生错误的引导，因此笔者结合自己的工作经验对图表设计进行总结，希望每位设计师都能成为 优秀的数据搬运工 。下面我将从功能、交互和UI深挖图表设计的各个

产品 2017年08月09日

网页顶部导航栏设计总结

网页中顶部导航栏往往是用户进入网站后最先看到的地方，决定着用户对网页的第一印象，其重要性不言而喻。网页中的header，一般我们称之为顶部导航栏，这里为了行文方便，以下都简称顶部栏。顶部栏对于一个网站的用户体验来说是至关重要的，因为根据用户的浏览习惯（从左到右，从上到下），当他们进入一个新的网站，顶部栏通常是他们最先看到的地方。我们都知道用户对于你产品的第一印象是很重要的，

产品经理 2017年08月08日

如何设计出最难实现的交互方式？

能够考0份的人，一定是有考100分的实力，因为他竟然能够巧妙的绕过所有正确的答案，而那些难以实现的交互方式背后一定也有其可借鉴之道。今天看到了一些很困难很困难的交互方式。都是在Reddit上看到的，Reddit是一个很神奇的网站，上面有着各种前沿同时无聊的人士分享自己的见解。我看到的两种都是他们想出来的，一个是：怎么最困难地输入一串号码，另一个是：怎么样设计一个最难用的音量

产品 2017年08月08日

To B 系统的工单交互设计要点

文章是作者根据自己近期工作总结的关于To B系统的工单设计的一些交互要点，希望对大家有益。最近一直在设计To B系统的工单，从手机端到PC端，终于快上线了，在项目里遇到的各种坑，在这里总结一下，让后人可以避开。针对于To B系统，我这次主要设计的是工单，以前也设计过订单的内容。它们有着一定的相似性。所以，这里提到的一些要点，几乎可以覆盖所有和单子有关的设计。什么是工单根据字

产品 2017年08月08日

7 个技巧，帮你搞定网页首图设计

首屏设计的7个技巧，它们并不复杂，却能帮你的首图设计更上一层楼。网页首屏的重要性是不言而喻的，用户打开网页的第一眼看到的就是首屏中的信息，它是网页的门面，颜值担当，也是给予用户第一印象的核心部分，也是品牌形象呈现的窗口。值得一提的是，网页首页的首屏当然是要好好设计的，而其他页面的首屏也不能忽略。毕竟相当一部分的用户并不是从首页入口进入你的网页的。今天分享一下首屏设计的7个技

产品 2017年08月07日

接下来炎热的 8 月，这 3 个设计趋势会更加流行

趋势大多是这样，兴衰随着时间的推移快速的变化。骄阳如火，阵雨连连，不得不宅在室内的局面，似乎让百无聊赖的设计师更有时间在设计细节上投注更多的精力。不知道是不是夏日不适合做极简风的设计，更多设计师在过去一个月的设计中更倾向于在设计中加入更多的个性化的元素，这也使得我们在许多乍一看很极简的网页中，发现许多有趣的细节。下面我们要聊的三个设计趋势，可能会在炎热的8月中悄然流行。1、

交互体验 2017年08月04日

设计沉思录：「薪资大揭秘」H5 项目总结

一次H5项目的设计总结，其中不乏一些可以借鉴学习的点，希望对你有益。 项目背景『薪资大揭秘』 活动上线前，58招聘业务线下属某产品运营活动模式较单一，微信关注量较少，为了增加微信活跃度，将老用户分组， 便于后期精细化运营。那么对于不经常关注的用户来说，一个有趣的H5形式的活动，肯定会吸引这类用户参，于是“薪资大揭秘”油然而生。  前期风格推导项目初期，在了解了活动背景后

交互体验 2017年08月02日

设计实战｜城市指南网站着陆页是这样设计出来的

今天咱们要聊的是“城市指南”（Big City Guide）网站这一概念设计案例研究。有人说，世界是一本书，不愿远行的人只能读到其中的一页。的确，旅行是我们生命中最有意义的几件事之一，其间我们有机会看见新的风景，遭遇新的事情，结实新的朋友，获得珍贵的人生经历。更重要的是，一次愉悦的旅行能够为生活注入能量，获得非同凡响的灵感。今天，旅行比起过去更加方便，其中网络也扮演了极其重

产品设计 2017年08月07日