產(chǎn)品就好比是一個(gè)人，要有自己的氣質(zhì)和特點(diǎn)，這一點(diǎn)非常重要。依靠的是什么？品味。而品味體現(xiàn)在一個(gè)產(chǎn)品的方方面面，不僅僅是界面，logo，網(wǎng)站，也包括廣告、視頻甚至產(chǎn)品理念等方方面面。

我們說(shuō)蘋果的東西很蘋果，微軟的東西很微軟，那么什么是蘋果的東西，這個(gè)就是它的氣質(zhì)，也是它的設(shè)計(jì)語(yǔ)言。其公司的氣質(zhì)和產(chǎn)品的氣質(zhì)也是一致的。

視覺設(shè)計(jì)涉及到新產(chǎn)品中的每一個(gè)界面，要做的就是把它們之間的關(guān)系處理好， 我們可以稱之為排版設(shè)計(jì)。比方說(shuō)，我們經(jīng)?？磮?bào)紙，報(bào)紙的設(shè)計(jì)就是排版設(shè)計(jì)，每個(gè)版面上有大小尺寸的標(biāo)題，以此讓讀者理解哪條新聞最重要哪條次要，哪條是編輯最希望吸引讀者注意的。

視覺設(shè)計(jì)師在設(shè)備上設(shè)計(jì)遵循著相同的道理，比如手機(jī)，現(xiàn)在的手機(jī)已經(jīng)成為一個(gè)五花八門信息的載體，我們要做的工作就是梳理信息，重新組織它們，用一個(gè)簡(jiǎn)潔的，有組織有條理的方式展現(xiàn)在用戶面前。并且視覺設(shè)計(jì)也要考慮到實(shí)用性，報(bào)紙上單純的閱讀體驗(yàn)與電子設(shè)備上可點(diǎn)擊的操作體驗(yàn)不同，滿足兩者的視覺設(shè)計(jì)一定也是不同的。

從另一個(gè)層面來(lái)說(shuō)，也就是視覺設(shè)計(jì)的最終目標(biāo)，賦予產(chǎn)品氣質(zhì)。什么是氣質(zhì)？如果我們夸獎(jiǎng)一個(gè)人有氣質(zhì)，是對(duì)他身上洋溢出的個(gè)性風(fēng)格的贊賞，并且更是在夸獎(jiǎng)這個(gè)人擁有一個(gè)與他的外表一樣美好的內(nèi)涵。那什么是產(chǎn)品的氣質(zhì)？同樣的道理，這個(gè)產(chǎn)品傳達(dá)了一種個(gè)性，或宣揚(yáng)了一種理念，而且與它的設(shè)計(jì)語(yǔ)言交相呼應(yīng)，協(xié)調(diào)統(tǒng)一。最顯而易見的例子，蘋果或微軟，只要一眼就能認(rèn)出是它的產(chǎn)品，因?yàn)橐曈X與產(chǎn)品的性格精神是相一致的。設(shè)計(jì)一個(gè)界面其實(shí)并不只是做一個(gè)界面，而是需要考慮到它 的品牌，風(fēng)格，和其它產(chǎn)品線的統(tǒng)一，等等。

1、什么是視覺設(shè)計(jì)

視覺設(shè)計(jì)不應(yīng)該只是簡(jiǎn)單的視覺加工，而是對(duì)設(shè)計(jì)目的理解的前提下對(duì)信息綜合再加工的過(guò)程。這個(gè)過(guò)程包括了信息收集、分析、消化、重組、升華，最后才到具體形式的表現(xiàn)。

2、視覺設(shè)計(jì)流程

科學(xué)的設(shè)計(jì)流程和方法能夠從品牌價(jià)值出發(fā)，嘗試各種可能性的同時(shí)，找出最符合品牌氣質(zhì)的視覺元素并保持它們之間的一致性。也能夠大大避免最終產(chǎn)出與項(xiàng)目起始定義因不同因素而產(chǎn)生的落差。

沉浸——充分理解需求（產(chǎn)品功能邏輯、概念模型、交互方式等）與限制是設(shè)計(jì)的前提，良好的溝通是推進(jìn)項(xiàng)目的利器。

定義——了解不同終端的設(shè)計(jì)差異性。學(xué)會(huì)做競(jìng)品分析，明確產(chǎn)品面向的年齡層次及想表達(dá)的用戶情感。

探索（發(fā)散）

