推荐Lovart 中文版 - 一站式 AI 设计平台推荐一人企业Vibe Coding社区!热门AI设计工具新品免费AI编程工具 Trae - 智能编码助手Seedance2.5已上线新用户注册即领免费算力
UIED.CN今天偷学哪一招,朋友

关于设计色彩的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 配色方案反应最佳:

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

声明:本站所有文章,如无特殊说明或标注,均为本站作者原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。本文来自作者自媒体,不代表UIED观点和立场。 如若本站内容侵犯了原著者的合法权益,可联系我们进行处理以减少您的损失。

标签

评论 0

最新评论

登录后发布评论并参与互动。

暂无评论,欢迎抢沙发。

推荐阅读

查看更多