UI设计中选择多少种颜色合适?
2022-08-24
UI设计中颜色被用来产生情感,可以用于视觉层次结构,那是不是颜色越多越好?还是颜色越少越好呢?选择多少种颜色合适呢?
北京分形科技,北京高端网站建设、高端网站设计、专业网站制作公司,今天和您分享经验!
在UI设计原则中,一般选择3中颜色比较合适,但在调色中也有以下一些重要提示:
1.号召性用语颜色(也是主要品牌颜色)
中性浅色(适合文字较多的内容)
中性深色(更适合UI元素,也适合深色模式)
对于上述所有情况,可以有稍浅和稍暗的变化。
列表中的后一点意味着很容易实现以下目标:
暗模式将很容易实现
我们的CTA颜色永远不会与其他颜色发生冲突
在任何情况下,我们都可以随心所欲地强调和去强调
2.创建调色板
使用您选择的UI设计工具,为每种颜色(命名为品牌、中性/浅色和中性/深色)创建一个相当大的画板(点击A)。然后,在每个画板中,创建其他更小的矩形,显示颜色的较深和较浅的变化以及其他颜色本身。
通常,将稍浅和稍暗分别视为10%的额外白色和10%的额外黑色。完成后,在每个画板上显示印刷样式的文本。这些文本图层的颜色应该是中性光,除非在中性光画板上,它们应该是中性暗色。
3.检查对比度级别
接下来,我们需要检查我们的颜色以获得颜色对比度。检查每种组合的颜色对比度并相应地调整颜色。
更多北京高端网站建设、高端网站设计、专业网站制作等相关,欢迎您咨询北京分形科技!
北京分形科技,北京高端网站建设、高端网站设计、专业网站制作公司,今天和您分享经验!
在UI设计原则中,一般选择3中颜色比较合适,但在调色中也有以下一些重要提示:
1.号召性用语颜色(也是主要品牌颜色)
中性浅色(适合文字较多的内容)
中性深色(更适合UI元素,也适合深色模式)
对于上述所有情况,可以有稍浅和稍暗的变化。
列表中的后一点意味着很容易实现以下目标:
暗模式将很容易实现
我们的CTA颜色永远不会与其他颜色发生冲突
在任何情况下,我们都可以随心所欲地强调和去强调
2.创建调色板
使用您选择的UI设计工具,为每种颜色(命名为品牌、中性/浅色和中性/深色)创建一个相当大的画板(点击A)。然后,在每个画板中,创建其他更小的矩形,显示颜色的较深和较浅的变化以及其他颜色本身。
通常,将稍浅和稍暗分别视为10%的额外白色和10%的额外黑色。完成后,在每个画板上显示印刷样式的文本。这些文本图层的颜色应该是中性光,除非在中性光画板上,它们应该是中性暗色。
3.检查对比度级别
接下来,我们需要检查我们的颜色以获得颜色对比度。检查每种组合的颜色对比度并相应地调整颜色。
更多北京高端网站建设、高端网站设计、专业网站制作等相关,欢迎您咨询北京分形科技!