看“QQ音乐 闪屏设计”有感
来源:互联网 发布:大数据就业培训 编辑:程序博客网 时间:2024/06/12 01:41
转载地址:http://www.xmumu.com/qqmusic-splash-screen
自从QQ音乐更新了Logo后 直接让我放弃了 “百度音乐” 和 “网易云音乐”,将其摆在桌面黄金位置上。
太好看了。。。扁平化+优秀大小比例+舒服的配色 简直是艺术品
(当然还有个原因是 车载蓝牙 只有QQ音乐支持换歌,其他两款app都不行)
以下内容是在腾讯ISUX 看到的对QQ音乐GUI设计的一些初衷和想法,很有参考价值
一并分享给大家
是不是所有App都有[闪屏],它是如何诞生?
启动App一般都需要几秒钟来进行初始化或数据加载,早期为了不让用户在这过程中感觉漫长,就在启动的同时展示了一个画面,多为展示品牌logo和Slogan。闪屏即从此诞生。
后来发现,启动闪屏虽短短几秒,除了logo展示之外,其实还有很大的利用空间,包括功能展示、节日情怀、品牌气质表现、甚至还融入动态效果… 2014QQ音乐也正在为闪屏打造全新形象。
让闪屏Fun起来
Fun(趣味) — 让人感受到愉快、有意思、有活力、有生命。
让闪屏Fun起来,必须给赋予生命。音乐不应该是枯燥的,自从年初对QQ音乐logo简化扁平设计后,线条轮廓更简明,带来更多可变型的空间。我们开始尝试把在不同节日通过logo的形变,让用户在情感上带来更多共鸣,也感受到我们QQ音乐在成长。
趣味走在前面,品牌才能沉在心里。
春节我们为你带来剪纸;
情人节为你献上甜甜的巧克力;
劳动节让你带着音乐旅行;
5.20 侧耳倾听情话;
儿童节儿歌随身听;
巴西世界杯的音乐也不会让你错过…
另外,每一张闪屏都会有一张对应的歌单,通过闪屏形式快速推送每个主题/活动/节日相关的歌曲给用户。
形象定位
音乐的领域是无限宽广的,我们的品牌形象也是将随着不同环境和不同时期而变化。
时下的设计趋势走向不断在变化,QQ音乐的品牌形象也顺应趋势调整,去掉了以往的厚重质感,走轻质感的扁平化风格,时刻保持时尚的元素,不间断地让品牌保持新鲜感。
为了保持品牌独特性,造型上延续QQ音乐logo基础原型,在多形态的型变过程中,配合不同元素不同主题,造型必须保持与Logo音符造型吻合,结构上我们仍然遵循QQ音乐原始形态组合,而非纯粹的形状拼凑,这样才能在品牌形象中增强认知度,使得故事融入其中,最终形成品牌传播模式。
台上3秒钟
一个闪屏只有3秒过场,但有着不为人知的幕后。
为时4年一次的世界杯,QQ音乐也相应推出世界杯为主题的音乐。以今年的[巴西世界杯]为例,在这简要分享下这一期的闪屏诞生过程。
关键词:世界杯 / 足球 / 巴西 / 音乐 /
由关键词延伸到 2014 / 足球场 / 巴西 / 里约大冒险 / 巴西基督像 / 海滩 / 棕榈 …
世界杯拟人篇
在巴西世界杯期间,我们还为球迷准备了更有趣的闪屏。
运用酒瓶拟人的手法,用各种酒杯/酒瓶来表达热情,结合各国国旗,陆续推出世界杯开幕篇、球队篇、裁判篇、球迷篇…
后续,QQ音乐还将会与更多音乐相关的文化做结合,融入著名音乐人 / 音乐历史 / 盛会等元素,为用户科普了音乐知识同时,更深层地建立品牌独特性。
近期已经推出几期节日闪屏,但这一切才刚开始。
感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。
注明出处格式:腾讯ISUX (http://isux.tencent.com/qqmusic-splash-screen-fun.html)
- 看“QQ音乐 闪屏设计”有感
- 看设计模式有感
- 看有感
- 看csdn-假如我来设计12306.cn有感
- QQ音乐/酷狗音乐锁屏控制实现原理
- QQ音乐/酷狗音乐锁屏控制实现原理
- QQ音乐5.0全新设计过程要点解析
- 设计有感
- 看十面埋伏有感!
- 看大唐双龙传有感
- 看韩国电视剧有感
- 看大话西游有感
- 看《数字时代》有感
- 看《JAVA算法》有感~!
- 看"垂直打击"有感
- 看《叶落归根》有感
- 看《时间简史》有感
- 看腾讯做法有感
- codeforces535A:Tavas and Nafas
- int和NSInteger区别
- 电猴网,一家专注于电商人才的求职招聘平台
- eclipse建工程时,出现“在项目中具有不受限制的类路径容器:JRE系统库”错误
- 基于Lockset的数据竞争检测方法汇总(一)
- 看“QQ音乐 闪屏设计”有感
- 成都崇州首例销售地下网络私彩嫌疑人被批捕
- python2.7-64安装mysql驱动
- mysql group by
- OSPF Area & LSA详解
- poj 1789 Truck History (克鲁斯卡尔)
- Html5系列(二十三) canvas高级贝塞尔曲线运动动画
- 排序
- javascript的原型和构造函数