UI设计

仔细想想，你会发现我们正处于大屏UI 设计的一个有趣的阶段。2015年推出的Apple TV 已经是第四代产品了，但是其他的同类型产品尚且处于第一代或者说早期阶段。发布会上吹出的牛逼最终还是要经过市场验证，而实际状况比起大家预期的结果，更加复杂。到底要如何给Apple TV 设计APP呢？今天的文章，我将为大家分享一下我们为丹麦最大的内容供应商设计APP的经验和相关的资源，也许能帮大家一窥究竟。

在现实生活在，视觉信息总是很吸引人的眼球，卡片设计的应用不仅仅只是一种趋势。

文章索引译者注：本章是iOS Human Interface Guideline的最后一章，文末附上全文PDF下载地址。译文如有任何疏漏之处，或任何意见或建议，请不吝指出，翻译组感谢大家长久以来的关注和支持！

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

招聘季，无论新人还是交互老鸟，都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求：介绍一下你的作品…..如何展示交互作品这件事，这篇文章系统总结一下。

我同意一种观点，成人的知识学习体系最好的其实是慨念性的。因为，我们面对的社会不再是以前学校里老师给方向，让我们去找方法。而是方向我们自己思考自己找，然后针对自己的思考出的方向再去找寻相应的方法。所以，在现实工作生活中，别人的一个方法看似有效，其实未必可行。这也是很多人的成功其实并不可复制是一样的道理。

我们在创造某些体验后，需要一些理由给它们做出定义。伟大的设计是无形的，因为他们具有一致性，并让人熟悉。

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

这不是一篇关于“怎么做高保真原型“的文章，也不是一篇关于交互规范的文章，这篇文章对于交互新人或者想作一些改变的互联网从业者有些许帮助。

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

不知不觉，我已经正式在交互设计的路上越走越远，了解得越多，就觉得交互设计需要学习和掌握的知识越多；同时犯的错也会越多。然而犯错并不是一件坏事，怕的是犯过的错误不能够被积极地思考，我们不能及时把错误化作成长。根据目前我的一些浅薄经验，总结出了交互新人往往容易犯的一些错误，以及关于错误的一些思考。

UI设计有哪些规范？可能很多小伙伴都在工作中思考过这个问题，现在作者总结了一些UI的设计规范，给大家做个参考。

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

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

色彩：鲜艳的色彩更抓眼球，适宜于可点击的元素使用
空间：在关键元素周围留下足够的空间，让用户更容易发现，也更容易操作
排版：使用简单干净的字体（尽量使用笔画粗细统一的字体），并且挑选适合屏幕的字体，确保整体可读性。

告知用户他们所处的位置，或者显示当前状态（比如光标悬停色彩改变等）
当某个动作执行的时候，应当给出相应反应（比如提交表单完成之后给予成功提交的提示）
告诉用户发生了什么，以及接下来将会发生什么（比如加载中的进度条）

苹果公司目前在全平台上使用的是San Francisco字体，iOS 9 上将这种字体标记为 SF-UI。
Roboto 和 Noto 则是Google Android 和 Chrome 上的默认字体。

任何职业的学习都是没有尽头的，只有越学越多，才能提高你的竞争力。多学各种知识才是王道。

我们常常会说到做设计需要知道三大构成（色彩构成／平面构成／立体构成），设计又可以分很多个类别，比如网页设计／UI设计／电商设计／室内设计／工业设计等等，那对于电商设计有没有专门的三大构成呢？至今好像没有看到，所以我想尝试着梳理一下我脑袋里的知识点，专门讲解一下三大构成在电商设计中的运用，而今天我先从色彩在电商设计中的运用开始说起。

让问题保持直观的顺序。你应当站在用户的角度按照逻辑提问题，而非按照程序或者数据库的逻辑。如果问题之间没有逻辑存在，那么可以按照字母顺序来排布。
以直觉的顺序组织选项。比如选项为日期的时候，按照周一周二周三这样的顺序来排布，而非乱序。
时刻反思从用户那里获得的信息是否必要，如何使用。这样做是为了消除不必要的选项，提升完成率。

一旦用户点击输入框，标签会消失，用户容易忘记谈需要输入的内容以及形式
当用户看到输入框中有内容填充的时候，会误解为这个字段已经被填写而无需输入了

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