
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
深圳达内培训 专注IT职业教育15年,已帮助40万名学员成功就业。目前,已开设19大课程方向,在全国51个城市建立了160家培训中心,深圳it培训0基础0元试学入学, 申请7天免费试听,深圳达内培训,真正零基础入学,无时间限制 学会为止,先就业再付款,120天=2年工作经验
UI设计的配色十分重要,这关系到你的作品是会让人眼前一亮,还是闪瞎别人的眼!
有不少学UI设计的人,苦恼该如何配色!今天达妹带来了配色方面的干货,希望能够真的帮助到你~
一、用多少种色彩
保持色彩组合简洁有助于改善用户体验。 一个简洁的配色方案不会使人眼花缭乱,并且使你的内容更容易被理解。 相反,在太多的地方有太多的色彩很容易搞砸设计。
多伦多大学关于人们如何使用Adobe Color CC的研究显示大多数人更倾向于仅依赖2-3种色彩的简单色彩组合。
二、如何创建方案
那么,你如何选择这2-3种色彩? 色环可以帮助我们。
△ 十二色环图是创建配色方案的重要工具。
单色配色
单色方案是最易于创建的配色方案,因为每种色彩取自相同的基色。 单色的色彩可以很好地结合在一起,产生和谐的效果。
它在色彩的深浅、明暗或饱和度上有所调整而形成明暗的层次关系。
单色方案是非常容易被视觉感受到的,特别是蓝色或绿色。
△正如你看到的,这个配色方案看起来干净简洁
相近色
相近色的配色方案是选取相互不冲突的的相关色彩; 一种色彩用作主色,而其它色彩用于丰富该方案。
△ 相近色配色方案是由在十二色环图中相邻的三种色彩创建的。
补色搭配
互补色是对立的色彩。
它们对比强烈,可以用来吸引观众的注意力。 当使用互补色方案时,重要的是选择主色并且使用其互补色用于强调。 例如,当人眼看到一块不同色调的绿色物体时,一点红色就会很突出。
自定义配色方案
创建自己的配色方案不像许多人想象的那么复杂。最简单的方法就是将一个明亮的主色添加到一堆中性色中,这也是一个最能引起视觉冲击的方案。
三、配色工具
1、Material Design Color
这份色板每一份均从最基本颜色开始,然后逐渐扩充,创建出一套完整、可复用的配色体系,可用于网页设计、安卓设计、IOS设计,以及扁平类插画等500种选择!
2、Webcolourdata(配色参考方案)
这个应用非常简单,输入你喜爱的网站地址,它就能获取这个网站的配色方案。搜索栏下方成列了一些诸如Facebook、Google、Firefox等知名网站的配色方案。
提升色彩使用技能是一个不断努力和积累的过程。如果你想学习如何创建美观,使用的配色方案,需要的是实践,决心和大量的用户测试。如果你希望能够尽快的学习,那么成都达内将是你不错的选择!!
感谢关注收藏本网站文章,希望以上内容对你有所帮助! ---深圳达内培训 15年经验,美国上市公司出品,4个月强化训练,O基础授课,教学总监亲自授课,拥有国内完整的课程体系,名企疯抢达内学员.高度专注国际前沿技术。2周免费试听,满意后付款!
(如需了解更多深圳it培训内容请点击:深圳达内培训 http://sz.tedu.cn)