偷师了!这种设计会更贵!

来源: | 浏览量:270 次 | 发布时间:2019-08-14 23:10

如果有人问:世界上只剩下一种颜色,作为设计师,你的选择是?

看看设计大伽们怎么说吧。

黑色诗人——山本耀司说:

“黑色对我来说意味着阴影与优雅。在我的设计生涯中,我专注于剪裁和版型,渐渐地我已经不需要颜色了,我只想更直接地表现服装的情绪反应。”

这么快,就来到庞门正道系列色彩教程的尾声了。

今天要讲的是无色系,黑白灰的用法。

重温一下前面

《小红书》《小蓝书》《小绿书》《小黄书》《小紫书》

1926年,香奈儿女士发布了她的小黑裙。

她摒弃了当时花花绿绿、繁复累赘的女装流行,不断在面料、设计细节与制作技巧上求新求变,使得香奈儿小黑裙这款独特的时尚杰作,一直是“现代经典”的同义词。

 “女人一心想着所有的色彩,而常会忽略了无色彩。黑色凝聚了所有色彩的精髓,它代表着绝对的美感,展现出完美的和谐。”

顺手给直男癌的同学科普一下香奈儿。

注意了,这个是二手包包的价格,新的只能去门店购买。

所以尽量不要让女朋友们知道这个品牌。

毋庸质疑,黑色是设计师最爱的颜色之一。

因为它很酷,很有距离感,代表着生人勿近。

它极致简洁,却象征着打破传统。

喜欢黑色的通常是有故事的人,他们有着丰富的内心,都是生活的观察者。

....好了,我编不下去了

看到这里,部分聪明的同学大概看出来了,这一期我要讲的是黑白配色。

然而,还有一部分更聪明的同学则隐隐的感觉不对,这哪里是色彩教程,分明是装逼指南。

好吧,那大家就假装在看一篇教程吧。

黑色是指材质吸收了光谱内所有可见光,没任何反射,这时我们人眼什么都看不到,这种状态称之为黑色。

白色则是光谱上所有可见光的混合在一起形成的,它的亮度最高。

黑色和白色是两个极端。

黑色是没有光,而白色是所有的光。它们都是无色相的。

因此从严格的物理意义上来看,黑色和白色都不能算是某种颜色,只能算是某种状态。

不过从日常设计应用的角度来看,我们还是把它们当作两种颜色来看待。

此时有些同学可能要问,黑和白是两个颜色,它们差如此之大,根本是两个极端,你为何要将它们放到一起讲?

这主要是因为,黑和白看起来是极端对立的,但它们却是一个事物的正反两面,我中有你,你中有我,就像男人和女人之间的关系,根本是不可分割的。

我们智慧的老祖宗千百年前早已用一张图画出了它们之间暧昧。

稍微留心点的同学都会发现,许多的国际大牌在品牌展示时,都喜欢用黑白风格的设计,这样看起来很贵、很高级。

比如:

这两张图分别是巴宝莉和LV的海报,你可以想象一下,如果它们有了颜色,瞬间就会变成了ZARA和G2000。

就这么一个简单的操作,马上就能让品牌散发出满满的逼格,价格后面加个零,这背后究竟是个什么套路呢?

我从黑白的色彩属性上给大家分析一下。

一、黑白画面具有历史感。


这个很好理解,在颜色上饱合度越低,就越有年代感。而我们一般都会认为年代越悠久,意味着品质越有保证,百年老店的说法正是源于此。

在讲究出身的奢侈品行业,更是需要历史文化来为品牌背书,越悠久的历史越可以传递“经典”的感觉。

只有这样,品牌附加价值才会越高,才能支撑昂贵的价格。

因此,具有历史气息的“黑白照”自然就成了他们最佳的选择。

二、黑白画面更有故事性。

先看两张图:

同样是服装海报,同样是一群人,明显CK的海报在视觉上传递出来的信息更能引发人的联想,更有故事性。

黑白画面去掉了冗余信息干扰,让用户的注意力聚焦到画面内容本身,让你自行脑补画面背后的故事。

用更专业的术语来讲,这叫产生品牌联想。

