当前位置: 首页 > article >正文

用户体验设计中的颜色

🔥1 颜色模型

是一种抽象的用于描述颜色被定义和呈现方式的数学模型。

RGB模型(加色模式)

最多用于显示器上,因为它是发光的颜色。

CMYK模型(减色模式)

适用于印刷体,不会发光而是反光的模式

🔥2 颜色感知

影响因素

颜色对比

我们的视觉系统对不同亮度的对比要比绝对的亮度对比更敏感。两个一样的颜色,在周围不同颜色衬托下,会显示不同的明暗度。

看下图我们会发现AB区域的颜色实际是一样的!

启示:页面设计中字体和背景颜色的反差比要达到4.5:1

颜色展示

不同颜色之间的距离越近,越容易区别

色盲

在设计时要考虑一些色盲

颜色使用指南

1.避免使用比较接近的颜色,而是要使用对比度大的。(黄蓝、黑白)

2.除了依靠颜色,还可以添加一些线索(主要是针对色盲等用户,因为他们对颜色看不了)

3.创造可获得性的设计

🔥3 颜色设计

颜色的意义

颜色心理学:即不同的颜色代表不同的意义。(如红色代表能量、危险和热情;绿色代表自然、安全和和谐;黄色代表阳光和积极;蓝色代表天空和海洋;黑白灰代表安全的颜色,就是不太容易出错;)

颜色理论

暖色vs冷色

暖色与太阳或者火在一起;而冷色与海水或者草地联系在一起

tints,tones vs shades(深浅色对比)

在普通颜色基础上,加上黑白灰就会形成深浅。可以通过这样去营造氛围。

配色方案

如achromatic,monochromatic,analogous,complementary,triadic,compound


http://www.kler.cn/a/4226.html

相关文章:

  • 简历_使用优化的Redis自增ID策略生成分布式环境下全局唯一ID,用于用户上传数据的命名以及多种ID的生成
  • web开发工具之:三、JWT的理论知识,java的支持,封装的工具类可以直接使用
  • 【机器学习实战入门】使用OpenCV和Keras的驾驶员疲劳检测系统
  • HarmonyOS Next 实现登录注册页面(ARKTS) 并使用Springboot作为后端提供接口
  • Android面试题
  • Elasticsearch:Jira 连接器教程第一部分
  • Android App保护用户隐私————禁止应用截屏或录屏
  • Java阶段一Day09
  • vue有两种生成二维码的方式,qrcode、vue-qr(有icon);
  • 小皮 Windows web 面板 漏洞详解
  • 科大奥瑞物理实验——傅里叶光学
  • 数字化转型导师坚鹏:银行如何建设行业领先的人才培训管理体系
  • 【密码学复习】第五讲 PRG和流密码(一)
  • 运营商二要素、三要素 API:为用户的个人信息安全保驾护航
  • Qt关于路径的处理
  • 请在危险边缘试探、C++primer循环学习
  • linux内存的反向映射
  • 基于gtid的备份_恢复_注意事项_mysqldump_skip-gtids_include-gtids_exclude-gtids
  • ThreadLocal详解
  • 人工智能交互革命:探索ChatGPT的无限可能 第4章 ChatGPT-智能客服
  • Git(一)
  • es-head插件插入查询以及条件查询(五)
  • Spring Cloud Alibaba 多租户saas企业开发架构技术选型和设计方案
  • 程序员面试最反感的这件事,很多公司都会做
  • anaconda如何改变虚拟环境安装路径
  • Java分布式锁面试题