大多(duo)數設計(ji)師在實際(ji)工作中，經(jing)常會(hui)碰(peng)到設計(ji)稿改(gai)來改(gai)去，改(gai)得焦頭(tou)爛(lan)額，甚至懷(huai)疑(yi)(yi)自己(ji)的設計(ji)水(shui)平，這是為什么呢？又(you)有什么解(jie)決的方法？這篇文章為你(ni)答疑(yi)(yi)解(jie)惑。

「設計(ji)」這(zhe)一(yi)門(men)工種，似乎是(shi)永(yong)遠避免不(bu)(bu)了(le)「改(gai)(gai)稿」這(zhe)一(yi)環節(jie)的(de)，即便是(shi)非常頂尖(jian)的(de)設計(ji)師(shi)，不(bu)(bu)為甲方(fang)不(bu)(bu)為外部原因所(suo)妥協，也(ye)會(hui)在自我實(shi)踐(jian)中尋求(qiu)改(gai)(gai)變(bian)。但是(shi)，「改(gai)(gai)設計(ji)」也(ye)未必是(shi)越改(gai)(gai)越好，如(ru)果溝通不(bu)(bu)當(dang)，也(ye)會(hui)存在越改(gai)(gai)越糟的(de)結果。所(suo)以(yi)，作(zuo)為設計(ji)師(shi)，一(yi)方(fang)面我們要吸取不(bu)(bu)同的(de)意見，另一(yi)方(fang)面也(ye)要全(quan)面提升自己的(de)知識架(jia)構、堅守自己的(de)原則。

接下(xia)來(lai)以「UI設計」為例，剖析我們日常(chang)工作中(zhong)「改了又改」的(de)(de)問題。在(zai)實際工作中(zhong)，UI設計師通常(chang)會(hui)面臨(lin)來(lai)自老板、產品、運營、開發(fa)等各方人員(yuan)的(de)(de)意見，也常(chang)常(chang)會(hui)因為字體的(de)(de)粗細、間距的(de)(de)大小、顏色的(de)(de)選擇(ze)等等問題各執一(yi)詞、爭(zheng)論不休，就像下(xia)圖一(yi)樣：

為什(shen)么(me)會(hui)這樣呢(ni)？其實，在UI設計(ji)中，頻(pin)繁(fan)改稿主(zhu)要存在三種情(qing)況：

第一種：在與產品(pin)經理需求對接的時候溝通不到位(wei)導致理解有偏(pian)差，產生方向性錯誤，這是信息傳遞的問(wen)題；

第(di)二種：設計(ji)師經驗不(bu)足、設計(ji)能力(li)有限導(dao)致產品經理(li)的(de)需求得不(bu)到最佳程(cheng)度的(de)實(shi)現，這是UI設計(ji)師本身的(de)問題；

第三種：UI都(dou)已經(jing)做(zuo)到一半或者(zhe)已經(jing)輸出了，產(chan)品需求又變動了，這是產(chan)品經(jing)理或老板(ban)的需求不確定的問題。

針對以(yi)上問題，在實(shi)際項(xiang)目中怎樣避免陷(xian)入頻繁改(gai)稿(gao)的(de)死循環，從而提高(gao)工作(zuo)效率、推動(dong)項(xiang)目進展，提升自己作(zuo)為設(she)計師(shi)的(de)成就感呢(ni)？

認清工作流，保持全方位的溝通

首(shou)先我們來了解一下UI設(she)(she)(she)計的工作(zuo)流，只有清楚(chu)自己(ji)崗位的流程，才能更好(hao)地拿捏(nie)設(she)(she)(she)計。每個(ge)公(gong)司的類型和規模可能都不太一樣，但基本一致(zhi)，無(wu)非就是5個(ge)階段：需求 – 設(she)(she)(she)計 – 開發 – 測(ce)試 – 上線。如(ru)果按(an)職位劃分就是：產品經理 – 交互設(she)(she)(she)計師 – UI設(she)(she)(she)計師 – 前后端開發工程師 – 測(ce)試人員 – 產品上線。

所以我們UI設計師是處于流水(shui)線中(zhong)(zhong)游的狀態，向(xiang)上對接產品，向(xiang)下(xia)對接開發。在這個流程中(zhong)(zhong)，要做到(dao)減少設計修改的頻率：

向上要明確產品經理(li)的需求(qiu)，將原(yuan)型需求(qiu)準確恰當的視覺化(hua)；

