×

关注微信公众号

教程网 首页 教程 web前端 html5 查看内容
免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载随时随地聆听大师开讲/课堂酷素材!视频教程打包下手绘教程
咔咔摄影抠图教程路径专辑photoshop cs3视频教程 

用高手的实战案例,教小白从零开始设计出好看的Banner!

时间 : 2017-1-12 21:07

作者 : 素材控

 查看 : ( 4470 )  评论 : ( 0 )

摘要 : 编者按:小白想进阶成为高手,学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大Banner 关键要素教你如何发掘高手作品中的优点。 物连接在一起,形成一个作为一个重度沉溺在音乐世界中的设计师 ...

编者按:小白想进阶成为高手,学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大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

C.左中右构图

左中右构图一般为左图中字右图或者左字中图右字。这种构图比左右构图版式会丰富点,但是比它们难把握。如果banner上要出现两个人物,比较适合左中右构图。或者想要重点突出人物,也可以把人物居中,把文案放在人物两侧。

uisdc-banner-20161230-9 uisdc-banner-20161230-10 uisdc-banner-20161230-11 uisdc-banner-20161230-12 uisdc-banner-20161230-13

D.上下构图

上下构图一般为上字下图。上下构图不好掌握,常见于一个Banner中要出现多个人物,多个人物在左右构图里不好摆放。

uisdc-banner-20161230-14 uisdc-banner-20161230-15 uisdc-banner-20161230-16 uisdc-banner-20161230-17
分享到:

猜您喜欢

文章评论