当前位置: 首页 >文章 > 原来大厂设计师都用这种方法做配色提升训练
收藏
分享

原来大厂设计师都用这种方法做配色提升训练

举报术心术心发布于 2021-07-29686阅读3点赞
大厂设计师配色提升训练...

用心感受、用心体会、用心设计、用心反馈


......


·写在前面

一说到配色,对于新手或者小白设计师来说这个是最难的,排版可以参考别人的,就是这个颜色参考别人的也不一定能够做好,为什么呢?主要是因为很多设计师不是美术专业出身,对颜色接触的少理解的少,没有办法自由的运用。

当然就算是专业的美术生也不一定对颜色理解的非常透彻,这里面包含的东西太多了,今天我们主要说的就是配色,而且是单色配色,就是一种颜色利用不一样的明度和饱和度来做整个页面的配色方案,说白了就是色相不变,调整饱和度和明度。

这种配色方式对我们有什么好处呢?

当我们掌握了单色的配色方案,你对颜色的敏感度就会提升,对单个颜色的把控也会提升,当我们对单独的一个颜色掌握了,再去组合使用也就会更方便一些了。
抓紧时间来看看吧。




单色配色方案在设计中使用单一基色,但在设计调色板中包含主色调的各种色调。


这创造了一个非常大胆、戏剧性的外观,同时仍然相对柔软和优雅。


当你在设计中使用单色调调色板时,很容易在设计中营造和谐与平衡的感觉。



为什么要使用单色配色方案?


通过以这种方式限制你的调色板,你甚至可以敞开心扉接受在设计中使用颜色的新颖而有效的方式。


以其专注于颜色匹配和对比,你可以专注于你的创造和有趣的小细节,这些细节赋予你的设计独特的品质。


它消除了因为颜色选择过多而带来的难度和“颜色混乱”。


如果将单色配色方案应用于整个设计,则可以创建从一种设计到另一种设计的平衡变化。


单色被视为最简单的配色方案之一,因此它们是新手设计师的热门选择。你可以用一种颜色来传达一个重要的信息。


创建单色配色方案的简单方法:


第一步:选择任何一个颜色


我只选择这个颜色“#564094”。因为我经常使用它。我们将它改成HSB,代表色相、饱和度和亮度。



第二步:复制10份主色


只需要复制粘贴相同的颜色10次即可,我们就可以制作出完美的单色配色方案。




第三步:更改亮度值


十六进制的颜色代码是“#564094,HSB的颜色代码是“256、57、58”。现在,我们正在创建一组差异为10的B值。从8到98 。H&S保持不变。


这个差异值可以是任何数字,不仅仅局限于10,也可以是任何点的开始或结束。



第四步:相应的选择颜色


根据制作单色调色板选择3-4种颜色。我选择下面这几种:“#291F47”、“#7356C7”、“#916CFA”。



如何运用单色配色方案?


可以使用我们在前几篇文章中提到的(60/30/10规则)

这种流行的设计技巧是保持界面平衡的好方法。这个公式规定你网站的60% 的应用由你的主色调组成,30%的应该是你的辅助色,剩下的10%应该是你的强调色。


坚持使用这个公式将使眼睛从一个焦点舒适地移动到下一个焦点。



在举一个例子

选择颜色时“#E08938”并使用B值变化来创建不同的阴影。



60/30/10 规则:





最后一个例子:

选择的颜色是“#214721”并使用 B 值变化创建不同的阴影。



60/30/10 规则:



·总结

好了我们总结一下,本篇文章主要说的是单色配色,从如何创建、如何使用讲起。

如何创建:
  • 选择任何一个颜色

  • 复制10份

  • 更改亮度值

  • 相应选择颜色

如何运用:
记住:60/30/10原则



·写在后

各位刚入行的设计师,关于前期的配色方案,我现在只能帮你到这里了,为什么这么说呢?主要还是因为过多的颜色搭配会导致你使用颜色混乱,刚开始可以尝试用一种颜色通过调整B的值,也就是亮度的值来匹配相对应的颜色,记住一定要设定颜色之间的差异值哦,这个值是自己来定的。通过你想要的效果从这些颜色中选择相对应的颜色,利用60/30/10的原则去搭配,经过日积月累的尝试,我相信未来不管是平面设计、网页设计还是UI设计的界面颜色搭配你都能够运用自如。
各位,加油!!


- THANKS -

本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:术心




0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,794人)

【6月】7天轻松入门C4D小练习
距离开班仅剩3天124人已报名
【6月】人像后期案例实操训练营
距离开班仅剩11天50人已报名
【7月】7天轻松入门C4D小练习
距离开班仅剩23天3人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了22,207
并提交了95份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证