向下要考慮(lv)開(kai)發實(shi)(shi)現(xian)(xian)以及時間(jian)成本，因(yin)為(wei)如果一個設計做的非常絢麗(li)，但是開(kai)發實(shi)(shi)現(xian)(xian)不(bu)出來或者很(hen)難(nan)實(shi)(shi)現(xian)(xian)或者實(shi)(shi)現(xian)(xian)的時間(jian)成本很(hen)大，那么(me)肯(ken)定需要對設計方案(an)(an)做出調整，采納折(zhe)中方案(an)(an)。

所以，不(bu)想讓自己的(de)設計改(gai)了又改(gai)，那么一(yi)(yi)定要全方(fang)位(wei)的(de)多溝(gou)通，一(yi)(yi)定不(bu)要「閉(bi)門造(zao)車(che)」。

確定需求，吃(chi)透交互原(yuan)型(xing)

UI設(she)計(ji)師接到產品原(yuan)型(xing)后(hou)，一(yi)定要弄清這幾點，再(zai)開始設(she)計(ji)：

1. 原型是否確定，會(hui)不會(hui)存(cun)在變(bian)動？

我們(men)在(zai)接收到(dao)產品經(jing)理(li)遞交過來(lai)的(de)(de)交互原(yuan)型(xing)(xing)稿(gao)之(zhi)后(hou)，先(xian)和(he)對(dui)方確定收到(dao)的(de)(de)需(xu)(xu)求(qiu)是否完(wan)整，是否是最(zui)終稿(gao)件以及是否會存(cun)在(zai)變(bian)動(dong)。一(yi)(yi)般(ban)來(lai)講，在(zai)大(da)型(xing)(xing)企業(ye)里面流程(cheng)都比較規范，產品經(jing)理(li)輸出最(zui)終原(yuan)型(xing)(xing)之(zhi)后(hou)，后(hou)期變(bian)動(dong)的(de)(de)可(ke)能(neng)(neng)性(xing)較低。但在(zai)中小型(xing)(xing)企業(ye)，通常因(yin)為項目時間緊張(zhang)，流程(cheng)不夠完(wan)善，反復的(de)(de)可(ke)能(neng)(neng)性(xing)較多(duo)。一(yi)(yi)些(xie)大(da)型(xing)(xing)需(xu)(xu)求(qiu)，產品經(jing)理(li)有可(ke)能(neng)(neng)會分模塊、一(yi)(yi)部(bu)分一(yi)(yi)小點的(de)(de)流轉到(dao)UI設(she)計，這樣(yang)存(cun)在(zai)的(de)(de)問題(ti)隱患比較多(duo)，因(yin)為經(jing)驗較少的(de)(de)產品經(jing)理(li)全局概念較差，雖(sui)然口頭上說這一(yi)(yi)部(bu)分的(de)(de)需(xu)(xu)求(qiu)已(yi)經(jing)完(wan)善了(le)，實(shi)際上當所(suo)有需(xu)(xu)求(qiu)匯(hui)總(zong)之(zhi)后(hou)極有可(ke)能(neng)(neng)需(xu)(xu)要(yao)再(zai)次(ci)調整。所(suo)以作為UI設(she)計師，我們(men)盡可(ke)能(neng)(neng)不要(yao)去(qu)接局部(bu)輸出的(de)(de)原(yuan)型(xing)(xing)，需(xu)(xu)要(yao)再(zai)次(ci)確認(ren)無誤后(hou)，我們(men)再(zai)著手設(she)計，這樣(yang)就避免了(le)原(yuan)型(xing)(xing)需(xu)(xu)求(qiu)的(de)(de)變(bian)動(dong)造成設(she)計的(de)(de)變(bian)動(dong)。

還(huan)(huan)有一點(dian)，在(zai)(zai)產(chan)品(pin)經理給到交(jiao)互原(yuan)型時，我(wo)們是被動(dong)的(de)(de)接受，還(huan)(huan)是在(zai)(zai)需求溝(gou)通(tong)(tong)之中也能及(ji)時參與呢？最好在(zai)(zai)產(chan)品(pin)需求的(de)(de)評審(shen)階段，對(dui)應的(de)(de)UI設計師可以積極參與討(tao)論，一起(qi)溝(gou)通(tong)(tong)。一來(lai)可以熟悉產(chan)品(pin)思考的(de)(de)整個過程，二來(lai)可以在(zai)(zai)原(yuan)型的(de)(de)溝(gou)通(tong)(tong)中站(zhan)在(zai)(zai)設計的(de)(de)角度(du)及(ji)時發現(xian)問題(ti)，提出(chu)建(jian)議，避免在(zai)(zai)原(yuan)型定稿后(hou)再去修改的(de)(de)尷尬。

? 2. 項目(mu)的時間周期

