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

从零开始的自制光标!(3)色彩篇

2021-07-12 01:01 作者:煜白不太白  | 我要投稿

设计一款属于自己的鼠标指针是一件很有意思的事情,但其实设计有很多玄妙。近期,我会推出一系列的教程,跟大家简单介绍一款指针设计软件:Axialis CursorWorkshop。请大家耐心看完,视频诚然简单直接,而文字往往更具收藏和反复推敲的价值。

喜欢的小伙伴们记得点关注哦~ 请一键三连,多多支持我呀!


这期将跟大家介绍色彩选择~

自制光标的各位想必很苦恼颜色该如何选择吧?虽然说实践出真知,但是有方向的引导,实践会更快得到结果。

(一)主色和辅色的选择参考:

关于色彩的选择,我要搬出第一篇跟大家提到双击“前景色”出现的调色盘了!

这里存在两个概念:“饱和度”和“明度”。

顾名思义,“饱和度”即是颜色的丰满程度和艳丽程度(注意鲜艳是又明又强烈,饱和称不上鲜);而“明度”即是颜色的亮/暗调节,即“鲜”与否。

从左到右,饱和度逐渐达到峰值;从下到上,明度则逐渐达到峰值。

在用色上,我粗略地用“感官”将调色盘分为七类区块。

具体的七大色调可见(“裹小脚的大叔”的色彩搭配视频:BV1F5411r7it

如图所示:

  • 糖果色:适合于“轻巧”、“灵动”这个概念。这个区域的颜色明度是几乎拉满的,通过降低饱和度,来缓和颜色刺眼的情况。不完全“亮”,又掺有奶白色,颜色像糖果一样,很适合用于可爱类型的光标,作为主色使用。

  • 强色区:是最鲜艳的色区,明度和饱和度都很高。适合于“强调”、“突出”这一概念,在点缀上能够有很亮眼的表现。

  • 白色区:适合于“淡化”这个概念,可以用作光标的荧光设计。

  • 金属色:这里的颜色较为沉闷,有着一定重金属的色泽,需要增加金属感,其实就是增加立体感。光影相随,有光必有影,适当的暗色将会增强指针的立体感。

  • 商务区:这里的配色不太适合作为光标的主基调,颜色过于暗淡,适合用于PPT配色,简约风格的衣着穿搭。光标的特点是“指示位置”、“高调”,过于低调的配色不宜大量使用。

  • 禁忌色:这里都是很沉重的黑色区,基本不会应用。

(二)主色和辅色的搭配:

主色和辅色的搭配其实有很多UP主说过了...其实都说过= =!

(1)穿衣法(懒人准则):原则那么多,怎么顺眼怎么来只要这个颜色你能穿在大街上摆来摆去,还有什么不可以?

这是最简单的判断方法,既符合你的想法,也符合绝大众的审美(如果你脸皮很厚,当我没说!!!)。

严谨的说法才会说相邻色、互补色、对比色。这里我不想说那么细,我更喜欢随性一点。就讲“暖色”和“冷色”,就讲红橙黄(暖色);绿青蓝紫(冷色)。

接下来说的所有色系均指暖色系或冷色系!

(2)隔壁老王:存在渐变关系用同色系过渡就很好,主体的边框不需要突出用同色系就好。比如太阳光标,我选用橙黄色和橙色。

(3)冤家路窄:对比色系各挑一个,别问我怎么对比,怎么舒服怎么来,你的感觉最重要。比如西瓜光标,我选用红色和绿色。

我的主张是:设计是“自私的”,设计不是满足别人的设计。首先是满足你,然后是顺带满足别人,找的是志同道合的人,也不是所有人。

(三)主色和辅色的配比:

颜色的搭配想要合理,就要明白:辅色不能“喧宾夺主”

有的时候会想说,啊,这个辅色我好喜欢,我要多加一点,但是请务必克制,喜欢的不一定是最合适的。

颜色的配比有一个主次之分,这个实际也有很多UP主都有介绍过。大体而言,就是80 %主色20 %辅色的关系,掌握这个感觉即可,真正的比例没有人会去量面积做比对,这不合理,也不合适,有些问题要“因地制宜”。

就比如我的西瓜,红色占主体绿色稍带一点;黑色点缀。哪怕是同色系的太阳光标,我仍然亮黄色占主体橙色做边;粉红点缀

并没有严格遵循什么比例,但是大致的感觉是在的。

 那么!上面是两个正向思考的例子,接下来给大家来点偏门的例子!

色彩的主次这里只强调占比,不要先入为主地觉得重要的就是主要的,下面的例子将颠覆你的观点,主要色彩不一定是重要色彩

这是我的专栏头图,大家很明显看到占比最大的颜色是浅棕黄色,而重点颜色是红色,红色反而是占比最小的颜色

内容突出不一定要占比高,恰恰相反,要突出就不能被埋没在众人眼中,用最小的料做最足的效果。

在这里我将跟大家再次回顾:

(一)色彩选择:

可爱系主色采用“糖果色”;

需要突出强调用“强色区”;

荧光虚化可以用“白色区”;

增加金属光泽用“金属区”;

 “商务区”、“禁忌区”是大忌,少量使用需谨慎。

(二)色彩搭配:(1)懒人请穿衣;(2)隔壁老王;(3)冤家路窄

(三)色彩配比:80%与20%,别较真,较真你就输了。

如果觉得我的专栏有所帮助,还请一键三连收藏嗷~

往期鼠标指针制作教程,可以从专栏索引查看:


从零开始的自制光标!(3)色彩篇的评论 (共 条)

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