说到纯黑白,不可能跳过还在上映的老谋子巨作《影》

这系列的海报设计,真是行业的顶礼膜拜的对象!

一张图就可以联想出一个故事!

三、黑白产生距离感。

黑白的画面在视觉上是十分冷淡的,这种冷淡让人觉得难以接近,可以让品牌与大多数消费者保持距离感。

而这种距离感恰好能传递出一种“我不需要讨好你”的高冷态度,意思就是在对你说“我就这样,爱买不买”。

正是由于这种独特的品牌塑造,再加上任性的定价,就让奢侈品与其它大众消费品在品牌形象上彻底隔离开来。

(奢侈品海报的模特表情都是冷峻的)

四、黑白画面更简洁、更聚焦。

建筑大师密斯凡德罗说:少即是多(Less is more)。

人都是讲究效率的,他们喜欢简洁的设计。在实际的生活中,消费者是不能或者不愿意来花时间了解你的设计,因此你必须第一时间将你要表达的信息传递给他。

记住,越简洁就越有力量。

(黑白画面中的戴森吹风机,让人过目不忘)

那么好看的广告,你忍心不买吗?

所以我就买了个

前面说过,黑白是两种对立而统一的颜色。黑色减淡就是白色,白色加深就是黑色,在实际的设计当中,它们也是相辅相成的。

白色可以点亮黑色的沉闷与压抑,而黑色可以让设计更有力量感,更有气势。

黑白与其它颜色搭配原则

下面根据实际案例来分析黑白如何与其它颜色搭配

黑白配色是永恒的经典,它们对比鲜明又简洁,极简却自成一派。

中国传统中,黑白设计的杰出代表自然是山水画,不管是名山大川,还是小桥流水,一抹墨色足矣。

中国的传统水墨风

欧美的黑白喜欢极简风格

日本人则爱用文字以及基本的点线面元素做形式感

红黑配色具有浓浓的中国风,红色的视觉冲击再加上黑色的庄重神秘,能形成强大的视觉张力,可以营造很好的故事性。正是这样,红黑配色是电影海报最常见的配色方案之一。

黄色明度很高,非常有跳跃性,一般不会与白色搭配使用。但是与黑色的沉稳却正好形成互补,因此黑色和明黄色是一对非常好的搭档,明亮的黄色能有效的点亮黑色的沉寂。

而如果把黄色降低点饱合度,再叠加上一点纹理质感变成金色,此时与黑色就正是黄金搭档了,因为黑色可以很好的强化金色的质感。

黑色和柠檬黄的配搭,是世界上对比最强烈的颜色,超过黑白或者黑红等。

所以,一些需要严重提醒和警告的东西,就有可能用到柠檬黄+黑色了。

黑白配紫色是奢华、神秘的,偏暗的紫色能很好的呈现出优雅与高贵,特别适合成熟女性的主题。

但另外一方面它也透露出忧伤、挑剔的感觉,避免让紫色显得太过压抑,形成不太正面的印象。

蓝色是一个科技属性很强的颜色,配白色黄色等明度较高的颜 色之后,会显得很清爽通透。蓝色配上黑色之后,则呈现出稳重、略带神秘的氛围,有比较好的质感,能增强画面的故事性。

黑色是沉闷压抑的,而绿色是具有活力与希望的颜色,这是两种原本并不和谐的颜色。但是如果饱合度得当的话,却能表达出两种颜色的优点,既有沉稳感,又给人春天般的生机。

绿色+黑色,一般都太个性了,很难讨好大部分人,

所以个性的产品可以试试。

案例A

项目主题 :庞门正道线下分享会的宣传海报

----

设计关键词:高端、奢华,辉煌。


这个图,花了十几分钟,因为素材和想法都很现成,没啥纠结的。

素材就是这么来的。

车同学这个月送我一张手写庞门正道,正好用上。

抠出来。

放上去,好了,完成!

照一张黄金素材图,叠上去。

上下做点光,增加空间感。

对的,已经叠加了少许金粉纹理。

再叠一个看起来很吊的传统龙纹。

如果你看不出来,点击图片放大看。

头顶加一个庞门正道的楼狗吧!

