很多想要從事視覺領(lǐng)域工作的新手設(shè)計(jì)師，搞不懂UI設(shè)計(jì)和平面設(shè)計(jì)的區(qū)別；也有很多平面設(shè)計(jì)師工作后想轉(zhuǎn)UI，卻不知道該如何進(jìn)行，導(dǎo)致?lián)駱I(yè)和職業(yè)發(fā)展受阻，其實(shí)核心問題還是因?yàn)闆]有弄清楚UI設(shè)計(jì)和平面設(shè)計(jì)的區(qū)別是什么。

這里先說明，UI 設(shè)計(jì)和平面設(shè)計(jì)，是兩個(gè)完全不同的設(shè)計(jì)領(lǐng)域。

UI設(shè)計(jì)師著重于解決產(chǎn)品的用戶習(xí)慣和易用體驗(yàn)，而平面設(shè)計(jì)師專注于更具吸引力的信息傳達(dá)，兩者的底層思維是不一樣的。但兩者在專業(yè)上又存在比較大的交集，其信息傳達(dá)的核心基礎(chǔ)技能是相通的，所以容易讓人產(chǎn)生混淆。

那么，UI設(shè)計(jì)和平面設(shè)計(jì)的區(qū)別是什么？共同之處又有哪些？哪一個(gè)前景更好？別著急，本文為你解答。

平面設(shè)計(jì)是什么？

平面設(shè)計(jì)，也叫視覺傳達(dá)設(shè)計(jì)，英文是graphic design，顧名思義，其工作內(nèi)容和視覺表現(xiàn)強(qiáng)相關(guān)。

平面設(shè)計(jì)通過圖形、圖像、文字和色彩等元素來傳達(dá)信息、表達(dá)概念以及引起情感共鳴，它在各個(gè)行業(yè)各個(gè)領(lǐng)域中起著信息傳達(dá)、視覺吸引、品牌建設(shè)、情感表達(dá)、營(yíng)銷推廣以及藝術(shù)審美等關(guān)鍵作用，幫助個(gè)人、組織、以及企業(yè)等將理念、產(chǎn)品和服務(wù)呈現(xiàn)給受眾。

平面設(shè)計(jì)是一種視覺藝術(shù)和傳達(dá)方式，被廣泛用于以下領(lǐng)域：

• 宣傳海報(bào)： 比如音樂會(huì)的宣傳海報(bào)，通過鮮艷的色彩、吸引人的排版和相關(guān)的圖像，吸引潛在觀眾的注意。
• 雜志封面： 用精美的圖像、吸引人的標(biāo)題和適當(dāng)?shù)呐虐?，呈現(xiàn)出時(shí)尚感和品牌特色。
• 品牌標(biāo)識(shí)： 設(shè)計(jì)獨(dú)特的標(biāo)志、圖標(biāo)或字母組合，選用合適的圖形和字體，塑造出企業(yè)的獨(dú)特形象。
• 包裝設(shè)計(jì)： 比如食品包裝，利用色彩、圖像和排版來突出產(chǎn)品的特點(diǎn)和品牌。
• 社交媒體廣告： 通過簡(jiǎn)潔明了的設(shè)計(jì)、圖像和簡(jiǎn)短的文字，制作社媒平臺(tái)的廣告，引導(dǎo)受眾進(jìn)行點(diǎn)擊和互動(dòng)。
• 名片設(shè)計(jì)： 設(shè)計(jì)專業(yè)的名片，包括個(gè)人姓名、聯(lián)系方式和公司信息，創(chuàng)造一個(gè)具有專業(yè)形象的名片。
• 書籍封面： 比如一本小說的書籍封面，通過圖像、色彩和排版來反映書籍的主題和情感氛圍。
• 活動(dòng)傳單： 設(shè)計(jì)活動(dòng)傳單，包括活動(dòng)詳情、日期、時(shí)間和地點(diǎn)。通過視覺元素和排版，吸引人們參加活動(dòng)。
• 展覽展示： 設(shè)計(jì)一個(gè)展覽的展示板，用圖像和文字呈現(xiàn)展品的信息和歷史背景，同時(shí)在視覺上吸引觀眾的注意。

