Ui设计规范
一:Ui色彩认知
就重要性而言,在APP应用中色彩元素扮演的角色仅次于功能,人与计算机的互动主要基于与图形用户界面元素的交互,而色彩在该交互中起着关键作用。它可以帮助用户查看和理解APP内容,与正确的元素互动,并了解操作。
每个APP都会有一套配色方案,并在主要区域使用其基础色彩。正因为有无数种色彩组合的可能,在设计一个新的APP时,人们往往很难决定一个效果好的方案。
1.1色彩数量
在创建配色方案时,需要考虑很多因素,包括品牌色彩及色彩在你所在区域的特殊意义,保持色彩组合简洁有助于改善用户体验。一个简洁的配色方案不会使人眼花缭乱,并且使你的内容更容易被理解。相反,在太多的地方有太多的色彩很容易搞砸设计。
多伦多在大学关于人们如何使用Adobe Color cc的研究显示大多数人更倾向于仅依赖2-3种色彩的简单色彩组合。
1.2.色彩的术语:
色相(Hue)——即各类色彩的相貌称谓
色彩饱和度(Saturation)/色度(chroma)——颜色的整体强度或者亮度
明度(Value)——色彩的明暗度
色调(Tone)——是纯色和灰色组合产生的颜色,也可以说是一副画中画色彩的总体倾向
色度(Shade)——是纯色和不同比例的黑色混合产生的颜色,是色彩的纯度
色彩(Tint)——是纯色和白色混合产生的颜色,一种色相(Hue)通过加入不同比例的白色能够产生不同的颜色