画线框图前，交互设计师要做的3件事

编者按：优秀的交互设计师在画线框图前会做什么？今天网易高级设计经理@我是阿智 给同学们分享他的开工前会执行的3个流程，可以快速帮你了解问题并做出解决方案，非常实用，建议阅读。一、了解问题，制定计划我们都知道，错误的解决方案是可以纠正的。哪怕它需要一天、一周，甚至更多，无非是效率而已。但是，如果连问题，或者痛点都不存在的话，你所做的事情就没有任何意义了。所以，养成深究问题的习

用户研究 2016年07月14日

高手经验！聊聊交互新人容易犯的七个错误

孙梦超：不知不觉，我已经正式在交互设计的路上越走越远，了解得越多，就觉得交互设计需要学习和掌握的知识越多；同时犯的错也会越多。然而犯错并不是一件坏事，怕的是犯过的错误不能够被积极地思考，我们不能及时把错误化作成长。根据目前我的一些浅薄经验，总结出了交互新人往往容易犯的一些错误，以及关于错误的一些思考。欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）一、工具崇拜

产品 2016年07月14日

进阶好文！设计大牛在线框图阶段的工作流程是怎样的？

编者按：初级设计师的设计流程和高级设计师有什么区别？一组线框图就能看出来！今天@-朱宇軒 这篇好文传授的线框图流程，可以帮你避免在不成熟的idea上面花去了过多的时间精力，并在短时间内拿出尽量多的问题解决方案，同时对方案之间的优劣作出正确的判断。全是干货！十一年前的我21岁，刚毕业，进了一家小agency做视觉设计，大家也都知道，做agency肯定会遇到一言不合就改改改的残

产品 2016年07月14日

只需浏览器，就能帮你搞定原型设计

给网站设计原型是一个全面系统的过程，在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片，甚至可以是手绘的草稿，但是原型大多是动态的，可交互的，至少主要的页面和功能能基本呈现出来。不过，设计师通常会选择使用图像编辑工具来进行原型设计，只不过这样一来，绝大多数的工具很难实现足够的交互，这也催生了不少开发商转向研发基于浏览器的原型设计工具。浏览器性能

原型设计 2016年07月14日

超实用！怎样自学并且达到职业UI/UX 设计师水平？

编者按：今天这篇好文总结了学习UI/UX 的3个阶段：学习UX + UX设计实践 +建立UX人脉圈，每一个阶段都包含超多实用的设计教程和资源，想自学但迷茫的同学建议阅读。知乎@菲比：UX不等于原型图，很多人一上来就是画原型图也是醉了，前期的用户调研才是最重要。我之前在国内互联网公司做过产品，后来在英国读HCI专业，下面总结在Google找到各种知名公司lead给出的意见，主

产品 2016年07月14日

现在超火！为AR应用做交互设计时需要思考的3个问题

薛斯塔：最近突然火起来的AR游戏《Pokemon Go》让大家见识了AR应用的潜力，而且AR未来也会有更广泛的使用场景（文中有不少已实现的案例），所以设计师们别落后了，赶紧学一下这方面的知识。本文主要和大家探讨一下作为交互设计师，在设计AR应用时需要思考的3个问题。首先我们要了解，AR增强现实通过实时的在现实环境中渲染虚拟数字信息，通过现实和虚拟的结合来帮助用户完成某项任务

用户研究 2016年07月14日

超实用！5个帮你快速进阶的电商Banner 设计技巧（案例多）

编者按：今天这篇好文把电商Banner 的设计方法都说得七七八八了，如何用图案提升节奏感+用装饰活跃氛围；分割背景怎么做；大色块背景如何配色等等，全是电商Banner 常见的技巧。值得一提的是文中案例非常丰富，能大大降低新手的学习难度。哈喽大家好！已经很久没有更新分享了，没有啥好的点子了。该分享的都分享的干净了，那为什么现在整理这些分享给大家呢。还是希望能帮助大家更快的了解

产品 2016年07月12日

有法可依！帮你衡量一个动效是否合格的六个核心因素

一个功能完备的动效不仅要足够微妙有趣，而且应当清晰且具有合乎逻辑的目的。动效的存在不仅降低了用户的认知负荷，沟通不同的环节，建立更为有效的信息和交互流程。但是更为重要的是，真正优秀的动效能让界面变得栩栩如生。通过让元素在形态上进行叠加、分割、延伸、形变，动效让界面给人以更为真实、更加“物理”的质感。流畅顺滑的动效帮用户联通起上下文，阐释界面元素之间的关系，强化UI的层次感，

用户研究 2016年07月12日

细节干货！创建表单勾选框和开关时该注意的7个方面

@可乐橙_ColaChan ：创建表单时，交互设计师总是会面临一个选择，选用哪种UI元素来表示可选项的操作。可选项可以用勾选框、开关、单选框和下拉菜单表示。选择得当的话，任何一种都非常出色。本文中，我们重点关注勾选框和开关，并总结了7个应该跳过的坑。当然，我们每个人都有自己的法则。但是，在选用可选项控件时，仍然要多加考虑。勾选框勾选框用在一系列选项中，用户可以选择任意数量，

产品 2016年07月12日

网页配图之道！八条实战学来的首图设计技巧（一）

@飞屋睿UIdesign ：国内有大部分设计师称之为Banner，但我的概念中Banner图还是一条长长的横幅广告。国外的设计师把首图成为Hero图，Hero字面意义也就是英雄，但直接叫英雄图片恐怕带来误解，不如叫首图。首图，地位第一，又位于首页，意思直达，大家能理解就好。大概很多设计师其实已经觉察到了，网页设计做得好不好，除了网页本身的布局、配色以外，很大程度上依赖的是配

产品 2016年07月11日