DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> QQ2012圖標設計理念:2012版極地企鵝設計
QQ2012圖標設計理念:2012版極地企鵝設計
編輯:關於網頁技巧     

破洛洛文章簡介:QQ 2012設計理念 極地企鵝.

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

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

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

而QQ2012的藍白來自哪裡?

南極的藍天與白雪…

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

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

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

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

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

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

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

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

設計理念融入登錄界面

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

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

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

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

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

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

破洛洛文章簡介:QQ 2012設計理念 極地企鵝.

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

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

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

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

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

破洛洛文章簡介:QQ 2012設計理念 極地企鵝.

圖標設計語言 • 極地雪

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

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

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

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

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

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

QQ2012 Beta1圖標匯集:

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

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

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

破洛洛文章簡介:QQ 2012設計理念 極地企鵝.

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

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

我們還有很長的路在走,

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

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

達到產品從功能到體驗,

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

附:QQ2012精彩壁紙下載:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved