平面設(shè)計(jì)和UI設(shè)計(jì)區(qū)別

平面設(shè)計(jì)和UI設(shè)計(jì)，到底哪里不一樣？

很多人第一次接觸這兩個(gè)詞時(shí)，會(huì)下意識(shí)覺(jué)得它們差不多——反正都是做圖的。但真正進(jìn)入廣告會(huì)展行業(yè)后就會(huì)發(fā)現(xiàn)，這兩個(gè)崗位的工作邏輯、輸出物和評(píng)判標(biāo)準(zhǔn)，幾乎完全是兩套體系。平面設(shè)計(jì)解決的是“視覺(jué)傳達(dá)”，UI設(shè)計(jì)解決的是“交互體驗(yàn)”。一個(gè)偏向靜態(tài)的審美輸出，一個(gè)偏向動(dòng)態(tài)的功能引導(dǎo)。今天就從實(shí)際項(xiàng)目出發(fā)，把兩者的區(qū)別拆開(kāi)來(lái)看。

視覺(jué)目標(biāo)的根本差異

平面設(shè)計(jì)的核心目標(biāo)是“吸引注意、傳遞信息”。一張海報(bào)、一本畫冊(cè)、一塊展板，觀眾看到的第一眼就要被抓住，然后快速讀懂內(nèi)容。設(shè)計(jì)師需要考慮構(gòu)圖、色彩對(duì)比、字體層級(jí)、視覺(jué)重心，讓信息在瞬間完成傳達(dá)。比如展會(huì)入口的主視覺(jué)背景板，三秒內(nèi)要讓來(lái)賓知道品牌是誰(shuí)、主題是什么、情緒是熱烈還是沉穩(wěn)。

UI設(shè)計(jì)的核心目標(biāo)則是“引導(dǎo)操作、降低認(rèn)知成本”。一個(gè)App界面、一個(gè)網(wǎng)站頁(yè)面、一個(gè)自助查詢機(jī)界面，用戶打開(kāi)后不需要思考就知道該點(diǎn)哪里、下一步怎么走。UI設(shè)計(jì)師要關(guān)注按鈕的大小是否適合點(diǎn)擊、導(dǎo)航的路徑是否清晰、反饋動(dòng)畫是否及時(shí)。在會(huì)展場(chǎng)景中，比如數(shù)字簽到臺(tái)的交互界面，如果用戶找不到“簽到”按鈕，或者點(diǎn)了之后沒(méi)有反應(yīng)，那設(shè)計(jì)再漂亮也是失敗的。

輸出物與交付邏輯的不同

平面設(shè)計(jì)的交付物通常是“單張或多張獨(dú)立畫面”。一張海報(bào)、一套畫冊(cè)、一組易拉寶，每張圖都是獨(dú)立的視覺(jué)單元，彼此之間通過(guò)統(tǒng)一的視覺(jué)風(fēng)格串聯(lián)，但不需要考慮用戶如何從一個(gè)畫面跳到另一個(gè)畫面。設(shè)計(jì)師只需要保證每一張圖在印刷或顯示時(shí)，色彩準(zhǔn)確、分辨率夠高、出血位留對(duì)。

UI設(shè)計(jì)的交付物則是一套“可交互的界面系統(tǒng)”。從登錄頁(yè)到首頁(yè)到二級(jí)頁(yè)面，再到彈窗、加載狀態(tài)、空數(shù)據(jù)狀態(tài)，每一個(gè)界面都不是孤立的。設(shè)計(jì)師需要輸出可點(diǎn)擊的原型、標(biāo)注圖、切圖文件、交互說(shuō)明文檔，讓開(kāi)發(fā)人員知道按鈕按下去之后頁(yè)面怎么跳轉(zhuǎn)、動(dòng)畫時(shí)長(zhǎng)是多少、不同屏幕尺寸下布局如何自適應(yīng)。在會(huì)展行業(yè)的數(shù)字展項(xiàng)中，比如觸摸屏互動(dòng)游戲，UI設(shè)計(jì)必須保證從開(kāi)始界面到游戲界面到結(jié)果界面的流程完整，任何一個(gè)環(huán)節(jié)斷掉，用戶體驗(yàn)就會(huì)崩塌。