平面設(shè)計(jì)

平面設(shè)計(jì)師主要是做什么的？

平面設(shè)計(jì)師的核心工作是創(chuàng)作各種視覺作品，通過靈活運(yùn)用圖像、圖形、文字、色彩、排版等設(shè)計(jì)元素，并發(fā)揮藝術(shù)性和創(chuàng)意性，將信息和概念以視覺方式呈現(xiàn)出來，以滿足不同客戶和項(xiàng)目的需求。在工作過程中，平面設(shè)計(jì)師需要使用各種設(shè)計(jì)工具，比如摹客DT、Photoshop、Illustrator以及InDesign等。

通常來講，平面設(shè)計(jì)師主要從事的工作內(nèi)容包含以下：

• 創(chuàng)意設(shè)計(jì)： 根據(jù)客戶需求、項(xiàng)目目標(biāo)和受眾特點(diǎn)，提出獨(dú)特、吸引人的設(shè)計(jì)方案，并確定整體風(fēng)格和視覺概念。
• 視覺作品制作： 使用設(shè)計(jì)軟件（如Adobe Photoshop、Illustrator、InDesign等）來制作視覺作品，如海報(bào)、標(biāo)志、宣傳冊(cè)、廣告、名片、網(wǎng)站界面等，將創(chuàng)意概念轉(zhuǎn)化為實(shí)際的設(shè)計(jì)作品，包括圖像處理、排版、文字編輯等。
• 品牌設(shè)計(jì)： 設(shè)計(jì)企業(yè)的品牌標(biāo)識(shí)、顏色方案、圖標(biāo)等，以確保品牌形象的一致性和可識(shí)別性。
• 排版和布局： 負(fù)責(zé)文本和圖像的排列，確保頁(yè)面布局整潔、清晰，文字易于閱讀，圖像與文本相協(xié)調(diào)。
• 色彩和圖像選擇： 根據(jù)項(xiàng)目要求選擇適當(dāng)?shù)纳史桨负蛨D像素材，以營(yíng)造特定的情感和視覺效果。
• 社交媒體和數(shù)字媒體設(shè)計(jì)： 制作適用于社交媒體平臺(tái)、網(wǎng)站和移動(dòng)應(yīng)用的設(shè)計(jì)，以滿足不同媒體的需求。
• 與客戶溝通： 與客戶合作，了解項(xiàng)目需求、目標(biāo)和偏好，理解客戶的愿望，并將其轉(zhuǎn)化為創(chuàng)意設(shè)計(jì)方案。
• 改稿： 根據(jù)客戶反饋進(jìn)行設(shè)計(jì)的修訂和修改，對(duì)顏色、圖像、文字和布局進(jìn)行調(diào)整，以滿足客戶的期望。
• 自我學(xué)習(xí)和提升：平面設(shè)計(jì)領(lǐng)域不斷發(fā)展，新的設(shè)計(jì)趨勢(shì)、軟件工具和技術(shù)不斷涌現(xiàn)，設(shè)計(jì)師需要不斷學(xué)習(xí)和保持更新，以保持在行業(yè)中的競(jìng)爭(zhēng)力。

從事平面設(shè)計(jì)

UI是什么？

UI 設(shè)計(jì)，也叫用戶界面設(shè)計(jì)，英文是User Interface，它涵蓋產(chǎn)品的功能架構(gòu)、頁(yè)面布局、內(nèi)容信息等多個(gè)內(nèi)容，包括用戶在屏幕上看到的圖形元素、按鈕、菜單、文本輸入框等各種視覺和交互元素。其目的是創(chuàng)建用戶友好、易用美觀，且用戶可以直接感知和操作的界面，以便用戶能夠輕松地與應(yīng)用程序、網(wǎng)站、移動(dòng)應(yīng)用或其他軟件進(jìn)行交互。

