交互设计

时序图作为常用的UML交互图，可以直观的传达系统内外之间的交互过程，经常用在详细设计文档中。下面本文综合参考了多篇时序图的教程，根据作者的思路将时序图做了更深入的讲解。

当应用程序被用户打开时，在程序启动过程中被用户所看到的过渡页面（或动画）都被我们统称为启动页。为了增强应用程序启动时的用户体验，您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时，iPhone OS会立即显示这个启动图像。一旦准备就绪，您的应用程序就会显示它的首屏幕，来替换掉这个启动占位图像。
——摘自苹果官方对于iOS启动页的设计说明

未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去，从而覆盖整个淘宝，真正地实现做到一个“有故事的淘宝”。

在创作阶段设计页面时，如果没有规范来指导，设计过程中很容易产生细微的出入，导致出现控件不一致，增加返工率，这时候我们需要界面制定设计规范。

世界范围内，每12个男性中有1名男性、每200名女性中有1名女性受色盲或者色觉缺失（CVD）的影响。这意味着每100个web或app用户中，至少有8个人的实际体验和你的预期有很大差别。如何确保你的设计对这些用户也有足够的吸引力？我们会在本文提出一些方法帮助大家。别急着满带恐慌地投奔你的设计团队，先来看看我们列出的色彩可用性设计的几项重要事项。

优秀的动效设计更能让用户从中感到惊喜，让用户感受到产品的温度和调性。

上周写了一篇文章《APP设计：那些打动人心的设计点》，总结了八个APP的小设计点，这些小设计点不是针对APP的核心业务和功能的设计，但会给用户带来一点小便利和小惊喜，就像电影最后的彩蛋，让人期待而心动。紧接着上篇，我们继续说说那些打动人心的APP设计。

如果有一天，当你发现自己“较真又矫情，苛求又世故，倔强还言辞凿凿”，别否定自己，也许你已经开始有点交互设计师的意思了。

动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效常见的几种用法》这篇文章中，我们探讨了动效对于交互和用户的重要意义，动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效，这也是近年动效设计的热点之一。

相信有很多小伙伴和我一样，经历过“做设计，心里没底”的情况，说的直接点就是“找到好参考就能做好，找不到好参就做不好，即使做出了好作品，也觉得带有一定的偶然性！”为什么会这样呢？最近菜心对这个问题感触颇深，所以想和大家分享一下自己的经验。ps：今天的干货是sketch4.1安装包及中文教程，大家可以自行下载。下载地址：https://pan.baidu.com/s/1c2oZkQW（无需密码）

做设计，最难的不是搞清楚解决问题的最佳答案是什么。而是，站在全局去平衡问题与问题之间的关系，做当下资源条件下相对正确的设计决策。

微小的差别给用户的感受可能完全不同。

最近在做关于验证码的项目的时候，从交互的角度梳理了产品各个平台验证码的应用场景。在一个产品中，会有多个设计师分工协作，不同的设计师做设计迭代。由于验证码在整体设计中太容易被忽略，它在每个场景的显示逻辑可能不尽相同。下面，我们就来聊一聊不同应用场景下的验证码。

网站能承载多种多样的内容，但无论是哪种内容，通常都会遵循一定的信息架构。在这其中，故事是很特别的一种类型。讲故事，往往能以更叙事、更情感化的方式，将内容传递给用户。一个好的故事，往往始于笔端，但是最终呈现，还是要依靠精巧的设计。那么设计是如何讲好故事的呢？今天的文章，为你分享一下创造故事的7个维度。

模态已成为今天的可怕的弹出窗口的版本。用户发现模态窗口很骚扰人，人们本能地自动关闭这些窗口。

在交互设计稿中Toast是其中很常用的一种用户反馈手段，但是作者却发现在iOS中根本没有toast这种部件，那么在设计该如何处理呢？一起来看看作者的解读。Snackbars包含一行与进行的操作直接相关的文案（文案前不可有icon）。它可以包含一个操作。Toast优先适用于系统提示。它也在屏幕下方出现，但是不能被划出屏幕外（而被清除）。潜移默化地将状态改变或者其它类型的反馈放进你的界面中。理想的情况是：用户可以不用进行操作或者被打扰，就能得知重要的信息。
Unobtrusively integrate status and other types of feedback into your interface.Ideally, users can get important information without taking action or being interrupted.

我一直觉得做设计，其实是在克制，潜移默化是最好的。在你没有想好如何表达，最稳妥的做法是克制你的表达欲。

上篇《交互实战｜覆盖层设计：对话框&浮层（上）》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式：对话框主要分为提示型和输入型两大类；浮层主要分为Toast和Snackbar两类。在下篇中，想要讨论一些不那么常用的覆盖层交互形式：弹出式半屏页面和弹出式气泡。

互联网视觉设计师如何在职业上精深一直是我在思考的，遇到过许多视觉设计师想转行去做交互或者项目经理，找不到视觉设计师的价值和专深入点。我也在思考与探索中，下文是我现在想到的一些点，也欢迎同道中人一同探讨，互相启发。