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

點贊 21
收藏 20
繼續閱讀相關文章

發表評論 已發布 17

還可以輸入 800 個字
 
 
載入中....
17 收藏