我們長(zhǎng)期以來(lái)一直有分享各類改版案例，不管是 B 端設(shè)計(jì)改版、交互改版，還是 C 端的產(chǎn)品改版、視覺(jué)改版。其中改版里面最常見(jiàn)的一條評(píng)論，就是 —— 不如原版。

雖然改后的版本不可能是完美的，我們自己想挑一樣可以找出一大堆問(wèn)題做批判。但是，比原版好這是必然的，因?yàn)槲覀儾恢劣谶B改版對(duì)象處于什么水平都不知道（大多還是學(xué)員作業(yè)），改完只會(huì)更好不會(huì)更差，這是種專業(yè)自信。

而這個(gè)現(xiàn)象是一個(gè)很好的例子，非常適合用來(lái)解釋為什么我們要做設(shè)計(jì)包裝，要提供設(shè)計(jì)思路的解釋和分析流程。

一、設(shè)計(jì)評(píng)審中的阻力

在多數(shù)人的語(yǔ)境里，設(shè)計(jì)是一種視覺(jué)內(nèi)容構(gòu)建的過(guò)程，最終產(chǎn)出二維的平面圖形。而使用這種語(yǔ)境時(shí)，再去看不同的設(shè)計(jì)作品，就自然會(huì)用自己對(duì)視覺(jué)的要求去評(píng)價(jià)。

那個(gè)人的視覺(jué)要求是什么呢？

即個(gè)人對(duì)視覺(jué) "美" 的認(rèn)識(shí)，這就是最沒(méi)辦法解釋、預(yù)測(cè)、統(tǒng)一、量化的主觀因素。因?yàn)槊總€(gè)人對(duì)美的認(rèn)知是不同的，俗稱審美不一樣，比如有的人就覺(jué)得歐式裝修高端大氣，有的人嫌土就喜歡極極簡(jiǎn)侘寂風(fēng)。

這個(gè)能從客觀上評(píng)價(jià)哪個(gè)是更美的嘛？而且他們能說(shuō)服對(duì)方改變并接受自己的審美嗎？都不太可能。

所以在主觀審美上，一直有一句名言 "一千個(gè)讀者，有一千個(gè)哈姆雷特"，而這句話在設(shè)計(jì)領(lǐng)域是長(zhǎng)期被濫用的對(duì)象之一。

因?yàn)橛弥饔^的審美來(lái)評(píng)價(jià)設(shè)計(jì)，尤其是 UI 設(shè)計(jì)，那對(duì) UI 設(shè)計(jì)師來(lái)說(shuō)就是災(zāi)難，因?yàn)橐磺€(gè)觀眾就是有一千種設(shè)計(jì)評(píng)判標(biāo)準(zhǔn)，你怎么確定你正好能滿足他們的審美？尤其是產(chǎn)品、客戶、領(lǐng)導(dǎo)的審美，還要順利過(guò)稿？

在平面設(shè)計(jì)領(lǐng)域，很多視覺(jué)設(shè)計(jì)師會(huì)直面天命（挑戰(zhàn)），用打磨到極致的視覺(jué)作品來(lái)給觀眾帶來(lái)震撼，創(chuàng)造無(wú)論從哪個(gè)角度看起來(lái)視覺(jué)都很優(yōu)秀的作品。

但這種做法在 UI 中能實(shí)現(xiàn)嗎？基本不可能，因?yàn)?UI 設(shè)計(jì)是一種弱視覺(jué)的平面設(shè)計(jì)類型，它要著重去呈現(xiàn)信息，而不能像海報(bào)、廣告、運(yùn)營(yíng)設(shè)計(jì)這樣去追求極致的視覺(jué)效果。

所以在查找 UI 的設(shè)計(jì)案例時(shí)，經(jīng)歷初期的新鮮感以后，就很難再找到讓自己震撼的新設(shè)計(jì)，不管看哪個(gè)平臺(tái)的飛機(jī)稿還是看線上的案例都只會(huì)覺(jué)得 "一片空虛"……