建立關(guān)鍵詞 - 我們從產(chǎn)品和自己的觀察，還有頭腦風(fēng)暴的過(guò)程中得到的關(guān)鍵詞都非常的珍貴，它們是一份視覺設(shè)計(jì)的種子，沒有他們我們會(huì)變得沒有任何想法。關(guān)鍵詞之間的“社交”帶來(lái)更多的創(chuàng)造力。

大量收集 - 可以通過(guò)之前的聯(lián)想與討論，得到的一些關(guān)鍵詞來(lái)幫助收集素材，收集也是需要注意一些技巧的。請(qǐng)注意以下常見的：顏色、形狀、質(zhì)感、隱喻。衡量什么圖片是有用的什么是無(wú)用的，就是我們之前總結(jié)的眾多關(guān)鍵詞。

提取關(guān)鍵元素 - 如何開始一份視覺設(shè)計(jì)，我們要從所收集的inspiration提取出貫穿整套視覺風(fēng)格的關(guān)鍵元素。當(dāng)選擇任何一點(diǎn)開始進(jìn)行設(shè)計(jì)時(shí)，其余的關(guān)鍵詞都與你連接在一起。顏色、形狀、重點(diǎn)信息、硬件、隱喻、標(biāo)準(zhǔn)化、科技、功能特性。注意他們的關(guān)聯(lián)性！

情緒板 - 設(shè)計(jì)情緒板是在出產(chǎn)品原型之前的重要階段，它能快速驗(yàn)證視覺風(fēng)格與設(shè)計(jì)目標(biāo)之間的匹配程度。同時(shí)能夠確保項(xiàng)目成員對(duì)該風(fēng)格的認(rèn)知程度處在統(tǒng)一水平線上。一個(gè)項(xiàng)目也可能會(huì)有多個(gè)情緒板。

聚焦——從探索到聚焦是個(gè)循環(huán)的過(guò)程，在開始具體設(shè)計(jì)階段之前要確定風(fēng)格方向，與產(chǎn)品及項(xiàng)目成員達(dá)成共識(shí)。反之，則以此往復(fù)again，again and again…

控件設(shè)計(jì)——控件是一切產(chǎn)品設(shè)計(jì)的根本，了解控件的使用方式及不同交互方式是每個(gè)設(shè)計(jì)師必修的課程。而有了之前的“鋪墊”，現(xiàn)在要做的就是從控件開始把確定后的風(fēng)格push下去。這個(gè)階段也可能會(huì)繼續(xù)again...

迭代找到最佳——把控件應(yīng)用到具體界面是有g(shù)ap的，這里要考慮的因素就不只是視覺風(fēng)格的問(wèn)題。有Interaction，Usability，Information，F(xiàn)rist time experience 等一系列的因素要綜合去考慮，可能還會(huì)有一些商業(yè)因素和技術(shù)實(shí)現(xiàn)的問(wèn)題。這里我們要做的就是保持耐心依舊again...

當(dāng)完成key screen之后就是開始“標(biāo)準(zhǔn)化”的過(guò)程，但“標(biāo)準(zhǔn)化”不意味著生搬硬套。將貫穿性元素impact到每個(gè)界面的同時(shí)還要繼續(xù)嘗試一些具體表現(xiàn)的可能性，使之產(chǎn)生更“自然”的化學(xué)反應(yīng)。

優(yōu)秀的視覺設(shè)計(jì)依靠的不單單是視覺表現(xiàn)的能力，其中的key point在于是否站在用戶的角度用系統(tǒng)性的思維來(lái)詮釋品牌、藝術(shù)及產(chǎn)品之間的平衡。

3、由設(shè)計(jì)隱喻驅(qū)動(dòng)表現(xiàn)形式

產(chǎn)品迭代就好比一盆精美的花藝，插花師嘗試豐富鮮花組合的同時(shí)不斷剪去那些冗余的細(xì)節(jié)，使鮮花最精華部分得到更充分生長(zhǎng)與展現(xiàn)。設(shè)計(jì)也同樣如此，而其中設(shè)計(jì)隱喻個(gè)人認(rèn)為是建立整體設(shè)計(jì)基因的基石。

本文作者：朱贊 Praise Zhu （點(diǎn)融黑幫），曾任職于eico，唐碩用戶體驗(yàn)咨詢等國(guó)內(nèi)知名體驗(yàn)設(shè)計(jì)公司，服務(wù)包括Nokia，Microsoft，Lenovo，Samsung，E人E本，通用汽車等國(guó)內(nèi)外客戶。在移動(dòng)設(shè)備、智能家居領(lǐng)域有豐富設(shè)計(jì)經(jīng)驗(yàn)。