从构图、字体、配色和装饰来分析：为何网易云和虾米APP的banner设计如此好看？.doc

从构图、字体、配色和装饰来分析：为何网易云和虾米APP的banner设计如此好看？ 　　小白想进阶成为高手，学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大Banner 关键要素教你如何发掘高手作品中的优点。 　　 　　物连接在一起，形成一个作为一个重度沉溺在音乐世界中的设计师，我是上班路上塞着耳机，作图的时候塞着耳机，下班路上还是塞着耳机的，其实这样对听力不好。但是一边听音乐一边作图，真的觉得灵感都丰富多了。心情愉快，做出来的图也会更令人满意哦。 　　所以，我是每天都必须打开音乐类APP的人，平时用得最多的两个音乐类APP就是网易云音乐和虾米音乐。很喜欢这两个APP，觉得无论从视觉设计上，还是用户体验上，它们都有可圈可点之处。我认为网易云音乐和虾米音乐的banner设计都比较有设计感。作为设计师，平时一定要多看、多想，多练。 　　今天我想和大家简单分析一下，这两个APP的banner设计。主要从构图、字体、配色、装饰这四个方面来分析。 　　以下案例均来自网络，版权归网易云音乐和虾米音乐所有。 　　网易云音乐的banner设计 　　首先想和大家简析一下网易云音乐的banner设计。 　　 　　1. 构图 　　构图是一个banner设计中最基础的部分，在做banner排版的时候，首先要根据banner的内容确定一个大概的构图，再去丰富版式的细节。 　　A. 左字右图 　　左字右图是最常见最容易掌握的排版，中规中矩，不易出错。 　　 　　 　　 　　 　　 　　B. 左图右字 　　左图右字和左字右图差不多，首先要根据素材图片的构图和走向确定图片是适合放在左边还是右边，再做文案的排版。左图右字也是属于比较常规不容易出错的构图。 　　 　　 　　 　　C. 左中右构图 　　左中右构图一般为左图中字右图或者左字中图右字。这种构图比左右构图版式会丰富点，但是比它们难把握。如果banner上要出现两个人物，比较适合左中右构图。或者想要重点突出人物，也可以把人物居中，把文案放在人物两侧。 　　 　　 　　 　　 　　 　　D. 上下构图 　　上下构图一般为上字下图。上下构图不好掌握，常见于一个Banner中要出现多个人物，多个人物在左右构图里不好摆放。 　　 　　 　　 　　 　　E. 文字作为主体居中 　　图片作为背景起到一个装饰的作用，或者没有图片素材。常见于文案内容比较抽象、不方便或者不需要用到图片素材、不知道用什么图片素材去表达画面内容，没有一个代表性的图片素材作为画面主体的情况。 　　 　　 　　F. 不规则构图 　　不规则构图最难把握，相对的，最有设计感。不规则构图如果把握得好，版式的丰富会给人眼前一亮的感觉。其实不规则构图也是在常规构图的基础上再做一些变化，万变不离其宗。 　　 　　 　　 　　2. 字体 　　正确选择字体在banner设计中也是非常重要的，字体的气质和画面的气质要一致，这样画面看起来才是一个和谐的整体。例如，如果画面中的人物是女生，就不适宜用粗犷硬朗的字体，要用能够衬托出主角气质的字体。 　　字体主要分为两类，一类是系统字体，一类是设计师自己设计的字体，设计师设计字体可以在系统字体的基础上做些改变，或者自己重新设计字体的笔画，但是重新设计会比较费时间。所以要根据工作时间做合理的安排，如果时间紧急，就没必要做字体设计了。当然对于大神来说，做个字体设计是小菜一碟，但是对于我来说，做字体设计还是挺吃力的，还需努力。 　　网易云音乐作为一个音乐类APP，banner的风格一般都比较文艺，最常见的字体是宋体和细黑体，有时候会根据画面的气质做相应的改变。下面举几个案例。 　　A. 用宋体和细黑体表达文艺、品质感的气质 　　 　　 　　 　　 　　 　　 　　B. 根据画面的气质做相应的选择 　　 　　 　　 　　 　　 　　C. 字体设计 　　经过设计的字体总是让人眼前一亮，富有设计感。为画面增色不少。 　　 　　 　　 　　 　　 　　 　　 　　3. 配色 　　配色用得最多的两种方法，第一，把素材黑白化，再根据文案和人物的气质选取一个合适的颜色。第二种方法就是从素材里面直接吸取合适的颜色，再调节饱和度和明度，调出一个基本色，再取基本色的对比色、近似色等等作为辅助色。 　　下面举几个把素材黑白化，根据文案和人物的气质选取一个合适的颜色的案例。 　　 　　黄黑白这种颜色搭配比较经典，容易出效果。素材黑白化之后加入黄色的色块，对比鲜明，具有视觉冲击力，符合文案的气质。 　　 　　浅蓝色和黑白搭配。人物素材黑白化处理之后，选用了浅蓝色作为背景色，再调节背景色的饱和度和明度，深蓝色点缀画面。 　　 　　蓝色和黑白搭配。人物素材黑白化处理，可以看到人物的亮部调得很亮，黑色背景突出人物，文案用了蓝色。 　　下面举几