而設(shè)計(jì)師完成設(shè)計(jì)，進(jìn)入評(píng)審或者上線以后，就會(huì)面對(duì)很多人主觀審美的"審判"，而你的設(shè)計(jì)就不可能滿足所有人的喜好。尤其是評(píng)審階段，如果產(chǎn)品、客戶、領(lǐng)導(dǎo)是用審美的角度來(lái)和評(píng)價(jià)你的設(shè)計(jì)，那么想要過(guò)稿是遙遙無(wú)期的，你得一直調(diào)整改出符合他們喜好的風(fēng)格。

主觀的問(wèn)題，就在于沒(méi)有標(biāo)準(zhǔn)，如果設(shè)計(jì)用這種沒(méi)標(biāo)準(zhǔn)的模式去完成，那過(guò)程只有坎坷結(jié)果只有痛苦。這也是很多不專業(yè)團(tuán)隊(duì)和設(shè)計(jì)師面臨的問(wèn)題，要怎么改進(jìn)還是學(xué)習(xí)才能提高過(guò)稿率，提升項(xiàng)目的效率。

這里就要再關(guān)注前面我們提到的關(guān)鍵字 —— 語(yǔ)境。

即看待、評(píng)價(jià)設(shè)計(jì)的角度，如果一個(gè)設(shè)計(jì)稿，不同人關(guān)注的角度不同，那么就沒(méi)辦法形成一致的目標(biāo)和見(jiàn)解。

前面提的語(yǔ)境是基于視覺(jué)好壞的，屬于就算我們圍繞這個(gè)標(biāo)準(zhǔn)也得不到統(tǒng)一的結(jié)果，而評(píng)價(jià)設(shè)計(jì)的語(yǔ)境并不是只有主觀視覺(jué)這一個(gè)角度。

我們換個(gè)場(chǎng)景，不一定是評(píng)審方使用視覺(jué)的評(píng)價(jià)，而是設(shè)計(jì)師使用這種標(biāo)準(zhǔn)但他們沒(méi)有。于是就出現(xiàn)雖然設(shè)計(jì)稿的視覺(jué)讓自己很滿意，但偏偏會(huì)被他們的要求給毀壞，給出各種破壞視覺(jué)的"建議"，最后的成品看起來(lái)慘不忍睹，開(kāi)審美的倒車。

這里的原因往往非常簡(jiǎn)單，就是評(píng)價(jià)設(shè)計(jì)的語(yǔ)境還有別的角度，包括功能、體驗(yàn)、產(chǎn)品、服務(wù)、成本、習(xí)慣等等。當(dāng)他們和你的角度不同，那么不管你怎么去提升視覺(jué)的美觀度，也于事無(wú)補(bǔ)。

雞同鴨講注定無(wú)果，無(wú)關(guān)對(duì)錯(cuò)和審美。

而可惜的是，我們是執(zhí)行者，不同頻的主要后果由我們來(lái)承受……

二、設(shè)計(jì)輸出的方法

要解決這個(gè)問(wèn)題，邏輯非常簡(jiǎn)單，就是 —— 先統(tǒng)一目標(biāo)，再給出方案，逐一解決分歧。

統(tǒng)一目標(biāo) —— 輸出方案 —— 解決分歧

所以為什么要做設(shè)計(jì)的分析，因?yàn)榍捌谖覀兙鸵_定設(shè)計(jì)的方向和思路，尤其是設(shè)計(jì)目標(biāo)的制定，就是要構(gòu)建相同語(yǔ)境的準(zhǔn)備。

當(dāng)然，這個(gè)設(shè)計(jì)目標(biāo)肯定不會(huì)是設(shè)計(jì)師自己定的，而是在前期需求會(huì)議中和相關(guān)人員敲定下來(lái)的。然后，我們才能去展開(kāi)實(shí)踐，并完成后續(xù)的工作。

