收藏文章 楼主
新版QQ的闪屏是这样设计出来的
网友【了不起】 2020-08-05 15:44:45 分享在【时代发展的印记】版块    3990    1    9

QQ是腾讯用户量达数亿,有着20年历史的代表性即时移动通讯工具,QQ的所有品牌元素,比如企鹅形象,emoji表情甚至通知声音都已经被许多用户熟悉。在这些元素之中,闪屏是直接关系到品牌形象的最为重要的元素之一,因为它决定了应用服务的第一印象,本文将介绍为跟上快速变化的设计趋势,最近被重新设计的QQ闪屏的设计故事。

网友分享在meiguo.com上的图片

项目目标

QQ闪屏是移动APP品牌形象中的重要元素,重新设计我们必须格外地小心慎重。我们需要将QQ(一个提供各种服务的巨大平台)的特征整合到一个单独的图像中,并且不能失去品牌的独创性,还必须考虑大众的口味和不断变化的设计趋势。

网友分享在meiguo.com上的图片

由于上述原因,QQ闪屏很长一段时间都是在一定的框架里进行改变。通常会在QQ形状中间用一些图形元素来暗喻APP的服务特征。节假日或者其他临时事件也会有一些更新和特别的设计。但大多数基本上还是2D风格的图形。

网友分享在meiguo.com上的图片

然而3D图形最近已成为一种非常突出的趋势并且被广泛应用于诸如品牌设计和广告设计等多种媒介中,视觉上对许多人来讲也有吸引力和新鲜感。由于QQ是以年轻用户为主的服务,我们也尝试应用这种风格,并紧跟设计趋势的最新变化在设计上做了新的尝试。

网友分享在meiguo.com上的图片

保持QQ标志性的企鹅形象,在新的闪屏里,我们用3D风格来取代现有的平面图形。这种尝试是为了提升引领科技与潮流的信息品牌形象 通过运用具有扩展空间感的图像赋予视觉新鲜感。此外,高饱和度的颜色给予品牌更加年轻和充满生机感,而各种各样的纹理则增加了图形的深度和丰富性。

1. 吸引人的3D外形

第一个方案是基于上述计划,没有任何限制地尝试各种新的和富有吸引力的图形。我们拆除QQ企鹅的形状,测试各种各样的材料,并且尝试在企鹅形状周围添加各种图形元素。除了QQ的品牌色天蓝色,我们还尝试使用多种色调和高饱和度的颜色。

网友分享在meiguo.com上的图片

网友分享在meiguo.com上的图片

网友分享在meiguo.com上的图片

网友分享在meiguo.com上的图片

2. 鼠年

第二轮设计,我们测试可以象征鼠年的图形,做了把鼠的面具形状放到QQ的形状上的方案,或者用鼠形轮廓测试一些图形。然而由于闪屏应该代表整个服务,更普遍的形象才是首选。此外由于这一概念只是暂时性的,我们决定尝试其他不同的方案。

网友分享在meiguo.com上的图片

网友分享在meiguo.com上的图片

3. QQ里的无限宇宙

最后一轮,我们用一些含有各种纹理的彩色几何图形漂浮在QQ形的窗口上,象征QQ平台将各种服务汇聚在一起,创造新世界的服务意义。这个方向被选为新的QQ闪屏设计,并在最终完善后应用。

网友分享在meiguo.com上的图片

网友分享在meiguo.com上的图片

最终设计

在最终的设计中,各种纹理的几何形状形成动态的对角线构图,在QQ形的窗口中保持和谐与平衡,象征QQ世界中各种用户和多样服务相互作用的形象。考虑到颜色与其他图形元素的协调性,最终图形使用的是蓝色和黄色的品牌色。蓝色按照QQ的品牌颜色来应用,黄色则来自QQ嘴和脚的颜色。这种鲜明的色彩对比,暗含着QQ年轻新潮的形象。

网友分享在meiguo.com上的图片

网友分享在meiguo.com上的图片

Wallpaper 壁纸

网友分享在meiguo.com上的图片

QQ的闪屏设计会继续保持更新,努力展现QQ的多样性与成长性,让用户感受QQ品牌的生机与活力。我们希望在2020年,QQ可以用更年轻和更潮流的面貌来与用户相遇。

出处:见配图水印

meiguo.com 发布人签名/座右铭仰望我所仰望!
大家都在看
楼主新近贴
回复/评论列表
默认   热门   正序   倒序
meiguo.com 创始人

emotion

9   2020-08-05 15:44:45  回复

回复/评论:新版QQ的闪屏是这样设计出来的

暂无用户组 升级
退出
等级:0级
美果:
美过

美国动态 美果转盘 美果商店

Your IP: 3.137.192.3, 2024-04-24 07:02:42

Processed in 0.72606 second(s)

头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有0次打赏
(9) 分享
分享
取消