UI設(shè)計(jì)涵蓋了多個(gè)方面，包括以下幾個(gè)關(guān)鍵點(diǎn)：

• 視覺設(shè)計(jì)： 關(guān)注界面的外觀和視覺元素，包括顏色、圖標(biāo)、按鈕樣式、字體選擇、布局等，以確保界面的整體外觀美觀、一致性和易于理解。
• 交互設(shè)計(jì)： 關(guān)注用戶如何與界面進(jìn)行交互，包括用戶點(diǎn)擊、滾動(dòng)、拖拽等操作，以及界面對(duì)這些操作的響應(yīng)，需要確保界面的交互流程流暢、直觀，并符合用戶的期望。
• 用戶體驗(yàn)設(shè)計(jì)： 關(guān)注用戶在使用界面時(shí)的整體感受，為用戶提供愉快、有效的用戶體驗(yàn)，讓用戶能夠輕松地完成任務(wù)，同時(shí)感到滿意和滿足。
• 響應(yīng)式設(shè)計(jì)： 響應(yīng)式設(shè)計(jì)是一種UI設(shè)計(jì)方法，它可以確保界面能夠在不同屏幕大小和設(shè)備上都能夠很好地展示，包括桌面、平板電腦和移動(dòng)設(shè)備。
• 可訪問性設(shè)計(jì)：確保所有用戶都可以訪問界面，包括有特殊需求的用戶，如視覺障礙或聽覺障礙的用戶，適當(dāng)考慮合適的色彩對(duì)比度、字體可讀性、鍵盤導(dǎo)航等方式來實(shí)現(xiàn)。
• 動(dòng)畫與過渡效果： 動(dòng)畫和過渡效果可以增強(qiáng)用戶界面的動(dòng)態(tài)感和交互性，設(shè)計(jì)師可以利用動(dòng)畫來引導(dǎo)用戶的注意、提供反饋，以及增強(qiáng)用戶體驗(yàn)。

UI設(shè)計(jì)

UI設(shè)計(jì)師主要是做什么的？

UI設(shè)計(jì)師（User Interface Designer）主要負(fù)責(zé)用戶界面設(shè)計(jì)，尤其是數(shù)字產(chǎn)品的用戶界面，比如手機(jī)應(yīng)用、小程序、網(wǎng)站等。UI設(shè)計(jì)師將用戶體驗(yàn)轉(zhuǎn)化為視覺表現(xiàn)，創(chuàng)造直觀、美觀、易用的界面，以提供愉悅的用戶體驗(yàn)。

在實(shí)際的設(shè)計(jì)工作中，UI設(shè)計(jì)師主要通過UI設(shè)計(jì)工具快速創(chuàng)建高保真的界面設(shè)計(jì)，并進(jìn)行圖像編輯和處理，優(yōu)化產(chǎn)品的視覺效果。此外，涉及到創(chuàng)建圖標(biāo)、插圖和其他矢量圖形時(shí)，UI設(shè)計(jì)師也會(huì)使用矢量圖形編輯。

總體而言，UI設(shè)計(jì)師的主要職責(zé)包括：

