译文

用户体验设计 界有个流传甚广的段子：美国太空计划和其对于反重力笔的需求。据报道，美国人花了几百万美元用于研制一种使用固态墨水写字的高科技笔，这种笔的墨水平时固态的，但写字时的压力会让它变为液态从笔尖流出，所以这种笔倒着也能写出字。然而俄罗斯的航空员则直接使用铅笔。

Airbnb、Pinterest、Kickstarter、小米等一系列的创业企业有什么共性？他们都有设计师作为创始人，在创始团队中就加如了设计的基因。商业决策者们在努力地把商业策略融入到产品设计的内涵里，而你——一名设计师，又是否了解商业呢？今天我们分享两篇文章，分别讨论了「设计师学习商业」中「Why」与「How」的问题，希望你能有所启发。

颜色是我们观察事物的第一认知，是最能触动我们感官的视觉元素。颜色可以激发我们的联想，刺激我们的情绪。在设计中，颜色的合理运用一直是个很重要的课题。现在就让本篇文章带你认识每种颜色的独特作用和如何运用在UX设计之中吧。

响应式设计 无疑是当前网页设计 领域当中，不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来，那么响应式网站中的图片库应当如何设计呢？

“当我们在思考一个问题的时候，我们需要开放模式；但一旦我们找到一个解决方案，我们必须切换到闭合模式去实现它”

当我们刚刚接手一个项目的时候，我们总能在初期迸发出很多有趣的想法，很多闪光的细节都是偶然闪现的，但当我们在设计的过程中，有多少能够真正落地到产出中呢？怎样才能成功捕捉到这些有趣的创意，并使之在后续的产品设计中表达出来？本文向大家推荐了四种方法，帮助大家整理设计思路，避免创意在你的脑海里逃走！下面进入译文。

漂亮的，新颖的，干净的，简洁的，极小化。在有关设计的讨论中这些单词频繁出现。看下面的这个优秀作品集收集网页：http://www.creativebloq.com/portfolios/examples-712368。单词“漂亮的”被用了6次，“简单的”被用了11次，仅仅还是在一篇文章中。

优秀产品的用户体验设计是贯穿整个设计过程的，从最早的设计阶段便已经开始。所以，完成产品所有的部分之后再想办法为其补做“用户体验设计”是不可能的——你需要打一开始就就将其放在心上。

XX项目视觉稿.PSD

XX项目视觉稿新版.PSD

XX项目视觉稿最新版.PSD

未标题-1.PSD

XX项目视觉稿最终版.PSD

我已经不想做了.PSD

XX项目视觉稿这个一定是最终版.PSD

XX项目视觉稿最终的最终版.PSD

这稿坚决不改了就这么着吧.PSD

这个标题是凑字数的.PSD

「一致性」可以理解为统一或者更通俗的规范，这篇文章有一定深度，作者从多方面阐述了一致性对于UI设计的重要性。最后给出了为应用创建“一致性设计”的几个原则。下面让我们来阅读发表在Medium上的，由交互设计师兼工程师的Joe Toscano创作的文章。我们在创造某些体验后，需要一些理由给它们做出定义。伟大的设计是无形的，因为他们具有一致性，并让人熟悉。

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

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

每个界面都应该有一个清晰的起点。用户应该从哪里看起？要设计清楚。△ UX策略1 – 在页面标题部分添加视觉对比

预测用户的意图，让他们尽可能接近目标。△ 筛选出或跳至用户正在搜索的条目

不要让视觉效果过重以至于霸占了整个网页的重心
视频比起文本和图片更容易吸引用户的注意力
女性和孩子的形象更容易吸引用户的注意力
用户浏览页面的视觉轨迹是“F”型的

动机
能力
触发

除了引导用户，还要减少他们的认知流程，以保持流畅状态。千万别把计算这种事情丢给用户，让计算机来处理。

用户可能是新手、专家或介于两者之间，要根据用户情况设计界面。△ 使用适当的新人引导（四种主要的新人引导策略）

Material Design的动效设计 是响应式的，自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。

“如果所有都是重点，那么就不存在重点了。——Patrick Lencioni”“用户在手机上永远用不到这些内容。”