设计风格-孟菲斯（下）

北京/教育工作者/6年前/12626浏览

版权

设计风格-孟菲斯（下）

声明：作者疑似拖更，已经被有关部门带走，请各位看完文章立刻转发，评论，点赞，为我们搜集作者的犯罪证据！色盘在最下方右侧

拖更了，抱歉…最近TIME在“全国巡讲”忙的不可鞋开胶

TIME不是那些流量大主，每天发热度、新闻、广告的

所有文章都是纯手撸打造，所以会慢一些，再次抱歉

另外，今天的话题有点敏感，往下看

孟菲斯艺术的色调是最大胆并成功的尝试

通常一副作品中不会超过三种颜色（色相）

但孟菲斯偏偏就搞得五颜六色

富途6周年创意海报-孟菲斯狂欢

经典孟菲斯案例

站酷孟菲斯风格设计

（上面的色可以保存备用哦）

但是！“彩虹色”不是随便用的

使用不当会产生视觉“厌恶感”例如……

图片素材来自昵图网 :)

那么，如何正确的判断颜色呢？TIME教你一招！首先我们得认识这个

PS拾色器大家都晓得

拖动色块箭头是色相（H）

拖动色板中左右是饱和度（S）

拖动色板中上下是明暗度（B）

H是0°-360°，组成了一个色相环

S是0%-100%，B是0%-100%

接下来我们来看两组作品的对比效果

注意看颜色在色盘中的位置！

注意看颜色在色盘中的位置！

同样是“彩虹”配色，为什么孟菲斯看起来就OK，而其他的就想吐呢？

因为孟菲斯设计运用了一个技巧，饱和度（S）偏高但不是满的，明暗（B）偏中高也不是满的

孟菲斯给人一种丰富、明快但不刺眼的感觉

而宣传单，饱和度（S）和明暗（B）几乎是满满的，

一群100%的SB满满的交织在一起，给人一种辣眼的感觉……

再通俗点讲，红不是纯红绿不是纯绿

这样搭配是为了缓解色之间的冲突

看到了吗？饱和度（S）才是配色难看的罪魁祸首！

而宣传单的饱和度（S）几乎都是100%

红就是红，嗷嗷红绿就是绿，嗷嗷绿

TIME负责任的讲，除了我们东北人，没有人能驾驭这种配色！

当然，满色值不是不可以出现，但要注意技巧

一幅作品中最多只用一个满色值

起到吸睛的作用就好，而且面积不要太大

第一眼被什么所吸引？

满色值起到吸睛的作用，但不一定是标题，因为标题往往很大，满色值会亮瞎眼

讲道理，成熟的设计色域使用很广泛

对色的理解是判断设计师水平的要素之一

随着经验的增长，设计师应该勇敢尝试使用“中性色”"浊色"等做设计

而不是右上角那么一丁点

SO，成熟的配色作品，可以通过“SB”来判断。总之，SB值满的设计很SB!

我们的祖先通过叶子的颜色判断季节

通过食物的颜色判断好坏

颜色是传递信息的手段

就像我们过马路要看红绿灯一样

那种原始的色不需要修饰和点缀，它代表一种信息

SO，常人只需要识别原色就够了！

（这个不会配色的理由给几分？）

但是有些人是“天生丽色”的变种人吗？

随随便便就能做好配色？

TIME可以用十国语言告诉你！

不是！NO!いいえ!아니요.!Nej!не!ไม่!唔系!Não.!Ei!

毕加索曾经说过：“所有的孩子天生都是艺术家”

TIME觉得没毛病，不受约束的创作往往是灵感的源泉

区别是，一个称赞，一个挨揍……

而孩子对色的识别能力非常有限的

他可以分辨什么是红，什么是绿

但很难分辨什么是朱红、嫣红、橘红、玫瑰红。

而随着年龄的增长和学习

小女孩变成小姐姐时，对颜色就十分挑剔了

从原始的单色进化到口红色号

呵，女人

这就是你们说的艺术来源于生活，而高于生活？

那你来告诉我，这TM分别是什么红？

SO,初级设计师就像“小孩子”一样

色域窄，常用原色做设计。

但是通过后天的成长和学习

你终究会变成一个浓妆艳抹的小姐姐（成熟设计师）。

①色盘

emmm…名字是难听了点,但是意义非凡

不是有那句话吗？只有像SB一样的坚持，才会有NB的结果。

下面是TIME给大家准备的色盘（下方有下载链接）

②使用区域

大家可能注意到了SB色盘是有规律的

,色与色之间的关系很明显，都相差10个值

而且根据区域划分它们的作用是什么，有没有很细心？

最常用：此部分色域对比明显，适合制作标题、背景色、启示点。

多尝试：这部分配色多试着用用，相比下这里的色比较委婉，适合搭配不需要强烈对比的题材，TIME经常使用这里的色。

辅助色：发光、阴影、描边等样式最好的选择，还可以作为边边框框的过渡色。

不常用：由于颜色较暗对比弱，通常不被重视，但有时会有奇效，比如前景背景需要较大的明暗对比。

③使用方法

很简单

直接拖动色相改，变色颜色盘中的，选出你想要的颜色吸取即可

当然，也可以尝拖动明暗来改变整体的明暗度

④实用技巧

首先要排好版,然后调用色盘中的颜色

挑你喜欢的去吸色填充,注意“尝试用”“多尝试”“辅助色”的要领

多多尝试更多配色，体验配色的魔力吧！

拖动色盘中的色相改变整体颜色

然后吸取对应的配色位置，这里需要多尝试几个找找感觉

记住明暗关系的处理，背景暗前景亮，背景亮前景暗。

随随便便出三版配色,来，试一试

新潮范

复古范

IN范

最后，TIME想说

不管有多少技巧或方法

提升设计能力的唯一途径就是多看多练

（本期内容就到这里，老样子所有图啥的都是网上扒的，侵删就完了）

647

|

Report

|

声明

642

Share

原创Article 平面 UI 网页设计教程孟菲斯艺术历史配色技巧

相关推荐

评论

in to comment

Add emoji

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

相关收藏夹

【设计文章】提升你的 - 设计与见识

【设计文章】提升你的 - 设计与见识

【设计文章】提升你的 - 设计与见识

【设计文章】提升你的 - 设计与见识

【设计文章】提升你的 - 设计与见识

5470

站酷推荐设计师

1391

流氓兔夫斯基

1302

514

82

ppt版式参考

ppt版式参考

ppt版式参考

ppt版式参考

ppt版式参考

53

大家都在看

Log in

99+

99+

评论

分享

1