而進(jìn)入評(píng)審階段，還需要對(duì)項(xiàng)目?jī)?nèi)容進(jìn)行包裝，解釋項(xiàng)目設(shè)計(jì)的意圖。原因就是要重新強(qiáng)調(diào)前期的設(shè)計(jì)目標(biāo)，并將設(shè)計(jì)結(jié)果同原先的目標(biāo)進(jìn)行聯(lián)系起來(lái)，在會(huì)議中把其他人帶入到我們的語(yǔ)境下來(lái)認(rèn)識(shí)設(shè)計(jì)稿，而不是用他們無(wú)法預(yù)測(cè)的標(biāo)準(zhǔn)。

1. 比如改版是增加老年用戶的適配，那么自然文字大、信息視覺(jué)量減少是必然的結(jié)果。
2. 如果想要短期拉動(dòng)營(yíng)收和支付量，增加彈窗、廣告露出就不得不做，體驗(yàn)如何暫時(shí)不重要。
3. 或者因?yàn)樾阅荜P(guān)系要增加操作步驟，交互流程邊長(zhǎng)，用戶操作變繁瑣也沒(méi)辦法。

在這樣的語(yǔ)境下，他們就會(huì)把目標(biāo)聚焦在設(shè)計(jì)前后的聯(lián)系，以及否達(dá)成目標(biāo)成功解決問(wèn)題。即使他們認(rèn)為沒(méi)有，也可以提出更有建設(shè)性的意見(jiàn)，形成有效探討，而不是追著八竿子打不著邊的話題無(wú)窮延展下去。

所以在我們過(guò)去的改版中，都會(huì)在前期做一個(gè)分析，來(lái)明確設(shè)計(jì)的改版目標(biāo)，去建立一個(gè)統(tǒng)一的語(yǔ)境。

比如之前在分享的一篇設(shè)計(jì)規(guī)范的改版中，我們著重強(qiáng)調(diào)了原圖存在的統(tǒng)一性問(wèn)題，下面是原圖：

問(wèn)題包括了：

1. 頂部廣告樣式不統(tǒng)一
2. 標(biāo)題樣式不統(tǒng)一
3. 熱門片場(chǎng)組件樣式突兀
4. 漸變應(yīng)用多沒(méi)有統(tǒng)一性
5. 熱門城市卡片大圓角不統(tǒng)一
6. 相關(guān)信息文本字體字號(hào)過(guò)多

這些不統(tǒng)一為什么是問(wèn)題？

因?yàn)椴唤y(tǒng)一證明頁(yè)面的設(shè)計(jì)過(guò)程中是根據(jù)感覺(jué)發(fā)揮的，沒(méi)有遵循設(shè)計(jì)規(guī)范完成，這些細(xì)節(jié)也很難建立專業(yè)的規(guī)范出來(lái)。而這只是前三個(gè)頁(yè)面，當(dāng)前三個(gè)頁(yè)面設(shè)計(jì)細(xì)節(jié)已經(jīng)呈現(xiàn)很大的分歧時(shí)，越往后的設(shè)計(jì)會(huì)越割裂，越放飛自我，當(dāng)它以一個(gè)整體進(jìn)行展示時(shí)，就不會(huì)提供優(yōu)秀的體驗(yàn)，或者讓觀看者覺(jué)得專業(yè)的成套項(xiàng)目。

而建立規(guī)范，勢(shì)必是要弱化一些突兀的設(shè)計(jì)元素。雖然部分設(shè)計(jì)的個(gè)性化特征可以增加該頁(yè)面的設(shè)計(jì)感，或者風(fēng)格化，但當(dāng)它們成為特例破壞整體性時(shí)，必然要在這里被優(yōu)化掉。

因?yàn)槲覀冊(cè)O(shè)計(jì)的目標(biāo)就是建立統(tǒng)一性，創(chuàng)建設(shè)計(jì)規(guī)范并能落地，那在這個(gè)目標(biāo)的語(yǔ)境下：統(tǒng)一性 > 個(gè)性化。

