选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

关于设计色彩的 10 个事实

1LSg2FeFpBNpLh_MrUf_yOA

颜色是吸引用户注意力的最有力工具之一。鲜艳的色调自然会吸引人们的眼球。颜色还会影响用户对界面重量和大小的感知——暖色调往往显得更重、更突出。

1GUlAKAe0ueDdkahL5aTrHw
暖色和冷色。

 

 

1foLnKNJDkCL3XzQFtc8hqw

用户会在 90 秒内对产品做出潜意识的判断,其中高达 90% 的判断仅仅基于颜色。

0YhAk1wSkagWAiBvY
色彩心理学。图片来自vmgstudio

 

 

1isMku2Ajc47OTGlRoGpeow

大约有 8% 的男性和 0.5% 的女性患有色觉缺陷(约每 12 个男性中就有 1 个,每 200 个女性中就有 1 个),因此足够的色彩对比度是至关重要的考虑因素。

0mNGd1pTTSItG5pmn
色盲。图片来自healthdirect.gov.au

 

 

1m22kpcAVEciM-D2pgEgtbQ

与冷色调相比,红色和橙色等暖色调更容易被用户的周边视觉注意到。

0gFgHsHtY498rmRfr
温暖的红色和橙色色调。

 

 

1DXt1e2AloiC8z3RdcqEHCw

蓝色是跨文化、性别和年龄组最受欢迎的网络界面和软件颜色之一。平均而言,用户倾向于认为采用蓝色配色方案的物体和网站更值得信赖和安全。

0b0Lzo4OR9Wpt3cem
女性和男性对颜色的偏好。图片来自vmgstudios

 

 

02n1t9baa4FROHpZg
蓝色配色方案。

 

140tjqqeelbYQQZBEgF-qQA

颜色会影响用户快速理解信息的能力,暖色调有助于更好地理解书面内容。

0DUSrKezzWmAFirCw
暖色刺激思维活动。图片来自shiftelearning

 

 

10jjMkbBlMM9US0qM3Qyq6g

鲜艳的强调色比柔和的颜色更能有效地引导用户的视线在界面上进行所需的操作。鲜艳、饱和的颜色(如红色和橙色)可以增加用户的紧迫感,从而可能鼓励用户更快地采取行动或购买。

不饱和、柔和的色彩对用户的刺激较小,可带来更平静的观看体验,非常适合阅读或专注工作。

1075otBWMmHVB8c34AABPWA
由去饱和、柔和的色彩创建的配色方案。

 

 

14bNMzQiPl7vOjSKGhdE3OQ

人们在阅读文本内容之前会处理视觉内容,因此战略性的颜色选择对于即时理解至关重要。

0CbBa3CnjOMCiK6rX
视觉内容对大脑有益。图片来自https://blog.squarelovin.com/user-generated-content/the-importance-of-visual-content/

 

 

1XxEsw4kGkbOUWgkCTfANFw

不同文化背景下颜色的含义有所不同,因此在全球产品设计中必须考虑本地化的颜色关联。

0UhoGINfDAS8DMOe3
国际色彩象征。图片来自https://rapidnotes.files.wordpress.com/2017/02/international-color-symbolism-chart.png

international-color-symbolism-chart 下载链接:

https://pan.baidu.com/s/1qdl50V3viiYNkKTlRBSuLw 密码:dhm1

 

1csCG2YwIQf0a6mKzV-HpJQ

虽然趋势会影响颜色偏好,但用户对简单一致UI 配色方案反应最佳:

  • 用户界面中过多明亮、鲜艳的强调色争夺注意力,会给用户带来困惑、压力,并降低理解能力。
  • 一致使用的颜色提示有助于在重复使用应用程序时训练用户对功能元素(如行动号召)的记忆。

翻译:云瑞设计

原文:huxplanet

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。