相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

UI设计配色技巧

天堂鸟发布于:2015-8-20 10:17 |原作者: mIUI|
天堂鸟
北京市 怀柔区 
发私信 + 关注
简介: 在UI设计过程中,如何最佳地搭配颜色,诱导用户视线。是很多新手设计都会遇到的一个难题,或者说是一个障碍,这篇文章就像飞特的UI设计学习者们介绍UI设计配色的技巧和方法,非常实用。文章原创作者是:"MICU:王铎 ...


我们可以看到很多APP的icon为了吸引用户的注意就用到了强烈对比的互补色。

番茄快点、QQ空间、相机360

运用这种大胆的平衡色能使整个风格主题格外的鲜明。

这种平衡色彩最为强烈的情况就是使两个色相的饱和度都调整到最高,面积比例也在1:1。此时的气氛最为浓烈,冲击感最强!

我们可以看到代购现场这款APP的LOGO设计采用了1:1的色彩关系比以上的APP icon更为突出。所以在应用市场中更为容易让用户找到,达到了品牌的传播性。

冷暖色平衡法

冷暖色是人类在大自然生活总结出来的颜色规律。我们看到红色、黄色让人联想起燃烧的火焰,太阳等,是一种温暖的感觉。这样的颜色就定义为"暖色"而蓝色就然我想起了水、冰雪,是冷的感觉。所以就是"冷色"。

冷暖对别色是自然平衡的规律,可以在设计中大量使用,这样的配色会使作品非常的出彩,不显单调。

在设计中,冷色与暖色的平衡是界面设计中最为广泛的使用方法,效果也非常的出众。

色彩好比就是阴阳太极,冷与暖的两级平衡还原了生活中的和谐。冷暖色彩搭配的方法基本没有啥缺点,使用在设计中,技巧性比较多,对设计的细腻感受要求比较高。




深色和浅色的平衡

在色彩中颜色采用浅色,柔和而轻盈,也会显得不够稳定。采用深色,会显得厚重高级,但容易沉闷。在界面设计时,在主色彩是浅色的情况下,适当补充些深色,能更好的平衡画面。

在锤子手机界面中为了让页面平衡,首图展示了黑白两个机型,让页面更为稳定平衡。


花色(图案)与纯色的对比

在运用色彩时候怎么能让设计更为绚丽出彩呢?但有不要过花乱呢?

这时候就要注意了,花色与纯色需要有对比,色彩比较鲜明而花的一般运用在核心展示上,而背景需要整体。

QQ开屏就很好的突出了产品的品牌特色,让用户过目不忘。这种设计方式也适合运用在banner等设计中。

好的设计不应该永远是"人家的设计",看得不够多,琢磨不够透,练手太少。多临摹10遍,狠狠心吧。



【本文由Micu设计原创发布,转载请注明来源(微信公众号:MICU设计 作者:王铎)】

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123
18

好评
12

差评

刚表态过的朋友 (30 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

天堂鸟
北京市 怀柔区 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计