QQ音乐母亲节主题UI设计 母亲节H5长图

所属分类: 平面设计 / 平面其它 阅读数: 1782
收藏 0 赞 0 分享
QQ音乐母亲节主题UI设计 母亲节H5长图

这是QQ音乐在母亲节推出的H5,主题为"给妈妈的音乐情书"

老规矩,先来个二维码体验!

这次设计,画面内容主要由原画设计师完成

以绘画的形式,来表达对母亲关爱

当然,为QQ音乐设计的H5肯定少不了音乐这个元素

每一幅画面的内容,其实都来自一首有故事的歌,一段煽情的歌词

如歌如画,用画去描述一个故事,用音乐去触动用户的心

留给观者的,是那无穷的想象空间

小彩蛋

(来自原画设计师JUNE的心得)

关于封面的构思过程

母亲节这个封面一开始我想画的是妈妈肚子里的未出生的胎儿

后来一想,QQ音乐用户群体覆盖面广,最终上色后的效果,可能会让一部分用户觉得比较血腥,温馨的感觉也不够。

这是一开始的草稿

重新构思!

母亲,肯定是有孩子的妈妈,才是母亲这个角色扮演者

所以好办了,我看过很多各种歌颂母亲节的海报啊插画各种啊

大多数都会把母亲和孩子画在一起

或者说有些是女性用品巴拉巴拉

觉得画面是挺腻的

所以对于这个画面

我希望自己不要这么这么这么直接表达这种母爱

我觉得母亲这个角色

由一个婴儿的出生开始

想好了用婴儿来象征母亲之后

下一步再回想关于妈妈细微的爱

妈妈的爱很多很多都表达不完

但是我看过很多妈妈

在孩子还没出生前就已经为孩子准备衣物

编织帽子、鞋子、衣服等等……

这些细节,都展示了母亲对孩子到来的期待

对未来生活的憧憬

所以我觉得毛线也可以作为一种视觉元素

用来代表妈妈对孩子的关爱

于是就有了一下这个图 

一个婴儿,抱着一团毛球

当然要回归主题,为QQ音乐设计嘛

少不了要出现QQ音乐的元素

而logo就是一个品牌最好识别的元素

最终,我就画出这个婴儿抱着一个用毛线做成的音乐符号

借助这个画面,来表达母亲对孩子的关爱

再引出后面的主题"给妈妈的音乐情书"

根据产品所说的母亲节的味道"温馨"……

还有色调说要复古韵味,于是最终的上色就走这个方向

结合了QQ音乐原来的颜色做的调节

顺利完稿

关于内页的思考

每一个画面,背后都有一个故事。

比如这个页面,围绕着范玮琪的《路》这首歌词来构思

你就会看到 爱的力量

一加一点点凝望

我们才看到 爱的漂亮

一加一点点紧张

我现在的职业是设计师

加班熬夜常有

再我累的时候,母亲偶尔会炖炖汤给我补补

让我感觉再累也觉得幸福的

就如歌词传递的感受一样

一点点的积累,汇聚成伟大的母爱

更多精彩内容其他人还在看

国外预测13个关于2017年的设计趋势

在过去很长的一段时间里,用户体验设计的传道者,数字大神,以及交互设计师们在创意层面上都已经达到了最高水准,并力求在科技、设计以及用户愉悦体验中有所突破
收藏 0 赞 0 分享

设计师如何应对一堆指指点点的客户?

设计师如何应对一堆指指点点的客户?相信这是很多设计朋友的心声吧,所以今天我们就来听听有着15年设计经验的大牛的实战经验吧
收藏 0 赞 0 分享

韩流究竟有什么值得我们设计师学习的地方

今天为大家分享韩流究竟有什么值得我们设计师学习的地方,教程比较实用,对于设计师来说,很值得大家大家学习,推荐过来,来看看吧
收藏 0 赞 0 分享

零基础设计师必看:写给非科班设计师的渐变色学习指南

今天下篇是渐变色的进阶教程,除了复习前两篇的基础外,还会学习角度渐变和金属渐变,整个教程循序渐进, 零基础也可以轻松学会
收藏 0 赞 0 分享

平面设计中的毛笔字制作方法解析

今天为大家分享平面设计中的毛笔字制作方法,教程真的很实用,很值得大家学习,推荐到脚本之家,喜欢的朋友可以参考本文哦
收藏 0 赞 0 分享

五分钟快速学习如何在表情包上加表情

这篇教程主要是向脚本之家的朋友分享五分钟快速学习如何在表情包上加表情方法,教程真的很不错,值得大家学习,感兴趣的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

如何准确定位和设定你的品牌LOGO颜色?

色彩是一个网站的情绪表达方式或者说是性格特征的体现,每种颜色都有着属于自己的声音。下面小编就为大家分享如何准确定位和设定你的品牌LOGO颜色方法,来看看吧
收藏 0 赞 0 分享

7个提升设计一致性的小贴士 让您的设计作品看上去更专业

这里所说的设计作品,包括了效果图和平面设计作品。在业内,有一些人主导以表现为主,认为图画得好不好是最关键的,而另一些人则认为画得好,不如做得好,下面小编就为大家分享7个提升设计一致性的小贴士,让您的设计作品看上去更专业,好了,我们一起来看看吧
收藏 0 赞 0 分享

日常使用的文案字体排版指南

无论你是做网页还是App设计,文字内容总是能占到整个版面将近80%的区域。因此理解字体与排版对UI设计师来说非常关键。下面小编为大家分享日常使用的文案字体排版指南,一起来看看吧
收藏 0 赞 0 分享

干货:制作精美吸精电商横幅的五个实用技巧

这篇教程是向脚本之家的朋友分享制作精美吸精电商横幅的五个实用技巧,教程真的很不错,值得大家学习,教程介绍的很全面,知识点很多,一起来看看吧
收藏 0 赞 0 分享
查看更多