2017-2-8 周周
編者按：QQ 國際版的輕量和簡潔一直備受好評，不過多年未改版的它，今年可能用上兩個新的視覺設計方案。至于改版過程中的思考，騰訊設計師給出了這篇文章。
作者：騰訊ISUX – 隔壁老賈
QQ國際版主要是針對國外用戶打造的一款輕量社交產品。由于當前產品迭代周期相對較長，我們對當前視覺提出一個疑問:現有產品的視覺形態，是否符合國際版的產品調性。基于這個問題，我們開啟這次探索之旅。
現有版本的視覺問題:
1. 現有的視覺形象是否符合產品氣質，在用戶使用的過程中，是否能夠留下深刻印象。
2. 對于信息層級關系的處理，頁面中元素的比例分布是否合理。
3. 設計細節的優化，例如分割線的處理、灰色的運用、圖標的形體等，都有提升的空間。
產品的認知與定位。
1. 產品定位
通過用戶調研的反饋，人們對國際版的使用印象主要集中在功能少、無廣告、操作便捷、翻譯功能等。輕量、效率對于他們來說是第一位。而手Q有著更佳豐富的功能以及資源，定位更傾向于娛樂化社交方向，所以兩者產品的定位還是有些差異。
2. 人群定位
國際版主要針對海外市場，它可能是留學海外的文藝青年，時尚領域的潮流達人，也可能是商務業界的白領精英。他們往往對生活品質有著獨特的追求，對新鮮事物也更容易去接受。在開始視覺探索的前提，我們不僅要展現用戶個性化的一面，還要保證用戶使用產品的性。
3. 競品分析
競品對象：Line 、Talk、Snapchat、Whatsapp、Allo、Skype、Messenger、Hangouts
如圖: Line、Talk主要針對日韓地區，無論配色還是設計細節，都能體現產品的親和力。Whatsapp、Allo、Messenger、Hangouts等主要針對西方地區，整體視覺偏向于簡潔硬朗的風格。
因此我們分為兩個維度分析，文化維度和產品維度。文化維度主要體現不同地區人們對產品的視覺喜好。例如Line的品牌深受亞洲人群的喜愛，卻無奈宣布退出西方市場，這也體現出東西方人們對視覺的喜好差異。而產品維度幫助我們了解用戶日常的使用場景，根據場景的需求來定義未來的視覺元素。
從Windows Phone極簡的信息形態，再到Google一張紙片的藝術，整個發展過程無非是對內容本質的重視，利用內容自身的形體去傳遞信息。隨著互聯網時代的成熟，人們不再是單純的獲取信息，舒適的閱讀感，強有力的視覺沖擊，動態設計帶來的驚喜等等，都成為體驗設計的一部分。
我們基于現有的視覺問題、產品定位、人群分析、設計趨勢，可以推斷出我們視覺的大致基調 : 高端 、品質 、輕量，針對人群的不同喜好，我們提出兩套視覺設計方案。
簡介：這套視覺的靈感源于“空氣”，通過對視覺形態的傳達，讓用戶感受到觸碰空氣的質感。
視覺展示：
設計分析:
1. 刺激感官的色彩
迎合設計的潮流趨勢，高飽和的色彩維度，普遍能夠刺激人們的視覺感官，便于人們更快的識別信息。因此我們在原有品牌色的基礎上，進行優化提升，讓色彩看起來更加清爽明快，而不是死板沉悶的辦公軟件。
2. 圓形元素的延展
圓作為這次主題的載體，我們賦予它多樣的視覺形態。無論是登陸頁面的背景圖，還是個人中心的頭圖，通過不同的形式，相同的元素，去傳達“空氣”的理念，讓用戶感受到觸摸空氣的質感。
3. 形體之間的對話
如何利用圖形的形體來表現關聯？我們能否利用形體自身的特性，通過交錯、疊加、分離來傳遞更多的情感關系。本次視覺方案中，避免對話框樣式的出現，取而代之的是傾聽形體之間的對話。
簡介：時尚作為這套視覺風格的核心，張揚個性，特立獨行，激發年輕人的內心色彩。
視覺展示
1. 黑與白的純粹
隨著我們ISUX品牌的升級，色彩化繁為簡，利用的黑與白，傳遞更加豐富的信息。企鵝形象的設定：帝企鵝也稱皇帝企鵝，象征著人們的品質與地位，更符合海外用戶對于品質生活的追求。
2. 圖形藝術氣質的體現
圖標的形體往往能夠映襯出產品的小情調，本次圖標設計的初衷，希望它簡約而又不失華麗，硬朗而又不失情感。在細節的處理上，更注重對層次的把握，邊角的地方也會做一些個性化的處理，讓圖標散發自身的氣質。
3. 雜志的閱讀體驗
合理的版式可以給用戶帶來舒適的閱讀感，例如Medium、YahooNews等，通過嚴謹的信息布局，顯得整個頁面結構更加充實。而時尚版式的設計，例如夸張的文字對比，個性化的定制符號，張揚的切割設計，讓每個頁面有著屬于自己的節奏。
無論是方案A的輕薄淡雅，還是方案B的純粹果斷，他們都有各自鮮明的性格。產品只是一個虛擬框架，需要視覺的幫助，賦予它全新的生命，讓它變得更加充實。而你心目中的國際版會是什么樣子？這兩套視覺方案是否符合你的口味呢？
藍藍設計( m.0391cbd.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務