大概在一年前，我遭遇了設(shè)計(jì)生涯中最重要的一個(gè)挑戰(zhàn)，當(dāng)時(shí)我需要為Facebook的商業(yè)產(chǎn)品設(shè)計(jì)一個(gè)具有凝聚力的視覺系統(tǒng)，它將應(yīng)用在給全世界成千上萬的企業(yè)用戶所用的企業(yè)服務(wù)當(dāng)中。

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的定南網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

雖然Facebook 下面的每個(gè)工具都能很好地工作，履行職責(zé)，擁有符合預(yù)期的工那阿閣，但是它們并不具備令人滿意的整體體驗(yàn)，也難以給予那些期待成長(zhǎng)的企業(yè)以信心。從一個(gè)產(chǎn)品到另外一個(gè)產(chǎn)品，UI模式、色彩、圖標(biāo)、甚至字體樣式都不一樣，整體的體驗(yàn)就顯得頗為過時(shí)了，同F(xiàn)acebook 用戶如今的日常個(gè)人生活也顯得比較脫節(jié)。

所以，我們希望制作出擁有一致且滿意用戶體驗(yàn)的產(chǎn)品，讓Facebook 真正服務(wù)與商業(yè)用戶，也產(chǎn)生足夠的情感關(guān)聯(lián)。我還希望通過這些他們所使用、依賴的工具，來展示我們對(duì)于這些業(yè)務(wù)的承諾。

一個(gè)系統(tǒng)，多重體驗(yàn)

雖然我知道這個(gè)項(xiàng)目將會(huì)是一個(gè)團(tuán)隊(duì)項(xiàng)目，但是真正開始的時(shí)候，我依然被嚇到了。截至目前，我曾為模擬人生設(shè)計(jì)過UI，為 SFMOMA創(chuàng)建過泛用型的風(fēng)格指南，但是這些項(xiàng)目大多都是面對(duì)單一用戶或者是單一產(chǎn)品?？墒窍朐谖乙鎸?duì)的，是一項(xiàng)橫跨多類型用戶群體、囊括了數(shù)百萬小企業(yè)、大品牌和代理機(jī)構(gòu)、涵蓋不同廣告工具、迎合多樣營銷需求的一個(gè)視覺系統(tǒng)，這甚至和我們?nèi)粘Ｋ鎸?duì)的各種極端挑戰(zhàn)還來的復(fù)雜。簡(jiǎn)單的說，我們所需要設(shè)計(jì)的產(chǎn)品，需要匹配上體驗(yàn)完全不同的多個(gè)產(chǎn)品，統(tǒng)一 150 位設(shè)計(jì)師的設(shè)計(jì)，協(xié)力完成。

我不知道最終這個(gè)設(shè)計(jì)系統(tǒng)會(huì)是什么樣子，但是我清楚它一定不能太精確，不能限制得過死。它需要是可擴(kuò)展的，靈活的，并且擁有優(yōu)秀的成長(zhǎng)性和可進(jìn)化性。在真正開始視覺設(shè)計(jì)之前，我希望知道我們對(duì)于產(chǎn)品和用戶之間的交互有怎么樣的預(yù)期。我們想到了一系列不同的語匯來對(duì)其進(jìn)行描述，比如人性化、專業(yè)、值得信賴、友善等。

與利益相關(guān)方保持一致

接下來，我將所有Facebook 旗下的商業(yè)產(chǎn)品、消費(fèi)者側(cè)寫以及色彩進(jìn)行了基本的審核。隨后，我將整體體驗(yàn)和視覺上的脫節(jié)之處，展現(xiàn)給了相關(guān)的所有團(tuán)隊(duì)。之后，我們針對(duì)不同的團(tuán)隊(duì)展開了研討會(huì)，并且通過投票和貼紙?zhí)顚懸庖姷姆绞?，快速地統(tǒng)一并協(xié)調(diào)出了我們共同認(rèn)為的成功的設(shè)計(jì)。

當(dāng)我們?cè)诖蠓较蛏线_(dá)成一致的時(shí)候，我們基本上就敲定了我們所要的風(fēng)格——“抽象幾何風(fēng)格”，并且之后我們?cè)诖嘶A(chǔ)上進(jìn)行了多輪修改?，F(xiàn)在我們有了一個(gè)明確的方向，但是我們?nèi)匀恍枰獙ふ乙粭l通用的方法來將它應(yīng)用到不同的產(chǎn)品，重塑整體的體驗(yàn)。

有效的整合

接下來我將這個(gè)系統(tǒng)當(dāng)作一個(gè)整體來審視。我試著重新訪問重塑之后的每一個(gè)部分，我發(fā)現(xiàn)整個(gè)體驗(yàn)已經(jīng)被協(xié)調(diào)到比較一致的程度，接下來只需要針對(duì)特定的用戶和產(chǎn)品進(jìn)行微調(diào)即可。

舉個(gè)例子，我們希望 Power Editor 是一個(gè)主要由廣告代理商和專業(yè)人事使用的廣告界面工具，所以它的界面應(yīng)該被設(shè)計(jì)的更為先進(jìn)、進(jìn)階，同時(shí)，主要面向中小型企業(yè)的Pages 則需要做的更加簡(jiǎn)單、平易近人。

在色彩上也是一樣。一部分訪客可能需要的是值得信賴和沉靜的界面，有的則向看到感覺友好的控件。所以，我研究過整個(gè)色彩系統(tǒng)之后，嘗試將它映射到Facebook 真?zhèn)€業(yè)務(wù)體系中。我將各個(gè)項(xiàng)目的用戶需求維度和相應(yīng)的配色匹配起來，這使得我們可以一致和系統(tǒng)地針對(duì)所有客戶進(jìn)行有規(guī)律的調(diào)整。不過這個(gè)事情并不那么容易。

開發(fā)一套能夠覆蓋所有的客戶也用戶的配色系統(tǒng)，并且還要保持其中一些部分的個(gè)性和特色，這無疑是一項(xiàng)巨大的挑戰(zhàn)。為了滿足這些條件，多個(gè)團(tuán)隊(duì)之間進(jìn)行了大量的協(xié)作。

分享標(biāo)題：大型的視覺設(shè)計(jì)系統(tǒng)都是怎么設(shè)計(jì)出來的？
網(wǎng)站地址：http://weahome.cn/article/cggjpg.html