Day005 - Login

色彩的运用可以使画面生动，但用户界面的设计不可单纯从美学角度出发使用颜色。应优先考虑内容及用户的注意力应放在什么位置。从iOS7以来色块的运用变的很常见，但细心的同学可以观察到苹果原生应用没有一个在标题栏有大面积色彩运用的。主要是因为标题栏的大面积色块会对用户造成视觉干扰，尤其是明度高的前进色。比如《网易云音乐》的标题栏、《闲鱼》的标题栏、《手机淘宝》的标题栏。以及《QQ》新版左侧栏由于使用了面积过大明度又较高的蓝色也会对用户造成视觉干扰。因为这些标题的背景色并不重要，重要的是内容，但由于错误的颜色使用，这些标题背景色在人们的眼前非常醒目，而重要的功能入口却不醒目。正确的做法：标题使用无彩色，对界面中重要的功能（可触控的按钮、文字）使用高明度的前进色。有心的同学此时可以观察一下手机中的苹果原生应用是不是这样设计的。

在今天的练习界面中若没有输入密码，则登陆按钮置浅红。若输入密码，则按钮变红，可以点击，这也是同样的原因。避免不重要的按钮的背景色对视觉造成干扰，让用户把注意力集中在更重要的操作上。而在用户需要操作这个按钮时，则把按钮从界面中凸显出来。通过使用颜色或动效让用户的注意力从当前操作移动下一个操作。

路易斯·沙利文在1907年提出了“形式追随功能”，这一原则在今天尤其适用于用户界面的设计。