简简单单,平平无奇。

duang~  就这样做完了。足足15分钟!

是不是很简单,很高效?但是不建议细读文案

案例B

前面讲了黑白配色可以让设计看起来更贵,那我们就现学现用,利用黑白配色的色彩属性,打造一个高端的家具品牌网站。

项目主题 :高端家具品牌官网

----

设计关键词:品牌感、高端、黑白(低饱合度配色)

设计思考过程:

一、主色调

网站的主框架以黑白为主。

二、商品图颜色

商品图的颜色适当降低饱合度,看起来更舒适、耐看,并且形成统一的视觉调性。

三、商品图选择

我选取的商品图的来自于国内优秀的原创家居品牌:造作,颜色大多以中低饱合度为主。

四、排版方式

现在的终端设备越来越多样化,在设计一个品牌官网的时候,需要尽量适配到多种分辨率,因此响应式的布局必不可少。

家居类网站主要以展示商品为主,因此在排版的时候,考虑尽量将页面空间拓展,让图片的展示空间最大化。

好了,我们先看一下设计稿大概预览:

我分别做了首页、品牌介绍、商品展示三个页面,每个页面用一个汉字作为主题 ,通过这种具有形式感的方式强化品牌感。

整体的排版做成满屏的方式,以适配各种不同分辨率设备。

由于整个项目的主色调是黑白,所以在商品图的选取上面,可以选择饱合度偏低一些的图片,这样可以保证页面的整体效果。

好了,现在我们每个页面单独来看有哪些设计要点。

首页

首页是一个非常工整的设计,这种满版的设计,在素材图片的选取上要特别注意。素材的深色与浅色决定了页面的留白空间,深色与浅色比例要搭配好,如果图片都是重色,则整个页面会显得很密,完全没有呼吸感。

品牌介绍页

这一页以文字为主,图片只起到辅助装饰作用,因此重点是文字的排版。

新手一般做文案排版的时候,很容易掉进工整对称的坑里,这样会让文案显得更枯燥难读。

好的排版一般都会刻意营造一点非对称性,然后通过视觉元素的调和,形成良好的阅读节奏感。

产品页

这种图片拼贴的页面,主要考验设计师对图片的选取与处理能力。我做的由于是概念稿,所以图片的选择空间会比较大。实际工作中,图片素材未必会有这么优质。这种情况就需要设计师定制好图片模板,来规范好每次上线的图片格式,从而保证设计的下限。

另外一个点就是文字的处理方式,图片数量多的页面,文字会显得比较难处理,一般的处理方式是放在统一的位置,再统一格式,这样做的好处是比较工整,坏处是视觉上比较平淡。我的处理方式是将文字与图片的形式感结合起来,见缝插针的排版进去,这样会使得文字看起来是图片的一部分,整体感比较强,这种做法需要一定的排版功底。

好了,回顾一下每个页面的高清大图。

案例看完了,你学会了多少?

好了,完事了这一期!

希望这篇文章可以帮到你。

如果你第一次系统地接触配色,那么请你收藏这篇文章反复读几次。

如果你觉得写得特别好,可以分享给你的朋友,同事。因为我在后台可以看到阅读次数,分享次数,这些都是决定我是否需要继续往下写其它的判断依据,毕竟时间宝贵,多人喜欢就继续,并不是那么喜欢就必须要浪费时间了。

为了更完善地为你提供装逼的条件,

我特意把这个教程整理成ppt,方便你在公司,或者在其它场合可以使用。

下载地址:https://pan.baidu.com/s/13O3VRgkTrMyOqttijEXl6w

如果反响很好,而时间又允许,过2周将会出炉第二篇。

谢谢大家的支持,希望你们像喜欢钱一样地喜欢这系列的干货教程。

色彩最后的一期,大结局篇,将会在未来2周完成,不过因为接下来每周都会有线下聚会,希望可以有足够时间完成这些吧。

感谢~

下一期见。


越努力,越幸运。

这里是庞门正道。




本文永久链接:http://www.tunmly.com/post/article/1741815.htm

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;
2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;
3.作者投稿可能会经我们编辑修改或补充。