2012QQ企鵝設計分享

　　2012，注定是一個特別的年份。

　　QQ，也正邁向一個裡程碑式的版本——QQ2012

　　QQ經典的DNA是藍色+白色。藍白本優雅，我們不禁聯想起優雅的愛琴海…

　　而QQ2012的藍白來自哪裡?

　　南極的藍天與白雪…

　　QQ2012的設計理念是如極地雪般的純淨、輕盈、自由、靈動。

　　也是QQ2012產品特性、體驗設計的年度目標。

　　為什麼是極地雪來寓意QQ2012的設計理念?

　　1.企鵝源自南極極地，2012界面的來白配色來自極地的藍天與白雪;

　　2.極地雪的純淨、輕盈、自由、靈動特質與產品年度方向吻合;

　　3.南極是地球僅存的淨土之一，融入產品引導用戶關注與呵護我們的自然環境;

　　4.極地的日出、星軌、極光等多彩景觀，寓意QQ的絢麗多彩，但她又是別樣的純粹。

　　(寬廣如極地，絢麗如星軌、純淨如晶雪、生機如日出)

 

　　設計理念融入登錄界面

　　一體化的登錄與Loading設計，體現極地雪理念中的純淨與靈動，同時新版節日設計鋪滿界面，空間更自由。

　　Loading動畫是與理念相呼應的雪花點的聚合，同時寓意開放平台的聚合。

　　登錄界面會根據用戶登錄時間變換

　　譬如傍晚登錄會伴隨極地晚霞的景觀。

　　讓用戶在使用產品前，就感受到更靈動的純淨心境。(在後面版本實現)

　　從極地純粹藍天白雪提煉出QQ2012的配色。

　　主面板的頭像、個人業務布局的優化，體現一個更純淨更符合區域邏輯的體驗。

　　新控件滾動條、搜索欄等的設計更加輕盈。

　　多會話窗口的自由合並分離，也是源自設計理念的自由與靈動。

　　小工具欄圖標設計更考慮輕盈與表義明了。

　　視頻、語音的界面設計都呼應了極地雪的設計理念。

　　圖標設計語言 • 極地雪

　　QQ2012在圖標設計也是源自統一的設計理念

　　1.單型原則：圖標都統一簡化為單一元素，讓用戶第一眼更易辨識與明了，呼應極地雪的純淨輕盈;

　　2.空間飽滿度：每個圖標的空間飽滿度保持在80%-90%的統一范圍(見下圖);

　　3.統一光源：界面與圖標的光源統一為正上方，投影正下方，控件按下狀態往正下方移(見下圖);

　　4.四海皆宜：圖標需要與無窮的皮膚融合，定義中性配色，邊緣統一85%的透明過度。剪影平面圖標智能跟隨皮膚換色;

　　5.平面與立體：功能性圖標定義為剪影平面風格，業務應用類圖標用正俯視角度風格增強點擊欲。

　　QQ2012 Beta1圖標匯集：

　　好友形象的設計升級，提升細膩與時尚度，後面版本將普及至群：

　　群空間首頁Home圖標在飽滿度、統一光源、統一俯視角度等都做了設計升級，煙囪袅袅等細節讓圖標更具生機與靈動：

　　群設置圖標根據“單一原則”讓表義更簡潔明了，杜絕元素的無謂疊加。同時角度采用統一的小俯視角度設計。

　　QQ2012官網設計也是源自統一的設計理念。

　　QQ2012 Beta1僅是年度設計規劃的開篇，

　　我們還有很長的路在走，

　　感謝大家在體驗過程中為我們提出寶貴建議，

　　在後續版本中我們將持續迭代，

　　達到產品從功能到體驗，

　　真正表裡如一的極地雪理念。