灵感

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

在传统的交互设计 流程中，比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等，相关的 UCD 设计方法 很多，而基本框架则是大同小异。在规模较大的公司与设计团队里，作为交互设计 师的我们也习惯了运用这种按部就班、环环紧扣的推导方式，帮助自己有理有据地应对各种「为什么这么做」的挑战。

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

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

经常发上手即用的教程和技巧，今天来点不一样的「干货」，聊聊在设计中的价值创新。内文案例丰富，配图生动，也有实战案例，对于「需求」的理解非常到位，来自阿里Heyuchan 同学的分享，如果你恰好是交互设计的，更加不能错过咯。

Dribbble，国内比较追捧的媒体。上面聚集了很多项目的视觉设计图，有的配色很漂亮，有的表现手法很新颖（一定程度上会激发我们灵感的火花），但我们在不了解设计场景、目标的情况下是无法判断出这样的视觉设计是否最终解决了用户的问题。脱离业务场景的设计是没有生命力的更谈不上产品体验、服务体验，只有视觉和体验统一起来才能更好的占有市场，设计才具备了商业价值。

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

踏入新创科技业以来，总是听见许多设计师/工程师朋友们在抱怨设计师与工程师之间的合作有多么的…不融洽（糟糕），要码是设计师常常抱怨工程师没有 美感，不重视设计细节，或是连Guideline都不读完就来跟我讲该怎样设计（ → 强烈建议iOS/Android 工程师不管未来是否会接触接口设计都花些时间把iOS的Human Interface Guideline跟Material Design Guideline给看完，这是基本啊！！基本啊！！在线已经有满坑满谷的翻译文章啰，所以别再拿看不懂英文当借口啰）；另一方面就是工程师也常常会抱怨 设计师总是把写动画当作小画家，把写程序当成写国字（Framer会红的原因？！）或是总是有着过于天马行空的设计想法。

对一个全无经验的动效新手而言，如何制作出「正确」而不是「华丽」的动效？今天这篇Medium 上的好文，从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面，附上案例分析，帮你学会基础的动画制作技巧。

字体作为界面设计的一个元素，对用户的阅读体验起着至关重要的作用。本文是 UI 设计师 Viljami Salminen 分享的用户界面字体设计的基本规则和技巧。一个优秀的设计师懂得：网页上的文字不仅仅作为内容而存在，它还是用来交互的界面。
– Oliver Reichenstein
Helvetica 真的弱爆了。它不是为小屏显示而设计的。像「milliliter」这样的单词显示效果就很差。
– Erik Spiekermann

你可能也碰到过类似的场景，一个撕逼的场景：“考虑到用户的使用场景，用户到这个页面，更关注信息B，而不是A，我觉得，这个页面，更应该突出信息B…”。反驳的声音说：“你觉得，只是你的个人感受、猜测而已，真实的场景和情况，并不是你觉得的那样…”

越是简易，你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。

如果你希望某个重要的东西被用户看到、用到，那么很简单 – 把它放在用户一定看得到的地方，别让他们去找。

本文作者 Rebecca Ussai  ，成文于她和迪斯尼首席动画师 Glen Keane 在  SXSW panel 合作的一次干货分享之后，文章讨论了 UX 设计师能从迪斯尼动画设计学到的 5 大原则，干货满满！不能对观众没有耐心，他们只是在对你的设计做出反应。吸引力是一种很玄的东西。我总是做些我做不来的事儿，因为我觉得可能做着做着就学会了。
——毕加索

这六点无论是对产品新人还是有经验的PD都是很重要的，按照整个流程可以避免很多问题，也会让我们的工作变得有节奏，而不至于丢三落四，确实对产品的把握。

互联网空间不像现实世界，它完全是一个平面化的二维虚拟空间，所有的物体都处于一个空间平面上，但是信息内容却是有层级关系的，那么应该如何在一个平面空间里来展现多重层级关系的信息呢？

产品设计流程中，有必要对设计进行评审是大家的共识。在我每周的工作内容中，参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的，也有针锋相对的评审让设计方案摇摆不定的。怎样进行一场高质量的设计评审？设计师应该如何应对设计评审，更好的表达设计意图，并收集意见改进方案？怎样避免设计评审变成竞稿或PK？如何确保设计评审这样的流程能带来更大价值？带着这些问题，我们一起看看原文作者Jason的观点。*在你点评的设计细节上开始询问背后的原因及意图。为什么我们需要这条信息？对于允许索取这条信息我们设置了哪些期望？我们会用它做什么？如果我们能回答它们，再进入讨论解释各种元素的优劣以及与之对应的不同意见会比较好。“为什么”引出一个故事，解释某件事情的真实性。如果你问为什么，一切都无法奏效，你更想要创造一个故事，无论真实与否。这是让你感到糟糕的危险领域。 与询问“为什么”不同的是，考虑询问“如何”能够引出一个创造流程的故事，不必为它的存在辩护。然后你可以问设计师之前考虑过的各种可能，认真倾听设计师在提供方案之前做过的尝试。他们也许过于看重某些东西，不过没必要深究。优秀的适时交互是让产品（服务）吸引或失去客户的关键区别。将间歇性的互动变为持久关联的秘诀在于一系列精彩微交互，以及当用户需要时恰好出现的信息内容。 在设计评审流程中，应当询问每一个行动、每一次询问或者每一次数据展示是否出现在正确的时机，以确保界面在切换时传递信息时顺畅。随着扁平化设计与用户体验趋势的摇摆变化，我们能预感到页面部件缺少视觉线索的风险，因此动画能减少这种风险。 这种动效可能是颜色、透明度的变化，也可能是用猴子的手臂延伸页面这种细节，或者用户完成任务后展示太阳升起的效果。询问在UI设计中加入逐步动效的可能将极大的推动设计师改善设计，使得设计师思考时间维度的设计细节，而不只是局限在空间维度。这是一个很好的问题，我认为它是每个人都应该吸收的教训，尽管并非如此。我总喜欢提到：对用户的真实目标来说，页面或屏幕上的任何元素都不是解决方案的一部分，而是噪音和干扰。 在设计的每一步中，我们都需要自问：我们如何能够创造更小思考成本下能发挥同样作用的产品？在设计评审中，这是要求把方案简化的最佳表达。在设计中保持界面清晰很重要，使用尽可能少的点击、文案和输入框来达成目标更好。踏踏实实的把用户需要完成工作的消耗降到最低，用户会感激不尽。我们认为，很棒的产品描述（比如产品手册）对用户来说就跟“坐在60码时速的车上看到的广告牌一样”，UI设计师们比较难理解用户是如何忽略这些产品界面细节的，尽管设计师为此付出诸多努力。 优秀的设计评审放慢节奏，考虑每个元素，但是能认识到这些设计细节可能不会被用户注意到。如果参加评审的人员在颜色、字体及体验设计方面没有专业知识，他们可以考虑以下重要因素：经验告诉我，不要试图一概而论。例如我会问“我不确定开放的banner是否足以传达品牌？”，而不是问“哇，用户根本不会理解我们的品牌价值。”这就是为什么我认为每个设计师应该花时间观察用户并且使用自己的产品（又称可用性测试）。

转换率优化（Conversion Rate Optimation, CRO）逐渐受到越来越多的关注。资本雄厚的公司通过增长黑客团队与持续优化作后盾，也影响越来越多人搭上 CRO 的风潮。整体来说，重视对网站效果的测试是一件好事。转换率（Conversion Rate）= 欲望（Desire）─ 障碍（Friction）

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