视觉

毕业后加入百度成为一名交互设计师已经整整一年了，现在把一些和工作、职场的相关经历和感受写下来。希望能对即将踏进职场的学弟学妹有所帮助。

当你将弹窗设计 及使用得恰到好处时，它们就会是非常有效的用户界面元素。它们能帮助用户快速且便捷地达成目标。然而当错误使用时，弹窗却会困扰你的用户。学会如何设计弹窗，会帮助你在使用时避免那些可能对用户造成的困扰。

在我们探讨设计原理的核心之前，我们需要明确构成视觉语言的5种元素。线段在动态设计中是点的集合。线段生成了运动，吸引我们的眼睛去跟随它的运动轨迹。线段可以是直线、曲线、虚线或粗细变化的线，它是构成形状的基本元素。

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

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

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

微交互的核心是规则，规则决定了微交互是什么？怎么用？

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

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

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

对于界面来讲，我们设计师过于关注设计的美观度，而忽略了图片和文字的内容的真实性。而界面内容的真实性相当关键，这往往关乎自己的设计最终能不能高还原度地呈现。

移动端屏幕越来越大，但用户对内容量的要求也水涨船高。如何在有限的屏幕内透出更多的内容，是设计师们研究的重点。

@戴小维Saki ：为什么要学会方法论 ？身为交互设计 师，行走江湖，怎么能没有一两个贴身护法傍身？！

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

社区O2O是一个需要长时间探索的行业，主要是因为社区是一个复杂的地方，看似商机很大但真正建立一个粘度很高的平台并不那么容易，但平台无论从何点切入，其社区的复杂性决定了在平台搭建时不得不去思考以下四点，分别是场景、内容、载体和融合，本次和大家探讨的是生活场景的打造和载体的介入。

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

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

设计师和用户如同在跳交际舞，既要顺应着对方的步伐，也要进行一定的引导。对方是一个人，不只是你感受的到他的温度，他也闻得到你身上的味道，对你时时刻刻进行着评价。

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

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

回归到商业常识产品与服务才是长久之道，过度的营销在这个传播过剩的环境中反而容易引起用户的对抗。

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