木子素材 首页 大神 UI设计 查看内容

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

2020-5-21 00:07| 发布者: admin| 查看: 702| 评论: 0

摘要: QQ是腾讯用户量达数亿,有着20年历史的代表性即时移动通讯工具,QQ的所有品牌元素,比如企鹅形象,emoji表情甚至通知声音都已经被许多用户熟悉。在这些元素之中,闪屏是直接关系到品牌形象的最为重要的元素之一,因 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

项目目标

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

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

1. 吸引人的3D外形

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

2. 鼠年

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

3. QQ里的无限宇宙

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

最终设计

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

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

Wallpaper 壁纸

新版 QQ 的闪屏是如何设计出来的?来看案例复盘!

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

视频版网站链接:https://v.qq.com/x/page/f0968xjn0n3.html?start=4

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×