在UI设计中,色彩是非常重要的设计元素。色彩是否运用得当,会直接影响人们的观感好坏。UI设计想要给人简洁整齐、条理清晰感,依靠的就是界面元素的排版和间距设计,以及色彩的合理、适度搭配。要想合理地运用色彩,就要了解不同色彩的特性、功能及对比效果等基础知识。
色彩基本理论
1.色相
色相是色彩的一种属性,指色彩的相貌,准确来说是按照波长来划分色彩的相貌。在可见光谱中,人的视觉能够感受到红、橙、黄、绿、青、蓝、紫等这些不同特征的色彩,色相环中存在数万种色彩。
原色是最原始的色彩,屏幕显示使用光学中的红、绿、蓝作为原色;而印刷使用红、黄、蓝作为原色。对任意一种邻近的原色进行混合,得到一种新的颜色,即为“次生色”。而三次色是由原色和次生色混合而成的颜色,在色环中处于原色和次生色之间。
2.明度
色彩明度是指色彩的亮度。颜色有深浅、明暗的变化。比如,深黄、中黄、淡黄、柠檬黄等黄颜色在明度上就不一样,血红、深红、玫瑰红、大红、朱红、桔红等红颜色在亮度上也不尽相同。
这些颜色在明暗、深浅上的不同变化,也就是色彩的又一重要特征一一明度变化。
3.纯度
色彩纯度,是指原色在色彩中所占据的百分比。纯度用来表现色彩的浓淡和深浅。纯度是深色、浅色等色彩鲜艳度的判断标准。纯度最高的色彩就是原色,随着纯度的降低,色彩就会变淡。
纯度降到最低就失去色相,变为无彩色,也就是黑色、白色和灰色。彩色系中,常用彩度或者饱和度表示,而黑白的纯度,则可以称之为灰度。
4.对比度
对比度对视觉效果的影响非常关键,一般来说对比度越大,图像越清晰醒目,色彩也越鲜明艳丽;而对比度小,则会让整个画面都灰蒙蒙的。
高对比度对于图像的清晰度、细节表现、灰度层次表现都有很大帮助。
配色
色彩搭配的方法分为单色、类似色、补色、邻近补色、无彩色等。
1.单色
单色配色就是使用单一的颜色,在单一色彩中加入白色或者黑色来改变该色彩的明度,来进行配色。
2.补色
补色指的是色环中相对的色彩,补色配色可以表现出强烈、醒目、鲜明的效果。
3.类似色
色相环中相距60度,或者相隔三个数位的两色,为邻近色关系,属于对比效果的色组。色相彼此近似,冷暖性质一致,色调统一和谐、感情特性一致。如:红色与黄橙色、蓝色与黄绿色等。
4.无彩色
无彩色系是指只使用黑色和白色,以及由黑白两色混合而成的各种深浅不同的灰色。其中黑色和白色是单纯的色彩,而由黑色、白色混合形成的灰色,有着各种深浅的不同的效果。
搭配原则
能否巧妙地运用色彩搭配是软件界面设计的关键,好的色彩搭配更能吸引用户的注意,能使用户拥有更好的体验。
1.色调一致
色调一致强调的是整个软件界面有着一个主色调,在开始设计之前,设计师就应统一设计界面的色彩应用方式,并且在设计过程中严格遵守。
2.符合大众审美
在设计软件界面时,必须迎合大部分人的审美,也就是要比较保守的使用色彩,避免太夸张的表现,也不要过于素净。
多使用一些看起来柔和、中性的颜色,符合人们的认知习惯,以便于大部分的用户能够接受。
3.控制颜色数量
在设计界面时,最好不要使用太多种颜色,否则界面的观感容易不佳,单个界面最多三四种,整个系统最多六七种。
除了以上介绍的UI设计涉及到的基本理论以外,还有许多UI设计的理论知识和制作方法。想要学好UI,一定要系统规范地学习,不断实践才行。
本文由培训无忧网牛耳教育课程顾问老师整理发布,希望能够对想参加UI设计培训的学生有所帮助。更多课程信息可关注培训无忧网电脑IT培训或添加老师微信:15033336050
注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-3158.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050