如果沒(méi)進(jìn)入這個(gè)語(yǔ)境，或壓根沒(méi)看原因，那么就會(huì)出現(xiàn)像下面這樣讓我看了都要沉默的回復(fù)：

既然我前面定義過(guò)統(tǒng)一性的重要性大于風(fēng)格化，目標(biāo)也是圍繞統(tǒng)一，那講差異化是重點(diǎn)嗎？

所以評(píng)審階段的設(shè)計(jì)分享思路分享，就是有一個(gè)面對(duì)面的機(jī)會(huì)讓評(píng)審人員聽(tīng)到我們的解釋，進(jìn)入到我們的節(jié)奏里來(lái)，而不是任由他們提出我們沒(méi)辦法給出解決方案、或一開(kāi)始就舍棄掉的想法。

因?yàn)檎鎸?shí)的項(xiàng)目實(shí)踐過(guò)程還是種決策過(guò)程，用于決策取舍的范圍，很難做到既要、又要、還要、且要，所以不認(rèn)可設(shè)計(jì)的主要矛盾，是集中在前期對(duì)取舍范圍上的不一致。

評(píng)審可以現(xiàn)場(chǎng)做出解釋，而作品集項(xiàng)目就沒(méi)有這個(gè)條件，但項(xiàng)目依舊要遵循這種原則，如果沒(méi)有建立語(yǔ)境，只是展示設(shè)計(jì)（不是說(shuō)做得夠好沒(méi)用），那么就沒(méi)辦法被正確理解，對(duì)方可能還會(huì)揪住那些本來(lái)就要被你舍棄掉的部分。

所以，在作品集的項(xiàng)目展示中，寫分析和內(nèi)容就是為了解決這個(gè)問(wèn)題，而一個(gè)基本的項(xiàng)目展示框架就可以用下面這樣的流程：

即設(shè)計(jì)一個(gè)項(xiàng)目，它的有哪些要求，具體的問(wèn)題是什么，想要解決這個(gè)問(wèn)題需要做哪些事（目標(biāo)），然后你怎么實(shí)踐的（過(guò)程），最后展示解決的方案結(jié)果（界面和說(shuō)明）。

而單純堆積文字、理論、模型的做法是回答不了這些問(wèn)題的，也建立不出有效的語(yǔ)境和邏輯，沒(méi)有任何意義。

所以很多人的方向從一開(kāi)始就錯(cuò)了，他即沒(méi)辦法在項(xiàng)目評(píng)審中建立優(yōu)勢(shì)，也不能在作品集中提供說(shuō)服力，那么做設(shè)計(jì)剩下的只有痛苦……

結(jié)尾

現(xiàn)在 UI 設(shè)計(jì)師尤其是 UI 大廠設(shè)計(jì)師，越來(lái)越不分享作品和項(xiàng)目復(fù)盤也和這個(gè)有關(guān)系，前置條件太多，解釋起來(lái)很多人也不看，不解釋很多上線項(xiàng)目的設(shè)計(jì)完全站不住腳，沒(méi)有發(fā)出來(lái)交流的意義。如果理解不了，你們也可以自己多發(fā)產(chǎn)出的內(nèi)容，自己感受一下……

改版系列后面還會(huì)分享，而它可以提供給你們正反兩個(gè)借鑒的部分，正面就是改版本身明確問(wèn)題，解決問(wèn)題的思路和過(guò)程（視覺(jué)結(jié)果通常不是重點(diǎn)），你要順著這個(gè)角度去思考才能有收獲。

另一個(gè)反面，就是不管原版做成什么樣，改成什么樣，都會(huì)有很多人覺(jué)得不如原版，面對(duì)這種無(wú)解的場(chǎng)景還你應(yīng)該怎么解決，降低這種矛盾。

最近優(yōu)先更新 Figma 的新課，就分享到這里。

作者：超人的電話亭