QQ是騰訊用戶量達(dá)數(shù)億,有著20年歷史的代表性即時(shí)移動(dòng)通訊工具,QQ的所有品牌元素,比如企鵝形象,emoji表情甚至通知聲音都已經(jīng)被許多用戶熟悉。在這些元素之中,閃屏是直接關(guān)系到品牌形象的最為重要的元素之一,因?yàn)樗鼪Q定了應(yīng)用服務(wù)的第一印象,本文將介紹為跟上快速變化的設(shè)計(jì)趨勢(shì),最近被重新設(shè)計(jì)的QQ閃屏的設(shè)計(jì)故事。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

項(xiàng)目目標(biāo)

QQ閃屏是移動(dòng)APP品牌形象中的重要元素,重新設(shè)計(jì)我們必須格外地小心慎重。我們需要將QQ(一個(gè)提供各種服務(wù)的巨大平臺(tái))的特征整合到一個(gè)單獨(dú)的圖像中,并且不能失去品牌的獨(dú)創(chuàng)性,還必須考慮大眾的口味和不斷變化的設(shè)計(jì)趨勢(shì)。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

由于上述原因,QQ閃屏很長(zhǎng)一段時(shí)間都是在一定的框架里進(jìn)行改變。通常會(huì)在QQ形狀中間用一些圖形元素來暗喻APP的服務(wù)特征。節(jié)假日或者其他臨時(shí)事件也會(huì)有一些更新和特別的設(shè)計(jì)。但大多數(shù)基本上還是2D風(fēng)格的圖形。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

然而3D圖形最近已成為一種非常突出的趨勢(shì)并且被廣泛應(yīng)用于諸如品牌設(shè)計(jì)和廣告設(shè)計(jì)等多種媒介中,視覺上對(duì)許多人來講也有吸引力和新鮮感。由于QQ是以年輕用戶為主的服務(wù),我們也嘗試應(yīng)用這種風(fēng)格,并緊跟設(shè)計(jì)趨勢(shì)的最新變化在設(shè)計(jì)上做了新的嘗試。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

保持QQ標(biāo)志性的企鵝形象,在新的閃屏里,我們用3D風(fēng)格來取代現(xiàn)有的平面圖形。這種嘗試是為了提升引領(lǐng)科技與潮流的信息品牌形象 通過運(yùn)用具有擴(kuò)展空間感的圖像賦予視覺新鮮感。此外,高飽和度的顏色給予品牌更加年輕和充滿生機(jī)感,而各種各樣的紋理則增加了圖形的深度和豐富性。

1. 吸引人的3D外形

第一個(gè)方案是基于上述計(jì)劃,沒有任何限制地嘗試各種新的和富有吸引力的圖形。我們拆除QQ企鵝的形狀,測(cè)試各種各樣的材料,并且嘗試在企鵝形狀周圍添加各種圖形元素。除了QQ的品牌色天藍(lán)色,我們還嘗試使用多種色調(diào)和高飽和度的顏色。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

2. 鼠年

第二輪設(shè)計(jì),我們測(cè)試可以象征鼠年的圖形,做了把鼠的面具形狀放到QQ的形狀上的方案,或者用鼠形輪廓測(cè)試一些圖形。然而由于閃屏應(yīng)該代表整個(gè)服務(wù),更普遍的形象才是首選。此外由于這一概念只是暫時(shí)性的,我們決定嘗試其他不同的方案。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

3. QQ里的無限宇宙

最后一輪,我們用一些含有各種紋理的彩色幾何圖形漂浮在QQ形的窗口上,象征QQ平臺(tái)將各種服務(wù)匯聚在一起,創(chuàng)造新世界的服務(wù)意義。這個(gè)方向被選為新的QQ閃屏設(shè)計(jì),并在最終完善后應(yīng)用。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

最終設(shè)計(jì)

在最終的設(shè)計(jì)中,各種紋理的幾何形狀形成動(dòng)態(tài)的對(duì)角線構(gòu)圖,在QQ形的窗口中保持和諧與平衡,象征QQ世界中各種用戶和多樣服務(wù)相互作用的形象。考慮到顏色與其他圖形元素的協(xié)調(diào)性,最終圖形使用的是藍(lán)色和黃色的品牌色。藍(lán)色按照QQ的品牌顏色來應(yīng)用,黃色則來自QQ嘴和腳的顏色。這種鮮明的色彩對(duì)比,暗含著QQ年輕新潮的形象。

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

Wallpaper 壁紙

新版 QQ 的閃屏是如何設(shè)計(jì)出來的?來看案例復(fù)盤!

QQ的閃屏設(shè)計(jì)會(huì)繼續(xù)保持更新,努力展現(xiàn)QQ的多樣性與成長(zhǎng)性,讓用戶感受QQ品牌的生機(jī)與活力。我們希望在2020年,QQ可以用更年輕和更潮流的面貌來與用戶相遇。

視頻版網(wǎng)站鏈接:https://v.qq.com/x/page/f0968xjn0n3.html?start=4

收藏 29
點(diǎn)贊 25

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。