教小白从零开始设计出好看的Banner

来源:优设 作者:凉小七 时间:2017-01-02

编者按:小白想进阶成为高手,学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大Banner 关键要素教你如何发掘高手作品中的优点。

物连接在一起,形成一个作为一个重度沉溺在音乐世界中的设计师,我是上班路上塞着耳机,作图的时候塞着耳机,下班路上还是塞着耳机的,其实这样对听力不好。但是一边听音乐一边作图,真的觉得灵感都丰富多了。心情愉快,做出来的图也会更令人满意哦。

所以我是每天都必须打开音乐类APP的人,平时用得最多的两个音乐类APP就是网易云音乐和虾米音乐。很喜欢这两个APP,觉得无论从视觉设计上,还是用户体验上,它们都有可圈可点之处。我认为网易云音乐和虾米音乐的banner设计都比较有设计感。作为设计师,平时一定要多看、多想,多练。

今天我想和大家简单分析一下,这两个APP的banner设计。主要从构图、字体、配色、装饰这四个方面来分析。以下案例均来自网络,版权归网易云音乐和虾米音乐所有。

首先想和大家简析一下网易云音乐的banner设计。

uisdc-banner-20161230-0.webp

1. 构图

构图是一个banner设计中最基础的部分,在做banner排版的时候,首先要根据banner的内容确定一个大概的构图,再去丰富版式的细节。

A.左字右图

左字右图是最常见最容易掌握的排版,中规中矩,不易出错。

uisdc-banner-20161230-1.webp

uisdc-banner-20161230-2

uisdc-banner-20161230-3

uisdc-banner-20161230-4

uisdc-banner-20161230-5

B.左图右字

左图右字和左字右图差不多,首先要根据素材图片的构图和走向确定图片是适合放在左边还是右边,再做文案的排版。左图右字也是属于比较常规不容易出错的构图。

uisdc-banner-20161230-6

uisdc-banner-20161230-7

uisdc-banner-20161230-8


  共8页: 1 [2] [3] [4] [5] [6] [7] [8] 下一页