評(píng)判標(biāo)準(zhǔn)與修改邏輯的差異

平面設(shè)計(jì)的評(píng)判標(biāo)準(zhǔn)偏向“主觀審美”。甲方覺(jué)得這個(gè)藍(lán)色不夠高級(jí)、那個(gè)字體不夠大氣，很多時(shí)候是基于個(gè)人喜好。修改也相對(duì)靈活，換一個(gè)顏色、調(diào)一下構(gòu)圖、換一張圖片，通常不會(huì)影響其他頁(yè)面。但平面設(shè)計(jì)一旦印刷出來(lái)，修改成本就很高，所以對(duì)輸出前的校對(duì)要求極其嚴(yán)格。

UI設(shè)計(jì)的評(píng)判標(biāo)準(zhǔn)更偏向“用戶測(cè)試數(shù)據(jù)”和“功能完成度”。一個(gè)按鈕的位置好不好，不是設(shè)計(jì)師說(shuō)了算，而是看用戶點(diǎn)擊熱力圖、看轉(zhuǎn)化率、看任務(wù)完成時(shí)間。修改時(shí)牽一發(fā)而動(dòng)全身，比如把首頁(yè)的導(dǎo)航從頂部改到底部，那么所有頁(yè)面的布局都要跟著調(diào)整。在會(huì)展數(shù)字產(chǎn)品中，如果現(xiàn)場(chǎng)測(cè)試發(fā)現(xiàn)用戶頻繁點(diǎn)錯(cuò)位置，UI設(shè)計(jì)師需要快速調(diào)整交互邏輯，而不是只改一個(gè)顏色。

在會(huì)展行業(yè)中的實(shí)際應(yīng)用場(chǎng)景

廣告會(huì)展項(xiàng)目里，平面設(shè)計(jì)和UI設(shè)計(jì)經(jīng)常需要配合。比如一個(gè)大型品牌展臺(tái)，平面設(shè)計(jì)師負(fù)責(zé)展墻上的主視覺(jué)畫面、宣傳單頁(yè)、邀請(qǐng)函，這些是靜態(tài)的、以視覺(jué)沖擊力為主。UI設(shè)計(jì)師則負(fù)責(zé)展臺(tái)內(nèi)的數(shù)字互動(dòng)裝置，比如產(chǎn)品選型查詢屏、VR體驗(yàn)界面、觀眾數(shù)據(jù)采集系統(tǒng)。兩者在視覺(jué)風(fēng)格上要保持統(tǒng)一，但工作流程是分開(kāi)的。

一個(gè)常見(jiàn)的誤區(qū)是讓平面設(shè)計(jì)師直接去做UI界面。平面設(shè)計(jì)師習(xí)慣把界面當(dāng)成海報(bào)來(lái)排版，結(jié)果按鈕太小、信息層級(jí)混亂、用戶不知道點(diǎn)哪里。反過(guò)來(lái)，UI設(shè)計(jì)師去做平面物料，也可能因?yàn)樘⒅毓δ苓壿嫸雎砸曈X(jué)沖擊力，導(dǎo)致海報(bào)在遠(yuǎn)處看不清內(nèi)容。兩者各有專長(zhǎng)，在項(xiàng)目中最好各司其職，或者至少由一個(gè)人主導(dǎo)、另一個(gè)人配合。

給從業(yè)者的兩點(diǎn)實(shí)際建議

如果你是剛?cè)胄械脑O(shè)計(jì)師，想清楚自己更適合哪條路。平面設(shè)計(jì)更考驗(yàn)審美積累、排版功底和印刷工藝知識(shí)，適合喜歡純粹視覺(jué)創(chuàng)作的人。UI設(shè)計(jì)更考驗(yàn)邏輯思維、用戶心理理解和跨部門溝通能力，適合喜歡解決問(wèn)題、關(guān)注細(xì)節(jié)流程的人。兩者沒(méi)有高低之分，但在廣告會(huì)展行業(yè)里，能同時(shí)理解兩種設(shè)計(jì)邏輯的人，往往在項(xiàng)目中更容易協(xié)調(diào)各方需求，也更容易做出真正落地的作品。