实例教学！10个帮你运用好字体组合的设计原则

编者按：选择与设计相符的字体、展现视觉的层次感、衬线体与非衬线体一起使用、避免字体冲突、避免使用相似的字体进行组合、限制你所使用的字体数量… 今天@喪心病狂十六夜貓 这篇译文总结了运用好字体的设计原则，都是基础但不可忽视的，适合新手学习或重温。01. 选择与设计相符的字体许多字体有着简便，开朗，正式，雅致等不同于其他氛围（英: Mood）或个性（英: personality

产品 2016年08月22日

内部传统项目！揭秘Facebook 设计互评的实战过程

在Facebook，有一项人尽皆知的传统项目 —— 设计互评（design critique）。一群设计师把你围成一圈来批评你的设计，这种感觉是不是很酸爽？其实设计互评并不是「抖S」专属，而是提高你设计水平的一种快速有效的方式。但在Facebook这样顶尖设计师如过江之鲫的大公司，设计互评是如何进行的呢？今天，Facebook 的产品设计师Tanner Christense

产品 2016年08月22日

并不简单！网页中为你指路的面包屑到底应当怎么使用？

编者按：面包屑是我们熟知的一种导航工具，它们往往出现在页面内容的上方，告知你所处的位置。它小巧，方便，常见，且简单。可是即便是这样的UI控件，在设计上同样是有讲究的，今天咱们就来聊聊面包屑吧~作为一种辅助导航系统，面包屑能够帮助用户清晰的定位到自己所在网站的位置。这个词源自于童话中跟着面包屑回到自己家的孩子，而网页中的面包屑也是帮助用户找到自己位置的UI控件。 面包屑通过路

产品 2016年08月22日

刷新认知！聊聊那些经典的现代艺术作品对UI设计的影响

许多人对现代艺术的评价是这样的：“这不就是一团乱麻吗！”“一滩烂泥！”“复制粘贴而已，我也会。”（请自行脑补该类文字所描述的作品）。事实上，现代艺术的影响从Windows Phone到大众点评的界面设计，几乎无处不在。今天这篇好文，带你一起重新认识现代艺术。欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）每当一个艺术家的作品在国际艺术品拍卖会上拍得天价时，总有

产品 2016年08月22日

让你的作品更有张力！5个简单易上手的摄影构图技巧

编者按：有哪些适合零基础新手学习，比较容易上手的摄影构图技巧？今天这篇译文总结了5个简单易学的构图方法，包括三分法、引导线、三角构图法、人名规则、打破规则，每个方法附上案例演示以便理解。一起来让你的摄影作品更有张力吧！这3篇可能是最受欢迎的拍照教程：美食篇：《吃货设计师必备！那些给美食拍照的技巧》女朋友篇：《年度最实用涨姿势！如何成为一个会拍照的男朋友？》自拍篇：《怎么能在

产品 2016年08月22日

超实用！6个方法帮你做出优秀的UI动态微交互

编者按：明确系统状态、让按钮和操控可触知、打造有意义的转场、强调界面的变化、增加愉悦的细节…… 今天腾讯设计师@月焱瞳 这篇译文，总结了6个做出细腻动态微交互的技巧，建议阅读。UI界面动效设计方法：先看看有意义的动效设计是啥样：《设计师的必备技能！你需要学会设计有意义的动效》再来学习腾讯设计师写的动效设计指南：《腾讯精品文！超多干货的UI界面动效设计指南》围观实战案例：《高

产品 2016年08月22日

实战案例！设计师怎样和前端开发一起制定设计规范？

@画一个长沙 ：作为设计师的你看到这个标题可能会奇怪：制定设计规范不是设计师的事儿吗？为什么要和前端开发一起呢？不同于以前的网站，样式基础、交互简单，前端们都是以页面为单位进行开发。现在的网站要复杂庞大很多，前端开发普遍采用组件式开发，即不再以页面为单位而是将页面再拆分，这和设计师的工作有着许多相通之处。说到设计规范，本月最值得推荐的就是这一份了：《超实用6步透视网易设计规

产品 2016年08月22日

做UI设计时，先了解用户操作习惯还是先画线框图？

设计 UI 时的思考顺序，各位觉得该是什么样子的呢？先出线框图，再来想用户会怎么操作，还是先确认用户会怎么使用产品功能，再来思考 Wireframe 怎么画。今天@Akane_Lee 这篇好文分析，帮你想清楚这个抉择。作者介绍：Akane Lee，台湾UI/UX 设计师，上可徒手撸代码（UI设计师要不要懂技术？），下可作图写教程（台湾设计师教你快速制作圆形渐变图标），生活中

产品 2016年08月18日

有趣生动！深度剖析首字母大写和小写的优缺点

@惜可若己 ：在UI界面中，为什么IOS系统习惯每个字母首位都用大写，而谷歌喜欢第一个字母大写？这样的小差异实际上能带来非常大的不同，能够影响到信息的可读性、理解的难度以及可用性，甚至会影响到人们对你的品牌的看法。今天这篇有趣的译文，带你深入了解这两种模式的优缺点。 你能指出上面两种提示信息中的不同之处吗？实际上，差别仅仅在于左边的信息要比右边的多一些大写字母。 大写的 O

产品 2016年08月18日

实战教程！聊聊平面构成中线的风格和玩法

@飞屋睿UIdesign ：线条是网页设计中很常见的一种构成元素，线的性质让它能身兼数职，又不霸占视觉风头。上一次我们已经在《平面设计中如何用“点”提高视觉张力？》讨论过点，这一次让我们一起来到线的世界。本篇主要介绍平面设计中线的风格及视觉感受，线的作用以及玩法。具体到电商设计的玩法，可以参见这篇：《设计基础功！聊聊平面构成中的点线面（超多案例）》一、线是一个点的行迹任何形

产品 2016年08月18日