• 視覺設(shè)計(jì)：創(chuàng)造產(chǎn)品的整體視覺樣式，包括色彩、圖標(biāo)、字體等，以確保產(chǎn)品外觀的美觀與一致性。
• 界面布局：設(shè)計(jì)產(chǎn)品界面的布局和排版，使信息呈現(xiàn)清晰且易于理解。
• 圖標(biāo)設(shè)計(jì)：設(shè)計(jì)易于識(shí)別和理解的圖標(biāo)，以提高用戶的操作效率。
• 交互動(dòng)效：創(chuàng)建界面元素的動(dòng)畫效果，增強(qiáng)用戶體驗(yàn)和界面反饋。
• UI規(guī)范：制定UI設(shè)計(jì)規(guī)范和樣式指南，確保產(chǎn)品在不同界面上保持一致性。
• 與開發(fā)團(tuán)隊(duì)合作： UI設(shè)計(jì)師與開發(fā)團(tuán)隊(duì)合作，以確保設(shè)計(jì)能夠順利轉(zhuǎn)化為實(shí)際的交互式界面，UI設(shè)計(jì)師需要提供設(shè)計(jì)規(guī)范、切圖資源等，以便開發(fā)人員實(shí)現(xiàn)設(shè)計(jì)。

UI設(shè)計(jì)師是目前很火熱的一個(gè)職業(yè)發(fā)展方向，也曾看到有朋友在知乎等平臺(tái)詢問女生是否適合做UI設(shè)計(jì)的問題。UI設(shè)計(jì)注重創(chuàng)意、技術(shù)和用戶體驗(yàn)，性別并不決定一個(gè)人在設(shè)計(jì)領(lǐng)域的能力、創(chuàng)意和技能，女性在UI設(shè)計(jì)師職業(yè)中同樣能夠獲得成功，性別不會(huì)影響在這個(gè)領(lǐng)域的表現(xiàn)和發(fā)展。

無論男女，成功的UI設(shè)計(jì)師都需要具備良好的設(shè)計(jì)素養(yǎng)和技能，只有深入了解設(shè)計(jì)原則、色彩理論、排版和交互設(shè)計(jì)等方面的知識(shí)，才可以在專業(yè)能力更進(jìn)一步，在職業(yè)發(fā)展中更上一層樓。

從事UI設(shè)計(jì)

UI和平面設(shè)計(jì)的主要區(qū)別以及共同之處分別是什么？

UI設(shè)計(jì)（用戶界面）和平面設(shè)計(jì)都需要通過視覺設(shè)計(jì)進(jìn)行信息傳達(dá)，是兩個(gè)有交叉之處但又截然不同的領(lǐng)域，這里我們?cè)僦攸c(diǎn)介紹一下它們的主要區(qū)別和共同之處。

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

1）對(duì)象和用途不同：

• UI設(shè)計(jì)：UI設(shè)計(jì)關(guān)注用戶與數(shù)字產(chǎn)品的交互界面，如應(yīng)用程序、網(wǎng)站、移動(dòng)應(yīng)用等內(nèi)容。UI設(shè)計(jì)內(nèi)容范圍較廣，包括原型設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)等，制作用戶與界面元素的交互方式，以提供優(yōu)質(zhì)的用戶體驗(yàn)。
• 平面設(shè)計(jì)：平面設(shè)計(jì)廣泛應(yīng)用于印刷品、廣告、標(biāo)志、海報(bào)等領(lǐng)域，主要涉及靜態(tài)圖像的創(chuàng)作和傳達(dá)。平面設(shè)計(jì)師通過圖像、圖形、文字、色彩等元素來傳遞信息和概念。

2）交互性不同：

• UI設(shè)計(jì)：UI設(shè)計(jì)也叫做用戶界面設(shè)計(jì)，由用戶和界面兩部分組成，強(qiáng)調(diào)用戶與界面的交互方式。UI設(shè)計(jì)師除了負(fù)責(zé)界面的美觀之外，還需要設(shè)計(jì)用戶點(diǎn)擊、滑動(dòng)、輸入等操作的界面元素和流程，以實(shí)現(xiàn)直觀和流暢的交互體驗(yàn)。
• 平面設(shè)計(jì)：以“視覺”為主，強(qiáng)調(diào)的是表達(dá)與交流，通常不直接涉及交互性，設(shè)計(jì)作品是靜態(tài)的，不需要考慮用戶與界面的實(shí)時(shí)互動(dòng)。其重點(diǎn)在于通過結(jié)合符號(hào)、圖片和文字等多種方式來展現(xiàn)設(shè)計(jì)師的想法和想要傳達(dá)的訊息。

