QQ國(guó)際版主要是針對(duì)國(guó)外用戶打造的一款輕量社交產(chǎn)品揍愁。由于當(dāng)前產(chǎn)品迭代周期相對(duì)較長(zhǎng)，我們對(duì)當(dāng)前視覺(jué)提出一個(gè)疑問(wèn):現(xiàn)有產(chǎn)品的視覺(jué)形態(tài)纸厉，是否符合國(guó)際版的產(chǎn)品調(diào)性∥迳基于這個(gè)問(wèn)題颗品，我們開(kāi)啟這次探索之旅。
項(xiàng)目背景
現(xiàn)有版本問(wèn)題
1.現(xiàn)有的視覺(jué)形象是否符合產(chǎn)品氣質(zhì)沃缘，在用戶使用的過(guò)程中躯枢，是否能夠留下深刻印象。
2.對(duì)于信息層級(jí)關(guān)系的處理孩灯，頁(yè)面中元素的比例分布是否合理闺金。
3.設(shè)計(jì)細(xì)節(jié)的優(yōu)化逾滥，例如分割線的處理峰档、灰色的運(yùn)用、圖標(biāo)的形體等寨昙，都有提升的空間讥巡。
產(chǎn)品的認(rèn)知與定位
1. 產(chǎn)品定位
通過(guò)用戶調(diào)研的反饋，人們對(duì)國(guó)際版的使用印象主要集中在功能少舔哪、無(wú)廣告欢顷、操作便捷、翻譯功能等捉蚤。輕量抬驴、效率對(duì)于他們來(lái)說(shuō)是第一位炼七。而手Q有著更佳豐富的功能以及資源，定位更傾向于娛樂(lè)化社交方向布持，所以兩者產(chǎn)品的定位還是有些差異豌拙。
2. 人群定位
國(guó)際版主要針對(duì)海外市場(chǎng)，它可能是留學(xué)海外的文藝青年题暖，時(shí)尚領(lǐng)域的潮流達(dá)人按傅，也可能是商務(wù)業(yè)界的白領(lǐng)精英。他們往往對(duì)生活品質(zhì)有著獨(dú)特的追求胧卤，對(duì)新鮮事物也更容易去接受唯绍。在開(kāi)始視覺(jué)探索的前提，我們不僅要展現(xiàn)用戶個(gè)性化的一面枝誊，還要保證用戶使用產(chǎn)品的高效性况芒。
3. 競(jìng)品分析
競(jìng)品對(duì)象：Line 、Talk侧啼、Snapchat牛柒、Whatsapp、Allo痊乾、Skype皮壁、Messenger、Hangouts
如圖: Line哪审、Talk主要針對(duì)日韓地區(qū)蛾魄，無(wú)論配色還是設(shè)計(jì)細(xì)節(jié)，都能體現(xiàn)產(chǎn)品的親和力湿滓。Whatsapp滴须、Allo、Messenger叽奥、Hangouts等主要針對(duì)西方地區(qū)扔水，整體視覺(jué)偏向于簡(jiǎn)潔硬朗的風(fēng)格。
因此我們分為兩個(gè)維度分析朝氓，文化維度和產(chǎn)品維度魔市。文化維度主要體現(xiàn)不同地區(qū)人們對(duì)產(chǎn)品的視覺(jué)喜好。例如Line的品牌深受亞洲人群的喜愛(ài)赵哲，卻無(wú)奈宣布退出西方市場(chǎng)待德，這也體現(xiàn)出東西方人們對(duì)視覺(jué)的喜好差異。而產(chǎn)品維度幫助我們了解用戶日常的使用場(chǎng)景枫夺，根據(jù)場(chǎng)景的需求來(lái)定義未來(lái)的視覺(jué)元素斧散。
互聯(lián)網(wǎng)設(shè)計(jì)趨勢(shì)
從Windows Phone極簡(jiǎn)的信息形態(tài)上祈，再到Google一張紙片的藝術(shù)室梅，整個(gè)發(fā)展過(guò)程無(wú)非是對(duì)內(nèi)容本質(zhì)的重視，利用內(nèi)容自身的形體去傳遞信息印蔗。隨著互聯(lián)網(wǎng)時(shí)代的成熟，人們不再是單純的獲取信息丑勤，舒適的閱讀感喻鳄，強(qiáng)有力的視覺(jué)沖擊，動(dòng)態(tài)設(shè)計(jì)帶來(lái)的驚喜等等确封，都成為體驗(yàn)設(shè)計(jì)的一部分除呵。
我們基于現(xiàn)有的視覺(jué)問(wèn)題、產(chǎn)品定位爪喘、人群分析颜曾、設(shè)計(jì)趨勢(shì)，可以推斷出我們視覺(jué)的大致基調(diào) : 高端 秉剑、品質(zhì) 泛豪、輕量，針對(duì)人群的不同喜好侦鹏，我們提出兩套視覺(jué)設(shè)計(jì)方案诡曙。
PLAN A : Free the air
簡(jiǎn)介：這套視覺(jué)的靈感源于“空氣”，通過(guò)對(duì)視覺(jué)形態(tài)的傳達(dá)略水，讓用戶感受到觸碰空氣的質(zhì)感价卤。
視覺(jué)展示：
設(shè)計(jì)分析：
總體把控視覺(jué)風(fēng)格
1. 刺激感官的色彩
迎合設(shè)計(jì)的潮流趨勢(shì)，高飽和的色彩維度渊涝，普遍能夠刺激人們的視覺(jué)感官慎璧，便于人們更快的識(shí)別信息。因此我們?cè)谠衅放粕幕A(chǔ)上跨释，進(jìn)行優(yōu)化提升胸私，讓色彩看起來(lái)更加清爽明快，而不是死板沉悶的辦公軟件鳖谈。
2. 圓形元素的延展
圓作為這次主題的載體岁疼，我們賦予它多樣的視覺(jué)形態(tài)。無(wú)論是登陸頁(yè)面的背景圖缆娃，還是個(gè)人中心的頭圖捷绒，通過(guò)不同的形式，相同的元素龄恋，去傳達(dá)“空氣”的理念疙驾，讓用戶感受到觸摸空氣的質(zhì)感凶伙。
3. 形體之間的對(duì)話
如何利用圖形的形體來(lái)表現(xiàn)關(guān)聯(lián)郭毕？我們能否利用形體自身的特性，通過(guò)交錯(cuò)函荣、疊加显押、分離來(lái)傳遞更多的情感關(guān)系扳肛。本次視覺(jué)方案中，避免對(duì)話框樣式的出現(xiàn)乘碑，取而代之的是傾聽(tīng)形體之間的對(duì)話挖息。
PLAN B : Black & White
簡(jiǎn)介：時(shí)尚作為這套視覺(jué)風(fēng)格的核心，張揚(yáng)個(gè)性兽肤，特立獨(dú)行套腹，激發(fā)年輕人的內(nèi)心色彩。
視覺(jué)展示：
設(shè)計(jì)分析:
1. 黑與白的純粹
隨著我們ISUX品牌的升級(jí)资铡，色彩化繁為簡(jiǎn)电禀，利用的黑與白，傳遞更加豐富的信息笤休。企鵝形象的設(shè)定：帝企鵝也稱皇帝企鵝尖飞，象征著人們的品質(zhì)與地位，更符合海外用戶對(duì)于品質(zhì)生活的追求店雅。
2. 圖形藝術(shù)氣質(zhì)的體現(xiàn)
圖標(biāo)的形體往往能夠映襯出產(chǎn)品的小情調(diào)政基，本次圖標(biāo)設(shè)計(jì)的初衷，希望它簡(jiǎn)約而又不失華麗闹啦，硬朗而又不失情感沮明。在細(xì)節(jié)的處理上，更注重對(duì)層次的把握窍奋，邊角的地方也會(huì)做一些個(gè)性化的處理珊擂，讓圖標(biāo)散發(fā)自身的氣質(zhì)。
3. 雜志的閱讀體驗(yàn)
合理的版式可以給用戶帶來(lái)舒適的閱讀感费变，例如Medium摧扇、YahooNews等，通過(guò)嚴(yán)謹(jǐn)?shù)男畔⒉季种科纾@得整個(gè)頁(yè)面結(jié)構(gòu)更加充實(shí)扛稽。而時(shí)尚版式的設(shè)計(jì)，例如夸張的文字對(duì)比滑负，個(gè)性化的定制符號(hào)在张，張揚(yáng)的切割設(shè)計(jì)，讓每個(gè)頁(yè)面有著屬于自己的節(jié)奏矮慕。
無(wú)論是方案A的輕薄淡雅帮匾，還是方案B的純粹果斷，他們都有各自鮮明的性格痴鳄。產(chǎn)品只是一個(gè)虛擬框架瘟斜，需要視覺(jué)的幫助，賦予它全新的生命，讓它變得更加充實(shí)螺句。而你心目中的國(guó)際版會(huì)是什么樣子虽惭？這兩套視覺(jué)方案是否符合你的口味呢？
找資料不容易蛇尚，請(qǐng)不要吝惜你的一個(gè)贊Ｑ看健！
文章來(lái)源：https://zhuanlan.zhihu.com/p/30086583
