心理界面设计UI 地图的工作原理

UI颜色心理图有两部分,底部为灰色,顶部为颜色。在灰色中,当您在具有深色对比度的白色基础上进行构建时,您将处于积极舒适的情绪区域,具有很强的吸引用户眼球的能力。顶部颜色图表遵循波长,从 400 纳米到 700 纳米。它不包括非光谱颜色,因此没有棕色、粉色或红紫色。色谱中只有少数部分最能吸引注意力。凉爽的蓝色区域是表达积极情绪的好空间,具有适当的显着性和舒适的通用感觉。蓝绿色(绿松石色)是一种非常吸引注意力的颜色,而且它还具有令人舒适的联想。暖色更能吸引注意力并提高显着性。

像文字层次结构]样使用颜色图

提高显着性意味着靠近顶部红色,而降低显着性意味着靠近底部冷色,然后下降到灰色区域。由于颜色并不遵循从低唤醒到高唤醒的完美线性进展,因此我们  电话号码列表 通常会强制颜色进入视觉层次结构。换句话说,我们调整色调、饱和度等。直到红色主导所有其他颜色,绿色超过蓝色,并且所有强调色都比灰色更吸引注意力。

在大多数情况下,我们更喜欢从白色背景开始,添加灰度结构,然后在顶部添加强调色。对于灰度调色板,我更喜欢建立在黑、白、灰色的结构上,具有良好的美感。

可用的颜色您可能已经注意到

我使用 UI 色彩心理图来思考一些相互竞争的设计目标和挑战。一旦我们粗略地确定了颜色系统,Rena 就会使用 AA 和 AAA 对比度工具来校准调色板,同时测试  电话号码  其在各种设计条件下的性能。这是很多工作。但如果做得好,您将拥有一个强大的色彩系统,可以在未来几年为您服务。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部