3）媒介不同：

• UI設(shè)計(jì)：以電子屏幕為主，也就是線上虛擬載體，如網(wǎng)站、頁(yè)面、小程序、APP等。
• 平面設(shè)計(jì)：以印刷類媒介為主，如logo、海報(bào)、名片、路牌、宣傳冊(cè)、展架、橫幅、包裝等。

4）工作方式不同：

• UI設(shè)計(jì)：視覺設(shè)計(jì)的同時(shí)要兼顧交互設(shè)計(jì)，需考慮適配、切圖、自適應(yīng)等更深層次的問題，需要使用專業(yè)的UI設(shè)計(jì)工具和協(xié)作設(shè)計(jì)平臺(tái)，以便配合上下游的工作承接，把設(shè)計(jì)交付給開發(fā)。
• 平面設(shè)計(jì)：重點(diǎn)排版繪畫，包括色彩、布局、排版等視覺效果的展現(xiàn)，主要使用圖形設(shè)計(jì)軟件進(jìn)行工作。

5）輸出樣式不同：

• 平面設(shè)計(jì)：多以紙質(zhì)靜態(tài)，如一張圖片，一個(gè)logo等不會(huì)動(dòng)的視覺展示，通過發(fā)送文件進(jìn)行直接交流。
• UI設(shè)計(jì)：動(dòng)態(tài)視覺展示，包括點(diǎn)擊、跳轉(zhuǎn)、輸入、影視、動(dòng)效、視頻等動(dòng)態(tài)輸出，通過演示設(shè)計(jì)稿進(jìn)行交流。

UI設(shè)計(jì)和平面設(shè)計(jì)的不同

UI和平面設(shè)計(jì)的共同之處：

1）視覺美學(xué)：無論是UI設(shè)計(jì)還是平面設(shè)計(jì)，都需要關(guān)注視覺美學(xué)，合理運(yùn)用色彩、排版、圖像處理等，以創(chuàng)造吸引人的設(shè)計(jì)作品。

2）創(chuàng)意和創(chuàng)造力：UI設(shè)計(jì)師和平面設(shè)計(jì)師都需要具備創(chuàng)意和創(chuàng)造力，以在設(shè)計(jì)中展現(xiàn)獨(dú)特的視覺效果。

3）用戶體驗(yàn)：雖然UI設(shè)計(jì)更強(qiáng)調(diào)用戶體驗(yàn)，但平面設(shè)計(jì)作品也可以影響觀眾的感知和情感，兩者都要考慮用戶或受眾的需求和期望。

4）設(shè)計(jì)原則：都需要遵循一定的設(shè)計(jì)原則，如平衡、對(duì)比、層次、重復(fù)、對(duì)齊等，確保作品的視覺效果和整體性。

5）品牌標(biāo)識(shí)：在UI設(shè)計(jì)和平面設(shè)計(jì)中，都可能涉及到品牌標(biāo)識(shí)的設(shè)計(jì)。UI設(shè)計(jì)中，品牌標(biāo)識(shí)會(huì)出現(xiàn)在應(yīng)用程序、網(wǎng)站等界面上；平面設(shè)計(jì)中，品牌標(biāo)識(shí)可能出現(xiàn)在廣告、宣傳冊(cè)等印刷品上。

UI設(shè)計(jì)和平面設(shè)計(jì)的共同之處

平面設(shè)計(jì)和UI設(shè)計(jì)哪個(gè)前景好？

無論是UI設(shè)計(jì)師還是平面設(shè)計(jì)師，都有廣闊的職業(yè)前景，選擇哪個(gè)領(lǐng)域取決于個(gè)人興趣、技能和市場(chǎng)需求。

以下是一些關(guān)于從事UI設(shè)計(jì)師職業(yè)還是平面設(shè)計(jì)師職業(yè)的建議和分析：

