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

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

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

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

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

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

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

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

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

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

小彩蛋

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

关于封面的构思过程

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

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

这是一开始的草稿

重新构思!

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

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

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

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

觉得画面是挺腻的

所以对于这个画面

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

我觉得母亲这个角色

由一个婴儿的出生开始

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

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

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

但是我看过很多妈妈

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

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

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

对未来生活的憧憬

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

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

于是就有了一下这个图 

一个婴儿,抱着一团毛球

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

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

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

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

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

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

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

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

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

顺利完稿

关于内页的思考

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

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

你就会看到 爱的力量

一加一点点凝望

我们才看到 爱的漂亮

一加一点点紧张

我现在的职业是设计师

加班熬夜常有

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

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

就如歌词传递的感受一样

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

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

八种很漂亮的排版方法和技巧分享

这一篇教程的版式设计主要针对的是画册设计中的版式排版设计,作者一共总结了八种很漂亮的排版方法和技巧给大家分享出来,希望这篇教程能对大家有所帮助
收藏 0 赞 0 分享

怎样才能恰如其分地运用对比提升设计品质呢?

对比实际上是每一项设计都应体现的重要原则,因为对比能够组织设计并构建设计的层次,也就是说它能够告诉观众什么才是最重要的部分。恰当地运用对比不仅能强调焦点,还可以增添视觉趣味性。那么怎样才能恰如其分地运用对比提升设计品质呢?我们来看看吧
收藏 0 赞 0 分享

如何努力成为一名复合型设计师?UI设计师需要其他技能盘点

复合型人才应该是在各个方面都有一定能力,在某一个具体的方面要能出类拔萃的人,那么也就是说作为一名“单纯”的UI界面设计师,理应具备其他技能,这样才能更具竞争力。那么UI设计师可以有哪些其他技能呢?来看看吧
收藏 0 赞 0 分享

实用:40个标志设计的心得技巧

好的标志设计不仅需要让你的作品显得富及创意及好看,它还需要能够与受众产生品牌信息的沟通。今天就为大家分享40个标志设计的心得技巧,对于初学者来说非常值得学习,好了,下面我们来学习吧
收藏 0 赞 0 分享

连续法法则 连续性在平面设计中的应用

利用连续性的心理法则,我们可以在设计中创造一种张力——从而形成一种吸引力,今天为大家分享连续性在平面设计中的应用,很实用,值得大家学习,推荐过来,希望能对大家有所帮助
收藏 0 赞 0 分享

电商banner和海报文字排版的几个实用小技巧

今天为大家分享电商banner和海报文字排版的几个实用小技巧,教程真的很实用,非常适合初学者来学习,值得大家来学习,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

两个实战案例帮你一窥专业设计师才会的设计思维

我们平时评判一个设计的好与坏,很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断,今天为大家分享通过两个实战案例帮你一窥专业设计师才会的设计思维技巧,一起来看看吧
收藏 0 赞 0 分享

5个维度来说说视觉设计师的设计风格

想要把设计风格讲清楚,的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯,毕竟现在的移动产品从视觉表现力方面正在逐步降低要求,这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因,下面从5个维度来说说视觉设计师的设计风格
收藏 0 赞 0 分享

电商设计师究竟该如何正确认知自己的价值呢?

要想知道电商设计师的价值是什么,就先要知道电商设计师是谁是做什么的,那么电商设计师是做什么的呢?今天为大家分享电商设计师究竟该如何正确认知自己的价值,一起来看看吧
收藏 0 赞 0 分享

超实用:字体设计之笔体笔划知识全攻略

汉字的基本笔划有点、横、竖、撇、捺、挑、折、勾8种,每种在此基础上又细分出很多同类笔划,今天为大家分享字体设计之笔体笔划知识全攻略,非常实用,值得大家学习,一起来看看吧
收藏 0 赞 0 分享
查看更多