每天早上走出家门的第一件事,就是把我们手里的白色耳机带进耳朵,通勤路上音乐让我们沉浸在自己的小宇宙里。
音乐不仅给我们带来轻松的时光,甚至于带来灵感的迸发。
但是作为网易云的老粉们基本都知道,网易云基本每天都会更新海报banner,更新的banner以及文案都是根据当天的节日或是热点进行编排。每次看到网易云更新的banner都会不禁感叹,这也太棒了吧!
每天晚上网抑云的同时,目光也会不自觉被页面上的海报banner所吸引,在心里直呼绝绝子。
在感叹的同时里面不同的风格、不同的配色、不同的情绪细细品来其实能够给设计师带来不同的灵感。在细品了无数张音乐海报banner之后,总结出了他们设计风格的几个特点,希望能给各位“秃头”小伙伴们一些帮助。
目录奉上,我们将从以下3点进行分析:
① 构图的五种类型
② 字体的表现形式
③ 配色的四个公式
构图在海报设计中所占比例是非常之重的,构图的好坏影响着大众的直观视觉感受,很大程度上决定这一个设计的成败。好的构图给人们的感觉应该是舒服的、整洁的;版式应该是清晰明了的。乱糟糟的构图是不能够突出设计者想表达的中心内容的,会造成太多元素的冗杂。
通过上面的两种类型,我们不难看出其实这两种构图形式相差无几,只是左右的区别。他们的构图方式都是海报banner元素+字体,一般是把主体人物放在封面中的左边或者右边,接着加上文字。这种方式的构图虽然简单明了,但是想要把他设计的突出新颖确是不容易的,这种类型我们需要注意通过字体的特殊设计和整个篇幅的色彩把握令整个版面脱颖而出。并且每个元素的变化和字体的变化,都能设计出无限的可能。这在设计上是最常用的构图设计,因为主体人物或事物不管放左边还是右边都是十分合适的,极不容易出错,画面看起来也不会空空荡荡,整体十分简洁大方。
上下构图的横幅海报banner基本上是字体在上,中心人物在下方。这种设计模式较为固定,风格也是以简洁为主。具体来说风格设计更接近于杂志封面。这种设计一般用于组合乐队或是符合主题的几个人物同时出现,利用人物组合的方式向受众传递画面信息。一般来说上下构图的设计不会过于复杂,由于中心人物是两个或两个以上,配色则不宜太多夸张,避免喧宾夺主。而对于悬浮上方的文字处理,可以是中心人物微微叠加在上面,也可以是字体的特殊设计,整个版面便不会过分单调。居中的构图能够给强迫症人士带来很好的视觉感受,但是这种类型的构图一般分为三种情况:第一种是文案居中,抽象背景。这种设计一般都是主要文案放在中心,背景是无人物的抽象背景或是以中心人物为背景。人物为背景时将文案悬浮于人物之上,以此表达主要信息,由于背景元素及配色较为复杂,这时候的字体一般以简单为主。若是为抽象背景,这时候的背景元素应与文案所表达的事物互相照应。第二种是形象居中,文案在侧。当画面设计将人物居中时,文字排版在两侧加上,再加上简单的元素和背景时,整个和画面即可完成,若是过多的元素结合 在此刻便显多余。这种方式可以把人物的信息量最优化的展示出来,人物占据受众的视觉中心,成为整个画面的焦点因而强化人物在受众脑海中的记忆。第三种是人物为前景悬浮于文案之上。这类风格与形象居中大同小异,其根本区别在于对于人物以及文案设计的处理。不同于第二种人物与文案的完全分离,这是在人物居中的基础上在文案上进行穿插设计或是相互遮挡,使得整个画面看起来更有设计感。这类构图虽然分为不规则构图,但是其实在不规则当中也是能找到规律所在的地方。他的特点在于利用大胆的配色,符合主题的不同元素进行搭配。如同上诉的两个海报,通过蓝色和红色的大胆撞色加上文字的不规则设计构成整个画面的不规则感。虽然是不规则,但却不是随意的摆放在上面。这种构图设计时需要特别谨慎,否则一不小心整个画面就会杂乱无章。字体的使用在一个banner的设计中有着举足轻重的地位。在一个版面中想突出文案可以通过对字体的特殊设计或是暗化背景来实现。字体的设计可以通过变换其颜色或调节大小来进行控制,有时候可以利用形状来进行调节。值得注意的是,字体的设计和使用是通过banner的整体风格,需要给受众传达什么样的信息,情绪氛围决定的。如衬线符合文艺、高品质等,无衬线比较适用多种风格。同时字体很大程度上影响着情绪的烘托,例如可爱俏皮的字体就比较不适用于悲伤的氛围。海报banner设计中最后一个关键的元素设计便是色彩的搭配。受众的眼睛对色彩是非常敏感。配色使用得当整个版面就会精致整洁;配色使用不当整个版面则会变成杂乱无章的既视感。在设计当中色彩的使用有着他特定的公式在,即使是大胆夸张的配色都具有一定的规律。摄影里面有一句话“黑白对比拯救一切烂片”,但其实不然。在色彩里面,每个颜色都有着属于他们的情绪氛围,如红色代表热情、白色代表纯洁、蓝色代表感觉、橙色代表活泼等等。在某些时候将海报banner设计成黑白,是防止别的颜色过于喧宾夺主,从而误导画面想要传达大众的信息。而黑色代表“悲伤、颓废、孤单、心疼、无情”,与白色之间进行搭配,能碰撞出不一样的情感诉求,使得黑色不再单单只是代表负面情绪,更是你在看到画面这一时刻符合你的心境,不被色彩自带的感情属性左右你的想法。互补色简单来说是以素材的邻近色为主色,接着以素材的对比色或互补色为辅色,借此达到画面撞色的效果。如果上述的第二个图片素材主色运用了深绿色及青色作为主色,接着利用他们的对比色黄色及姜黄色进行小幅度的撞色,进而整个版面立马变得活泼、俏皮。邻近色的使用是以素材的颜色为主色调,用主色调里的邻近色为辅色,借此达到画面和谐统一的效果。给与受众较为舒服的观感,同时除了运用邻近色以外,颜色的明亮度调节也可以达到类似的效果。在设计中颜色的把握运用还要根据场景去进行设定,利用色彩本身自带的感情色彩帮助画面想要传达的信息更好的凸显出来。上述图一中的“蓝色大海的传说”运用的则是蓝色为主基调,凸显出了大海的纯洁干净,图二则是用了邻近色对“520表白”进行搭配,给人一种浪费的氛围感;图三里面大量的采用莫兰迪色调给人一种高级感以及独立感,符合素材中想传达信息。