1）平面設(shè)計(jì)的前景：

• 平面設(shè)計(jì)廣泛應(yīng)用于廣告、印刷品、品牌標(biāo)識(shí)等領(lǐng)域，隨著企業(yè)和品牌的增多，對(duì)于視覺識(shí)別和市場(chǎng)推廣的需求也在增加，平面設(shè)計(jì)師的需求仍然穩(wěn)定存在。
• 平面設(shè)計(jì)可以涵蓋更廣泛的媒體類型，包括印刷品、包裝設(shè)計(jì)、展示板等，因此平面設(shè)計(jì)師可以在不同的工作領(lǐng)域中尋找機(jī)會(huì)。甚至在一些特定領(lǐng)域，如書籍出版、廣告代理公司、設(shè)計(jì)公司等，平面設(shè)計(jì)師可能會(huì)有更多的職業(yè)機(jī)會(huì)。

2）UI設(shè)計(jì)的前景：

• 隨著移動(dòng)應(yīng)用、網(wǎng)站和數(shù)字產(chǎn)品的快速發(fā)展，UI設(shè)計(jì)師的需求在不斷增加。伴隨數(shù)字化轉(zhuǎn)型和用戶體驗(yàn)的重要性日益凸顯，UI設(shè)計(jì)在科技行業(yè)中變得尤為關(guān)鍵。
• 用戶體驗(yàn)（UX）設(shè)計(jì)成為數(shù)字產(chǎn)品開發(fā)中的核心要素，UI設(shè)計(jì)和UX設(shè)計(jì)密切相關(guān)，越來越多的公司也開始單獨(dú)設(shè)置UX設(shè)計(jì)和UI設(shè)計(jì)崗位。
• 移動(dòng)應(yīng)用、電子商務(wù)網(wǎng)站、社交媒體平臺(tái)等領(lǐng)域需要大量UI設(shè)計(jì)師，因?yàn)檫@些領(lǐng)域需要提供直觀、易用和美觀的用戶界面。

3）結(jié)合個(gè)人愛好和自我分析

• 你更喜歡與數(shù)字產(chǎn)品還是印刷品和圖像等靜態(tài)媒體打交道？
• 你對(duì)用戶體驗(yàn)和交互設(shè)計(jì)感興趣嗎？
• 當(dāng)?shù)貙?duì)哪個(gè)領(lǐng)域的需求更高？
• 你是否愿意持續(xù)學(xué)習(xí)和保持更新，以適應(yīng)不斷變化的技術(shù)和設(shè)計(jì)趨勢(shì)？

4）薪資水平

工資水平根據(jù)實(shí)際情況會(huì)因地區(qū)、公司規(guī)模、個(gè)人經(jīng)驗(yàn)等因素而異。這里拿上海舉例，Boss上UI設(shè)計(jì)師的平均工資水平為￥12620，平面設(shè)計(jì)師的平均工資水平為￥￥8573，僅從數(shù)據(jù)上看，UI設(shè)計(jì)師薪資水平更高一點(diǎn)。

UI設(shè)計(jì)師薪資

平面設(shè)計(jì)師薪資

總結(jié)

平面設(shè)計(jì)與UI設(shè)計(jì)本就是視覺設(shè)計(jì)領(lǐng)域中兩大方向，且沒有高低之分，甚至UI設(shè)計(jì)師和平面設(shè)計(jì)師的核心基礎(chǔ)技能更是相通的。所以無論是從事平面設(shè)計(jì)還是UI設(shè)計(jì)，都需要不斷學(xué)習(xí)進(jìn)步，持續(xù)提升自己的技能，才能有機(jī)會(huì)在各自的領(lǐng)域中取得成功，也才能有更多的機(jī)會(huì)實(shí)現(xiàn)轉(zhuǎn)型，甚至成為同時(shí)掌握平面和UI的設(shè)計(jì)大神。