找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 950|回复: 2

[美化设计] 复杂背景图片的渐变化处理——QQ音乐的banner为我们又支了一招儿

[复制链接]

20

主题

36

帖子

1640

锐币

积分
197
根号 发表于 2019-4-19 23:24:28 | 显示全部楼层 |阅读模式
在PPT的设计中,很多时候我们要用到一些复杂的背景图片,这个时候背景与文案之间的设计衔接就会非常困难,今天我们来学习QQ音乐的一个banner,这个的banner的一些精细化设计为我们做出了一个很好的示范。


1.设计思路
背景文案:
“因为你我不再孤单,谢谢你一路陪伴”
温暖度过整个寒冬,你只需要一个拥有动人歌声的又可爱又聪明又温柔的宝藏男孩。
重点来了!配着温暖圣诞颂,暖心boy带来一份甜爆表的冬日福利——《甜心小尤的读信时间》
设计的思路:
①背景的选择要符合歌手“暖心boy”的气质;②主体的版面设计歌手的高清照片,照片中含有“信件”这一元素;③用简单的文案表达出歌手的名字、专辑的名字、和“读信时间”时间这一元素。

2.色彩选择
在色彩的选择方面,背景颜色用了粉色,选取这种粉色调主要是根据歌手的定位——“暖心boy”来选取的。

1.jpg
粉色背景加白色和浅蓝色的的文字框,都是一种小清新的文艺色调,再次符合了整体的设计风格。
这两种文字框的颜色是分别取自照片中右侧的,贴在墙上的”信件“的颜色。

3.版式设计
这个banner中的版式设计是照片为主,右侧配以辅助的文案说明。

2.jpg
我们来看一下这个banner的版式设计的细节。


歌手的手指所指的方向恰好是文案题的位置,这个细节可以很巧妙的把读者的视线引向文案主题。这一点是这篇拍照设计中的一大亮点,非常值得我们学习。
4.背景图片的渐变处理


4.jpg
①这个案例中背景图片做了一个渐变透明度的处理,由所至右透明度逐渐增高,这样设计主要是为了凸显出右侧的文案,否则复杂的底图会使得上方的文案杂乱无章,干扰读者的视线。
1.PNG
②右侧文案区域的设计则主要是采用纯色底色的文本框,这样的设计是模仿图片右侧的,墙上所粘贴的“读者信件”,虽然设计显得很简单,但却非常小清新,与整个banner的设计思路相吻合。

谢谢大家!
微信公众号:【云水湄PPT工作室】
请多多支持!


关注后可以免费领取,获取资源:2000张网易云音乐banner灵感库。


发布于 23:19



回复

使用道具 举报

285

主题

8891

帖子

4万

锐币

小影

积分
48089

灌水精英勋章致富精英勋章守卫精英勋章优秀会员勋章2015奉献楷模勋章推广精英勋章智慧精英勋章

伊小影卖家认证 大众评委 发表于 2019-4-20 10:49:28 | 显示全部楼层
你有三张图片没传上来,一直在转圈圈。(后来去公众号看的,我真是机智)

PPT是给人们带来幸福的东西。
回复 支持 反对

使用道具 举报

0

主题

3

帖子

212

锐币

积分
16
lruofeig 发表于 2019-4-22 14:58:56 | 显示全部楼层
我这显示五张图在转圈圈,捉急!!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

展开
快速回复 返回顶部 返回列表
展开