欢迎光临散文网 会员登陆 & 注册

UXD独家教程,如何使用8个步骤创建和谐美观的个人配色方案

2021-01-06 12:58 作者:UXD尤克斯国际艺术中心  | 我要投稿


图片

色彩在设计中一直是非常重要的一个元素,如何通过设计快速提升你的设计,成为了很多同学制作作品集时的烦恼。

图片

这篇文章,UXD将教授同学们一个不为人知的小技巧,通过8个步骤就可以快速创建和谐整体的色彩。

图片

下面将展示如何使用一定的规律,你围绕任何颜色创建合适的配色方案。

1.将颜色模型设置为HSL,通常,将颜色选择器设置为十六进制值,例如#DB17DF。我们将其更改为HSL,代表色相,饱和度和亮度。

H=Hues;S=Saturation;L=Lightness

图片

2.选择一种颜色,例如我选择了我个人喜好的紫色#DB17DF。

3.改变L值,创建一组L值,其差值为10。范围从0到100。

图片

提示:变数不必为10。你可以选择任何数字。

4.创建10份原始颜色的副本

图片

5.替换L值,更改颜色的现有L值以匹配你创建的新值。

图片

完成这一步,其实你已经可以得到一套比较和谐的色彩组了,但是我们还需要通过创建辅助颜色,继续让色彩提高一个档次。

6.寻找辅助颜色,要创建辅助颜色,我们可以在原有的颜色色相上进行改动,把30、120、150、180、210、240或300这组数值添加到主颜色的H值。在此示例中,我们尝试添加了30。

提示:想象一下你在色轮上的颜色。这些数字将我们指示为互补色和三合色。由于轮子是一个圆圈,因此你的H值可以是360。

图片

对你的辅助配色方案重复步骤4创建10份原始颜色的副本和步骤5替换L值。

图片

7.选择主要和次要变体,选择适合你设计的颜色。我选择较深的色彩作为主要色板,而选择较浅的颜色作为辅助色板。

图片

08.选择基础颜色,选择基础的颜色,例如背景和文本等设计的色彩。通常我们选择灰白色作为背景,但具体情况可以根据自己的设计来进行改变。

图片

然后,现在生成的配色方案就可以在你的下一个设计中进行使用了。

图片

更多知识干货以及其他海外留学的资讯可以关注UXD交互工业产品设计分享或者添加小助手,还可获取讲座直播哦~

|福利大放送 | WELFARE 
对于设计初学者,完成从0开始创作几乎是不可能的,就像学习过程中书读百遍其义自见一样。有了大量的积累,才能在脑海里建立素材库,这些素材库能帮助同学们完成最初的设计想法积累,基于这样的基础再进行个性化的创作,最终才能做出高质量的作品集。全球院校最新作品集免费拿!添加小助手即可获取:

▲  顶级名校作品集参考

UXD交互工业产品设计学院是尤克斯国际旗下的一家专注于交互、服务、工业、产品设计专业的顶级设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外,我们提供不定主题的公开课和内部小组课,教学计划课程由三大部分组成,包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。


本文版权归UXD尤克斯所有

部分图片来自于网络

如有侵权请与我们联系

UXD独家教程,如何使用8个步骤创建和谐美观的个人配色方案的评论 (共 条)

分享到微博请遵守国家法律