免费咨询专线 4000-567-928
你现在位置: 首页 > 行业动态 > 正文 返回 >>

UI界面设计的配色技巧

发布时间:2017-04-04 23:21:58 阅读次数:1604发布人:汪瑶

在平日的设计学习当中,经常会有学生问及颜色的使用技巧,那么今天新视觉实训就给大家聊一聊新手应该遵循的颜色搭配技巧,希望能对大家日后的设计学习带来帮助。

1、不超过三种颜色

一个页面不超过三种颜色,相信这是每个老师都强调过的基本问题。不管你是做平面设计网页设计,还是UI界面设计...都需要遵守这个基本的道理。那么怎样才算是不超过三种颜色的搭配呢?在这里很多人都会误认为就是不要超过三种不同的颜色值。其实不然,不超过三种颜色的搭配,是指不超过三种色相的搭配。在单个色相中可以运用颜色明度或饱和度的变化让你的页面颜色更加丰富且富有层次感。对于APP界面的设计通常更加强调统一的主色彩风格导向,这样能加强用户对产品的记忆程度,也能使产品的体验感更加舒适和自然。当然为了避免界面效果颜色过分单一,大家也可以适当的加入辅助颜色去丰富你的界面效果。

2、确定主色

进行界面设计之前一定要明确你的主色、辅助色、以及装点色。主色决定设计的风格。在设计中色彩充当了重要的情感元素,那主色就是作品的文化方向。我们在设计初期需要对项目有明确的了解后提炼选择出最为贴切的主色进行定位。很多时候我们都会把品牌logo颜色定义为主色彩,这样有效的增加了品牌的识别度,能够有效的加强用户对产品的记忆程度。我们可以这样去理解,在用户使用产品时,更希望用户记忆产品。而在用户进入了信息页面时则更注重易用性,希望用户能找到自己需要的内容。所以主色在首页使用的面积较多,而二级页面使用在关键的操作点上。从产品角度出发,我们在使用主色的时候要考虑页面的内容关系,理解界面的层次与功能性质。从视觉出发,选择了饱和度较高的色彩做为主色时,要考虑因为颜面积过多而造成的视觉疲劳。

3、从对比色中找辅助色

主要的三对互补色:红绿、蓝橙、黄紫。我们可以看到很多APPicon为了吸引用户的注意就用到了强烈对比的互补色。在设计中,冷色与暖色的对比是界面设计中最为广泛的使用方法,效果也非常的出众。色彩好比就是阴阳太极,冷与暖的两级平衡还原了生活中的和谐。用这样的配色效果让用户感觉舒服平和。

相关文章:

济南新视觉数码实训基地

Copyright 1996-2020 | 工商注册号:370000228005192 | 鲁ICP备14010827号
友情链接: 济南新视觉实训基地 | 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南web前端培训 | 济南电商设计培训 | 济南教育人生网 | 济南UI培训 |