全国服务热线:400-035-8011

位置:临汾优就业IT培训学校 > 学校动态 > 如何做好UI配色

如何做好UI配色

来源:临汾优就业IT培训学校时间:2020/12/6 15:21:38

    1.60-30-10原则
    60-30-10原则早来源于室内设计领域,室内设计师借助这一原则,创造出协调的室内设计配色。这一原则很容易理解,即60%是主色,30%是副色,10%是强调色。
    墙面漆(60%),家具(30%),配饰(10%)
    这一配色比例被认为是较为令人愉悦的,在视觉感知上,它提供了一个让人舒适的色彩层次,允许眼睛从一个焦点到另一个焦点舒适地移动。
    2.巧用前进色与后退色
    在视觉效果上,颜色有前进色与后退色的区分:
    有的颜色看起来向上凸出,并给人很近的感觉,这类颜色称为前进色,也称“膨胀色”。例如红色、橙色和黄色等暖色,表现为明度较高的颜色。
    有的颜色看起来向下凹陷,并给人很远的感觉,这类颜色称为后退色,也称“收缩色”。例如蓝色和蓝紫色等冷色,表现为明度较低的颜色。
    前进色和后退色的色彩效果在众多领域得到了广泛应用。

    例如,广告牌就大多使用前进色(红色、橙色和黄色等),这是因为这些颜色不仅醒目,而且有凸出的效果,从远处就能看到。在化妆界,可以制造立体感和纵深感的眼影则是使用后退色。

临汾UI设计培训学校

    在UI界面设计中,正确使用前进色和后退色,能起到直达用户心灵的效果。例如:
    把优惠活动的日期和商品的优惠价格用红色或者黄色的大字显示,会产生一种冲击性的效果,相信顾客都无法抵挡优惠价格的诱惑。
    在界面中合理的利用后退色,则可以使界面显得有层次感和空间感,给人以广阔、大气、自由、放松的体验。
    3.善用对比的效果
    如果你需要让用户注意到特定的元素,那么,使用色彩的对比效果,能达到引人瞩目的视觉体验。
    在UI设计中,常用的色彩对比方法有冷暖对比、色相对比、纯度对比、明度对比、黑白对比等。也就是说,可以通过调整色相、纯度(饱和度)、明度、灰度来起到视觉上的对比效果。
    运用色彩对比时需要注意做好对比色的调和关系,使设计色彩变得和谐,以免给人产生低俗、乏味或杂乱无章的负面体验。
    4.走进大自然
    好的颜色组合来自大自然。我们在自然环境中看到的色彩组合大多都非常的协调,甚至可以说是接近。毫不夸张地说,大自然是世界上好的艺术家和设计师。
    例如,我们都熟悉并喜欢的日出和日落的美景,还有秋日的落叶、冬天的山野等等,这些景色的色彩组合都有着独特的自然美感。
    所以,当你尽管学会了许多配色技巧,仍然为了配色而苦恼时,不妨关掉该死的电脑,走出屋子,走进大自然,去向世界上好的艺术家和设计师学习吧!
领取试听课
每天限量名额,先到先得

尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/2420/news/291573/违者必究! 以上就是临汾优就业IT培训学校 小编为您整理 如何做好UI配色的全部内容。

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-035-8011