案例分析：聊聊扁平化设计的六点优势

著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。扁平化设计现如今的扁平化设计并不是单纯的一种风格，而是涵盖了诸多常见风格、具备多种不同目标或任务的一个设计

业界综合 2017年01月15日

浅析标题栏设计：搜索、筛选、设置等功能都该放在右上角吗？

标题栏是我们最常见的功能模块了，这一次来解读一下标题栏为什么是标题栏标题栏的功能，在当下的产品环境里是有原因的，我们来看看这几个产品的标题栏。我知道产品经理很多时候会去思考一些有的没的问题，比如微信为什么不做消息阅读状态，为什么不做离线状态。又或者头像为什么是方的不是圆的。这些问题往往会以对方产品经理的个人价值观为终结答案，毕竟不参与到其中的成员，无法知道真正的情况是什么样

产品设计 2017年01月15日

浅谈动效设计，帮你掌握视觉都需要的动效知识

精细而恰当的动画效果可以传达状态，增强用户对于直接操纵的感知，通过视觉化的方式向用户呈现操作结果。 一、什么是动效及作用？动效是物体空间关系与功能有意识的流动之美，它让用户更了解交互。在IOS7官方guideline中，给动效赋予了一个新的定义： 精细而恰当的动画效果可以传达状态，增强用户对于直接操纵的感知，通过视觉化的方式向用户呈现操作结果。 为什么现在的产品越来越注重动

产品 2017年01月15日

设计中的色彩心理学（上）：九种色彩所代表的心理感应

之前写过一些关于色彩的文章，一直说的是关于色彩理论的一些色彩基础，其中有读者提到过想听听关于色彩心理学的一些东西，因此就在这里聊聊自己的一些感想和设计实践中的一些心得体会，并不系统，只谈感想。无论什么设计，工业设计、室内设计、平面设计、以及 UI 设计也好，其实归纳起来都离不开形、色、质、构这 4 个维度：「形」 来定义这个设计占多少体积，长宽高是多少，张什么样，有形的无形

产品 2017年01月15日

多媒体 H5：移动端最简单的动画制作方案

了解和使用多媒体制作H5已经成为前端工程师的必备技能。 多媒体H5的现状从吴亦凡假新闻H5的出现到现在，使用视频制作H5动画越来越流行，现在已然形趋势。了解和使用多媒体制作H5已经成为前端工程师的必备技能。下面分析一下多媒体H5：多媒体H5的优点1、实物动画 偶像、明星、美女、帅哥真人拍摄，效果逼真，更吸引眼球。2、丰富的视听享受 明星说唱，声优配音，魔性音乐，不但看得到还

产品 2017年01月15日

或萌或贱或污的表情背后，蕴含着怎样的文化？又是否“钱”景光明？

只要想象力不枯竭，表情包就永远不死。在美国，人们在沉迷 emoji；在日本，OTAKU 创造出能表达一切的颜文字；而在中国，图文结合型表情包已经呈现出开天辟地般的病毒式发展趋势，且来势汹汹，势不可挡，正逐渐侵入到我等社会主义接班人的日常文化中来。本文我们就来聊聊那些年，表情包教会我们的一课，看看这些或萌或贱或污的表情背后，蕴含着怎样的文化，它的“钱”景是否光明?表情包文化：

业界综合 2017年01月15日

未来的用户界面，将重新定义设计师的角色

如果用户界面能够自适应用户的需求，那么设计师实际需要设计什么？如果没有图形用户界面，还需要设计师吗？思考 | 图形用户界面之上我们身处在一个图形用户界面（GUI）的世界。施乐帕克研究中心（PARC，Palo Alto Research Center）曾发起过一个探索个人计算（Personal computing）革命的研究项目，其收获与结果如今仍有参考价值。随着网络及网站的

产品 2017年01月15日

时至今日，我们再来审视一下扁平化设计

编者按：又是一篇关于 扁平化设计 的文章，与优设之前的诸多文章不同，今天的文章带有阶段性的总结的性质，文章源自著名设计工作室 Tubik Studio，多图预警~著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作

产品 2017年01月15日

酷站两连发！收录超多顶尖色板 + 免费可商用图库

编者按：今天两个网站，一个收录了超多的顶尖色板，包括谷歌的MD 配色、微软的Metro 配色等等，分类清晰，使用方便。另外一个是国外的免费图库，可商业哟。你可能记得 Facebook、Twitter 和 Google+ 各自的深蓝色、淡蓝色和橘红色，但很难精确转换成色码值，我找到一份「Social Colors」记录各种常见的社群网站代表色，而这网站还有收录其他好用的色码表

产品 2017年01月14日

单选按钮的用户体验设计

单选按钮作为表单系统的一个基本元素，它们被使用在当存在互斥的两个或多个选项而用户必须选择其中之一的时候。换句话说，点选某个尚未选中的单选按钮，之前的选择的哪一个就会恢复成未选中状态。正确的使用单选按钮会起到非常好的作用——它能够阻止用户输入错误的数据，因为它仅所显示的选项都是合法的，而且其本身有许多特性，比如能使用键盘切换并具有跨平台型。在这篇文章中，我们将概述从可用性测试

交互体验 2017年01月16日