在接到產(chan)品的(de)(de)(de)原(yuan)型后，一定要及時(shi)(shi)確(que)認(ren)項目(mu)的(de)(de)(de)時(shi)(shi)間(jian)(jian)(jian)(jian)周(zhou)期(qi)，通常產(chan)品經理(li)會(hui)主動告知項目(mu)的(de)(de)(de)周(zhou)期(qi)，詢問(wen)UI設(she)計(ji)完成(cheng)時(shi)(shi)間(jian)(jian)(jian)(jian)，我(wo)們根(gen)據需(xu)求的(de)(de)(de)復(fu)雜程度(du)給出(chu)UI輸(shu)出(chu)的(de)(de)(de)預(yu)計(ji)時(shi)(shi)間(jian)(jian)(jian)(jian)，再根(gen)據這個時(shi)(shi)間(jian)(jian)(jian)(jian)節點來劃分每一天完成(cheng)的(de)(de)(de)工作(zuo)量。如果產(chan)品經理(li)給的(de)(de)(de)時(shi)(shi)間(jian)(jian)(jian)(jian)周(zhou)期(qi)比較短，那(nei)么盡可能的(de)(de)(de)闡述原(yuan)因申請設(she)計(ji)時(shi)(shi)間(jian)(jian)(jian)(jian)。如果時(shi)(shi)間(jian)(jian)(jian)(jian)過于(yu)倉促的(de)(de)(de)話，設(she)計(ji)思考的(de)(de)(de)時(shi)(shi)間(jian)(jian)(jian)(jian)就少，考慮的(de)(de)(de)問(wen)題很(hen)(hen)難(nan)全面(mian)，不利于(yu)界面(mian)效(xiao)果的(de)(de)(de)最佳呈現，導(dao)致后續改稿的(de)(de)(de)可能性也很(hen)(hen)大。

3. 理清(qing)設(she)計意(yi)圖，處(chu)理好信(xin)息(xi)層級

接到產品(pin)原型，一定要理清設計意圖，處理好信息層級。

當產(chan)品經理遞交給我們確定的(de)需(xu)求(qiu)原型之后，切(qie)莫(mo)盲目開始設(she)(she)計(ji)(ji)，UI設(she)(she)計(ji)(ji)并不(bu)是把原型框架進行簡(jian)單的(de)排列，我們需(xu)要(yao)理清設(she)(she)計(ji)(ji)意圖，熟悉功能(neng)架構、掌(zhang)握交互邏輯，明白產(chan)品經理想要(yao)解(jie)決(jue)什么問題(ti)，達到(dao)什么程度以(yi)及(ji)具體的(de)設(she)(she)計(ji)(ji)方向。

信(xin)息層級(ji)這個問題，好像我們在實際工作中經常(chang)會提起，但(dan)是(shi)要(yao)(yao)做到恰如其分的(de)(de)(de)標準(zhun)還是(shi)有點難度的(de)(de)(de)。準(zhun)確把握(wo)界(jie)面的(de)(de)(de)信(xin)息層級(ji)還需要(yao)(yao)跟產(chan)品(pin)經理多(duo)方面的(de)(de)(de)溝通，因為有些時候我們以(yi)為的(de)(de)(de)，并不是(shi)產(chan)品(pin)想要(yao)(yao)的(de)(de)(de)，所以(yi)一定要(yao)(yao)多(duo)次(ci)確認，才能精準(zhun)把握(wo)。

△ 上(shang)圖左側是lofter首頁列表，右側是我統一梳理層級關系之后的效果

改動的重點：

將配圖采用四周留白的卡片式布局，讓界面(mian)更(geng)通透，增強(qiang)呼吸(xi)感，視(shi)覺焦點更(geng)為集中；

優(you)化標題與標簽話題的展現形式，通過文字(zi)大小及字(zi)色深淺拉開主題文字(zi)與話題標簽的層級關系；

將熱度(du)與喜歡(huan)、評論、轉發的實時(shi)數量跟隨圖標后面，增加用戶參與的積極性(xing)。

多個設計(ji)稿比(bi)較，讓每一處設計(ji)有(you)理有(you)據

