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

配色教程——策略性配色法,配色的正确打开方式

妮子发布于:2019-4-9 22:47 |原作者: Jady13_剑杰|
妮子
浙江省 绍兴市 GUI设计师
发私信 + 关注
简介: 为什么你的配色总是看起来不舒服?如何系统地提升配色能力?
本文带你从配色的策略性角度出发,深入分析配色的正确打开方式。


配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

可以看到,整个页面主由橙色和深蓝紫色两个主要对比色构成。大面积的对比色产生了强烈的视觉冲击,让整个页面充满了吸引力。整个画面用最强烈的对比色重点突出了两个主要的人物角色,从而吸引用户注意并进行阅读,最终将用户引导至购买入口。至此,整个页面的任务也算是完成了。

在推广页面中,我们需要注意的是,重点信息并非只能是文字内容,也可以是最吸引用户的画面核心元素

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

3. 尝试更多创新配色

除了掌握以上的几种基本色系的配色方法外,大家可以在此基础上尝试更多的配色风格。比如在同色系、对比色系的基础上,有目的地加入色彩元素丰富色调,在保持整体色彩层级的同时,加入更丰富的变化,从而达到配色目标。

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

更清新的"同色系"配色

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

更丰富的"同色系"配色

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

更多彩的"对比色"配色

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

复古的平面风配色

而对于很多初学者来说,我建议大家能够首先明确配色的目标,在配色时保持色彩层级的精简明确。在此基础上,循序渐进,逐步去尝试更多地配色风格。只有这样,才能养成良好的配色习惯。

20

好评
16

差评

刚表态过的朋友 (36 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

妮子
浙江省 绍兴市 GUI设计师
+关注 发私信
发表评论

最新评论

引用
tiger5888发布于:2019-4-16 11:59
哈哈 前段时间才在学UI网看过这篇文章,感谢分享,挺好的

查看全部评论(1)

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

委托设计