<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 億萬好評的QQ國際版,今年可能會用這兩個新的視覺設計方案

    2017-2-8    周周

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    編者按:QQ 國際版的輕量和簡潔一直備受好評,不過多年未改版的它,今年可能用上兩個新的視覺設計方案。至于改版過程中的思考,騰訊設計師給出了這篇文章。

    作者:騰訊ISUX – 隔壁老賈

    項目背景

    QQ國際版主要是針對國外用戶打造的一款輕量社交產品。由于當前產品迭代周期相對較長,我們對當前視覺提出一個疑問:現有產品的視覺形態,是否符合國際版的產品調性。基于這個問題,我們開啟這次探索之旅。

    現有版本的視覺問題:

    1. 現有的視覺形象是否符合產品氣質,在用戶使用的過程中,是否能夠留下深刻印象。

    2. 對于信息層級關系的處理,頁面中元素的比例分布是否合理。

    3. 設計細節的優化,例如分割線的處理、灰色的運用、圖標的形體等,都有提升的空間。
    產品的認知與定位。

    uisdc-isux-20170205-1

    產品的認知與定位

    1. 產品定位

    通過用戶調研的反饋,人們對國際版的使用印象主要集中在功能少、無廣告、操作便捷、翻譯功能等。輕量、效率對于他們來說是第一位。而手Q有著更佳豐富的功能以及資源,定位更傾向于娛樂化社交方向,所以兩者產品的定位還是有些差異。

    uisdc-isux-20170205-2

    2. 人群定位

    國際版主要針對海外市場,它可能是留學海外的文藝青年,時尚領域的潮流達人,也可能是商務業界的白領精英。他們往往對生活品質有著獨特的追求,對新鮮事物也更容易去接受。在開始視覺探索的前提,我們不僅要展現用戶個性化的一面,還要保證用戶使用產品的性。

    uisdc-isux-20170205-3

    3. 競品分析

    競品對象:Line 、Talk、Snapchat、Whatsapp、Allo、Skype、Messenger、Hangouts

    如圖: Line、Talk主要針對日韓地區,無論配色還是設計細節,都能體現產品的親和力。Whatsapp、Allo、Messenger、Hangouts等主要針對西方地區,整體視覺偏向于簡潔硬朗的風格。

    因此我們分為兩個維度分析,文化維度和產品維度。文化維度主要體現不同地區人們對產品的視覺喜好。例如Line的品牌深受亞洲人群的喜愛,卻無奈宣布退出西方市場,這也體現出東西方人們對視覺的喜好差異。而產品維度幫助我們了解用戶日常的使用場景,根據場景的需求來定義未來的視覺元素。

    互聯網設計趨勢

    從Windows Phone極簡的信息形態,再到Google一張紙片的藝術,整個發展過程無非是對內容本質的重視,利用內容自身的形體去傳遞信息。隨著互聯網時代的成熟,人們不再是單純的獲取信息,舒適的閱讀感,強有力的視覺沖擊,動態設計帶來的驚喜等等,都成為體驗設計的一部分。

    uisdc-isux-20170205-4uisdc-isux-20170205-5uisdc-isux-20170205-6uisdc-isux-20170205-7

    我們基于現有的視覺問題、產品定位、人群分析、設計趨勢,可以推斷出我們視覺的大致基調 : 高端 、品質 、輕量,針對人群的不同喜好,我們提出兩套視覺設計方案。

    PLAN A : Free the air

    簡介:這套視覺的靈感源于“空氣”,通過對視覺形態的傳達,讓用戶感受到觸碰空氣的質感。

    uisdc-isux-20170205-8

    視覺展示:

    uisdc-isux-20170205-9uisdc-isux-20170205-10uisdc-isux-20170205-11

    設計分析:

    uisdc-isux-20170205-12

    1. 刺激感官的色彩

    迎合設計的潮流趨勢,高飽和的色彩維度,普遍能夠刺激人們的視覺感官,便于人們更快的識別信息。因此我們在原有品牌色的基礎上,進行優化提升,讓色彩看起來更加清爽明快,而不是死板沉悶的辦公軟件。

    uisdc-isux-20170205-13

    2. 圓形元素的延展

    圓作為這次主題的載體,我們賦予它多樣的視覺形態。無論是登陸頁面的背景圖,還是個人中心的頭圖,通過不同的形式,相同的元素,去傳達“空氣”的理念,讓用戶感受到觸摸空氣的質感。

    uisdc-isux-20170205-14

    3. 形體之間的對話

    如何利用圖形的形體來表現關聯?我們能否利用形體自身的特性,通過交錯、疊加、分離來傳遞更多的情感關系。本次視覺方案中,避免對話框樣式的出現,取而代之的是傾聽形體之間的對話。

    PLAN B : Black & White

    簡介:時尚作為這套視覺風格的核心,張揚個性,特立獨行,激發年輕人的內心色彩。

    uisdc-isux-20170205-15

    視覺展示

    uisdc-isux-20170205-16uisdc-isux-20170205-17uisdc-isux-20170205-18

    設計分析:

    uisdc-isux-20170205-19

    1. 黑與白的純粹

    隨著我們ISUX品牌的升級,色彩化繁為簡,利用的黑與白,傳遞更加豐富的信息。企鵝形象的設定:帝企鵝也稱皇帝企鵝,象征著人們的品質與地位,更符合海外用戶對于品質生活的追求。

    uisdc-isux-20170205-20

    2. 圖形藝術氣質的體現

    圖標的形體往往能夠映襯出產品的小情調,本次圖標設計的初衷,希望它簡約而又不失華麗,硬朗而又不失情感。在細節的處理上,更注重對層次的把握,邊角的地方也會做一些個性化的處理,讓圖標散發自身的氣質。

    uisdc-isux-20170205-21

    3. 雜志的閱讀體驗

    合理的版式可以給用戶帶來舒適的閱讀感,例如Medium、YahooNews等,通過嚴謹的信息布局,顯得整個頁面結構更加充實。而時尚版式的設計,例如夸張的文字對比,個性化的定制符號,張揚的切割設計,讓每個頁面有著屬于自己的節奏。

    uisdc-isux-20170205-22

    無論是方案A的輕薄淡雅,還是方案B的純粹果斷,他們都有各自鮮明的性格。產品只是一個虛擬框架,需要視覺的幫助,賦予它全新的生命,讓它變得更加充實。而你心目中的國際版會是什么樣子?這兩套視覺方案是否符合你的口味呢?

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

     

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 成人国产精品日本在线观看| 久久亚洲中文字幕精品一区| 精品91自产拍在线观看| 久久精品中文无码资源站| 日韩精品视频在线观看免费| 56prom精品视频在放免费| 97久久精品午夜一区二区| 久久精品国产免费| 久久精品人人做人人妻人人玩| 国产乱码精品一区二区三| www.亚洲精品.com| 人妻精品久久久久中文字幕69| 麻豆精品| 国产精品极品| 亚洲精品高清国产一久久| 精品国产日产一区二区三区| 国产精品日本一区二区在线播放| 亚洲国产精品无码久久一区二区| 蜜臀久久99精品久久久久久| 国产高清在线精品一本大道国产 | 欧美精品整片300页| 成人国内精品久久久久影院VR | 亚洲精品无码AV人在线播放 | 精品乱码久久久久久久| 午夜精品久久久久久久| 亚洲av日韩精品久久久久久a| 一本久久精品一区二区| 亚欧洲精品在线视频免费观看| 久久精品免费网站网| 久久九九久精品国产免费直播| 国内精品99亚洲免费高清| 国产香蕉国产精品偷在线观看| 国产精品一区二区久久精品无码| 国产精品美女免费视频观看| 国产精品午夜国产小视频| 国产在AJ精品| 日韩精品一区二区三区视频| 合区精品中文字幕| 亚洲AV无码精品色午夜果冻不卡 | 精品无码国产污污污免费网站| 日韩精品一区二区三区色欲AV |