在网页设计的过程中，需要注意的 12 个常见问题

网页设计说简单也简单，说麻烦也麻烦。同类型的网站大同小异，但是在具体问题和细节上，需要具体考虑和对待的问题一点也不少。面对这些不知道何时就会跳出来的问题，我列了一个常见的注意事项清单，便于在每个网页设计项目中参考、排查问题。1、无论在什么设备上，尽量提供类似的体验用户可能会从不同的设备上访问你的网站，可能在桌面端上，笔记本电脑、平板电脑和手机上，甚至有可能在智能手表上打开你

产品设计 2017年08月20日

那些流行的设计趋势，或许是一把双刃剑？

设计趋势是让产品保持新鲜有趣的重要工具。但是在整个设计当中，它又是一把双刃剑。很多时候你可以通过网站的设计来判断它的好坏。以貌取人或者以貌取物是人类的天性，用户更加倾向于在了解产品的功能和实用性之前，就外观来评判它的好坏。这也是为什么大家会借用设计趋势来让自己的网站和产品更具有吸引力，但是回过头从网站本身价值来看，这些设计趋势真的是提升本身价值的灵丹妙药么？当然，作为设计师

业界综合 2017年08月14日

移动 app 中对日期选择器的设计

我很少去关注日期选择设计，但最近在做一个项目的时候，涉及到选日期，一开始只是很简单粗暴的做了个日历表格，后来主设计师跟我说，去参考竞品的日期筛选设计。在参考学习过程中发现移动端的日期选择器设计是个大学问。目前旅游、票务app的日期选择器的设计一般有两大类：1、在一个日历上布局所有信息 传统日历显示列表显示2、两个日历显示两种类别的信息： 使用两个页面跳转显示同一个页面两个t

产品经理 2017年08月14日

做有温度的设计：设计有故事感的标签图标

微交互设计，使产品更为生动，让用户体验更具趣味性。曾经有人在设计交流群里面问：学UI要不要学画图标？我告诉你：要！而且图标设计一直是UI设计里面最重要最基础的组成部分。一个小图标看起来简单，但事实上图标的设计不但要求绘制精美 ，图形象征意义与其所代表的内容高度贴合，还要求图标的形式风格与版面风格高度一致，图标虽小，却是浓缩的精华，要求功能与形式上的统一。在以前写的一篇介绍标

产品 2017年08月09日

交互留学 | 交互设计中人机工程学应用的 11 个小贴士

许多手机的设计都存在一个问题：从表面上看很不错，但当你真正使用它的时候，你会发现设计者忽略了一个最重要的因素—人机工程学，与人类肢体（而不是其他）相匹配的高超艺术才是设计界的幕后英雄。 对工业设计师来说，人机工程学一直以来是极其重要的，而近来，这一因素对数字化设计师而言也越来越重要。为什么？因为智能手机和平板正在改变我们与交互设计互动的方式，我们再也不用通过笨重的键盘和鼠标

产品 2017年07月21日

交互设计的闭环

我们经常花费很大力气来解平衡业务与体验，并投入大量精力去解决，然后再用利用剩余的精力去设计创新，结果就会忽略收尾环节。讲个场景：在一款用于购买服务的产品中，设计师花了大量的力气让用户知道这是帮助用户自己节省很多时间的服务，而且这个服务仅需一点钱，最后通过一些权威的案例证明这些服务都是专业的可靠的。然后设计师与产品经理就开始鼓掌庆祝了，然后用户购买了之后就不会再来了。前面提到

产品 2017年07月19日

交互设计哪些事儿

当在拉通知识框架后，再有针对性的去学习，你会发现，感觉一切都在自己的掌控之中，效率也会大大提高，欢迎大家留言，一起探讨学习。自从开始了学习交互设计之路，通过学习交互知识，越来越发觉自身在思考UI设计问题时会更加全面，不只是停留在视觉元素维度上，更多的会从用户体验大角度去思考设计，包括产品定义、需求分析、信息架构、任务流程，页面布局、视觉风格等等，从而使自己的设计“更有效”，

产品 2017年07月19日

色彩在交互设计中的应用

对于交互设计师来说，通常交互原型都做为黑白稿。为什么要做黑白稿呢？那是因为在前期交互设计中，交互设计师为了更专注于产品的流程、跳转，避免前期投入更多的精力在UI效果制作方面。对于很多小公司或小团队来说，通常只有一个设计师或者设计资源很少，设计师拿到需求后，直接就出高保真效果图了（当然，前期也经过了讨论，在纸上也画了交互的流程了）。对于时间不充分的时候来说，这样是会节约一部分

产品 2017年07月19日

UX 设计中的「环境」元素思考

随着 AR/VR/MR 大潮来临，传感器等技术的不断发展，「环境」已经逐渐成为 UX 设计师在「人」与「设备」之外重点关注的第三极。最近在阅读 Mixed Reality（Hololens）Design 的官方指南文档，其中反复强调了环境的重要性。随着 AR/VR/MR 大潮来临，传感器等技术的不断发展，「环境」已经逐渐成为 UX 设计师在「人」与「设备」之外重点关注的第三

用户研究 2017年07月24日

这 5 个牢不可破的设计规则，是你打造优秀动效的标准

转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面，动态的转场动效更符合人类的自然认知体系，有效地降低了用户的认知负载，屏幕上元素的变化过程，前后界面的变化逻辑，以及层次结构之间的变化关系，都在动效的加持之下，变得更加清晰自然。从这个角度上来说，动效不仅是界面的重要支持元素，也是用户交互的基础。动效设计，尤其是协助交互的转场动效，如今日趋成熟。通过大量的案例分析

产品设计 2017年07月21日