logo

时至今日，扁平化已不再是流行一时的设计风潮，而是一种美学风格。扁平化大胆的用色，简洁明快的界面风格一度让大家耳目一新，当它对元素效果抛弃的如此彻底之际，它又将效果捡起来，改装成另一番模样，使得扁平化进化为扁平化2.0。

译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【　OK　】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。

让人信任的网页到底是怎么样的？设计一个令人信任的网页应该是有迹可循的，几天文章当中的10个技巧，就是可行性相当高的手法，仔细看看，也许会让你获益匪浅。

题外话：作为一名交互设计师，平时闲下来特别喜欢分析市场上的一些具有代表性产品的交互设计。同样，作为一名资深的吃货，毋庸置疑，当然先给大家分析几款“外卖”的交互设计。

文案规范
视觉指南

配色方案，包括每种色彩的具体参数，以及其他可接受的色调
字体和排版方案，包括每个部分的字体类型、尺寸、字重以及具体用法
LOGO，包括它的样式、变体、尺寸以及位置的说明
拼写、关键词的选择、文案的风格（包括按钮、社交媒体等）
图片使用规范，包括色彩、裁剪规则和视觉表现方面的标准
SEO信息，比如可选的标签和关键词
栅格标准（主要用作网页排版和印刷）
空间与留白方面的说明（设计的松紧度等）
关键点的说明（团队成员可能会提出的问题或者有待澄清的点）

在内容表述上不要限制太多，这毕竟是风格指南，重点是视觉上的引导，设计是核心；
将相关、相联的条目整合到一起做快速指引：一个页面介绍色彩，在另外一个页面做排版的规范等等；
用图片案例来展示界面应有的外观，而不要单纯用枯燥的文字来做介绍；
提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值，确保色彩的运用能够一致；
将一部分的设计案例分解说明，确保每个元素的功能和使用规则都足够明晰；

互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩，构成的配色 方案令双眼觉得和谐。最常见的互补配色有两种，三元配色和复合配色，我们将稍后探讨。
对比则可以将不同的元素区分开来，从而降低视觉疲劳，构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别，引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题，我们会随后聊到。
色彩对于用户的情绪上的感染也是一个重要因素。

较小的文本应当确保至少和背景之间有4.5:1的对比度比率
较大的文本（14pt粗体，18pt常规）应当确保和背景之间的对比度超过3:1

我们每个人在刚入行的时候，接到项目需求，最初更多的会沦为产品经理的画图工具，帮他画好线框图、补全场景状态反馈等，这时候你可能会彷徨痛苦，感觉自己没有办法实现作为交互设计师的价值，不用彷徨痛苦，你现在需要的只是一个完善的工作流程，下面我就抛砖引玉来讲一下当我在画线框图时，我在想的12345……，希望对刚入行的小伙伴能有所帮助。

LOFTER这份精而美的设计规范，页数不多，但每页都是经过三思后得出的总结，推荐一看。

信息层级展示规则是交互设计中的小细节。要分析信息的优先级，用户的核心行为；并通过位置、大小、距离、内容形式、表现方法来建立信息层级；设计过程和结束都要不断审视页面视觉流，看看用户浏览是否顺畅。作为设计师的你，注意到了吗？

做产品经理不懂交互设计，那就是寸步难行。“交互原则多，体验出彩少”，既然要做好产品体验，那么吃透基本的交互设计原则，就是必须且必然的事儿。今天给大家挖了很多可靠的栗子，直接给你提供干货，拿走不谢。

我之前说过要写一系列专门针对电商的三大构成的文章的，而在上篇文章中我已经给大家梳理了一篇关于色彩的文章：六个步骤细说电商banner图设计之色彩的奥秘，那么今天呢，我就接着要给大家讲一篇关于平面构成的文章好了。

做好一份竞品分析、输出优秀的设计观点，可能是衡量一个团队专业与否的第一步。

微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的，旨在微信生态类建立有号、高效、一致的用户体验的同时，最大程度顺应和支持各业务需求设计，实现用户与程序的共赢。

鉴于一直有人问banner背景怎么做，所以我就想要不写一篇关于背景的文章吧。

想起之前有一个朋友私我说，想知道英文排版怎么设计？为什么同样的页面英文排版起来就很好看呢？想必大家也非常想知道吧？那么，下面我们就立马来分析分析，听完你们就会恍然大悟！

天猫官方的双十一预热页面刚刚上线，本文作者就帮大家分析双十一电商设计的流行趋势，包括场景、配色、角度、标题、辅助性元素等。干货+趋势，绝对值得一读！

2016 双11，“All in 1” 主标识，意为“精彩不止一点”。让我们随着阿里小编一起了解2016天猫双11背后的品牌故事。All in 1！将全平台、全品牌、全球融合到一点，迸发出更精彩的世界！

提高视觉冲击力的方法非常非常多，我将结合下我的平面设计经验，总结归纳一下我所学习到的平面设计理论。我一直觉得学习平面设计不能只着眼于平面，应该让眼光开阔些，所以我下面的一些例子会从传统平面海报，绘画，建筑，电影等各个方面来分析设计原则。

当商业目标和设计碰撞在一起之后，商业模式使设计的目标更明确，而设计能为商业模式带来更好的体验。