在(zai)實際設(she)(she)(she)計過程中，當(dang)碰到一(yi)個設(she)(she)(she)計模塊拿捏不(bu)準(zhun)的(de)(de)時候，可以在(zai) sketch 或者 ps 中建(jian)立多(duo)(duo)個畫板，將幾(ji)種不(bu)同的(de)(de)設(she)(she)(she)計方(fang)案平鋪(pu)展開，進(jin)行(xing)視覺(jue)對比分析。如果自己(ji)拿不(bu)準(zhun)，可以叫組員或者其他部門(men)的(de)(de)「小(xiao)(xiao)白(bai)」來(lai)進(jin)行(xing)選擇投票或者提(ti)出(chu)改善性建(jian)議。不(bu)要(yao)(yao)小(xiao)(xiao)看「小(xiao)(xiao)白(bai)」，不(bu)要(yao)(yao)覺(jue)得他們(men)不(bu)懂(dong)設(she)(she)(she)計，提(ti)的(de)(de)建(jian)議對設(she)(she)(she)計無(wu)用(yong)。其實不(bu)然，我(wo)們(men)的(de)(de)設(she)(she)(she)計最終目的(de)(de)是給(gei)人用(yong)的(de)(de)，而且要(yao)(yao)好用(yong)，所以一(yi)定要(yao)(yao)多(duo)(duo)結合小(xiao)(xiao)白(bai)用(yong)戶的(de)(de)多(duo)(duo)方(fang)面(mian)意(yi)見，才能讓自己(ji)的(de)(de)設(she)(she)(she)計更經(jing)得起推敲。

上圖(tu)為筆者在(zai)處(chu)理(li)個人(ren)中心界面(mian)效(xiao)果(guo)拿捏不準的時(shi)候，布局了(le)多個效(xiao)果(guo)進行對比，通(tong)過對比的呈現后，就可以(yi)清晰判斷每一個界面(mian)存在(zai)的問題(ti)。

另(ling)外，UI設(she)計(ji)(ji)(ji)中，不(bu)要停留于(yu)表面，不(bu)要用「好看或不(bu)好看」去(qu)做簡(jian)單評斷，在設(she)計(ji)(ji)(ji)過程(cheng)中我(wo)們的界(jie)面布局、顏色把控、字符間距(ju)、icon設(she)置(zhi)等多方(fang)面都要經得起推敲：為什么(me)這樣設(she)計(ji)(ji)(ji)？換一種(zhong)設(she)計(ji)(ji)(ji)合不(bu)合適(shi)？

只有讓每一處(chu)設計(ji)都有理論的支(zhi)撐，深思熟慮后(hou)，才(cai)會讓設計(ji)更切(qie)實際，才(cai)能(neng)讓人(ren)信服，才(cai)能(neng)實現(xian)(xian)產品指數的增長(chang)，也更能(neng)體現(xian)(xian)設計(ji)師(shi)的價值(zhi)。

以產品為核心，尊(zun)重各方(fang)立場

當設(she)計(ji)(ji)(ji)稿出來(lai)之后，一(yi)般會(hui)組織 UI評(ping)(ping)審(shen)，UI設(she)計(ji)(ji)(ji)師(shi)(shi)一(yi)定要(yao)將自己(ji)(ji)(ji)的(de)(de)(de)設(she)計(ji)(ji)(ji)理念表達清(qing)(qing)楚，將設(she)計(ji)(ji)(ji)中考究的(de)(de)(de)觀點(dian)輸(shu)送(song)給參與評(ping)(ping)審(shen)的(de)(de)(de)各方(fang)人員(yuan)，這樣會(hui)讓你(ni)(ni)(ni)的(de)(de)(de)設(she)計(ji)(ji)(ji)更有信服力。如果在評(ping)(ping)審(shen)過程中，產品、運營(ying)或開發(fa)對設(she)計(ji)(ji)(ji)稿提出不同的(de)(de)(de)意見，我(wo)們首先不要(yao)急于否定，要(yao)確定立場：大(da)家都是以(yi)產品為核(he)心去思考問題，也不要(yao)人云亦云，要(yao)清(qing)(qing)楚他們為什(shen)么會(hui)提出這個意見，是不是自己(ji)(ji)(ji)的(de)(de)(de)設(she)計(ji)(ji)(ji)哪里沒(mei)有展現好？即便對方(fang)的(de)(de)(de)建議本身(shen)沒(mei)有可取性，那么你(ni)(ni)(ni)也要(yao)站在你(ni)(ni)(ni)的(de)(de)(de)視角用你(ni)(ni)(ni)的(de)(de)(de)觀點(dian)解(jie)釋給對方(fang)聽。這決定于每個設(she)計(ji)(ji)(ji)師(shi)(shi)的(de)(de)(de)自身(shen)知識架構和理論支撐，所(suo)以(yi)一(yi)定要(yao)讓自己(ji)(ji)(ji)不停(ting)地吸收，才(cai)能讓自己(ji)(ji)(ji)的(de)(de)(de)設(she)計(ji)(ji)(ji)更經(jing)得起(qi)推敲。

以上是我(wo)在實際工作(zuo)中的一些比較淺薄的總結，如有闡述(shu)不周的地方大家可以相互探討(tao)。