一、什么是UI設(shè)計(jì)？

UI是UserInterface（用戶界面）的簡(jiǎn)稱，主要指對(duì)軟件人機(jī)交互，操作邏輯，界面美觀的整體設(shè)計(jì)

二、UI和平面的區(qū)別

1.實(shí)現(xiàn)方式不同

平面主要的實(shí)現(xiàn)方式是通過(guò)印刷，例如易拉寶、明信片、海報(bào)等，而UI的實(shí)現(xiàn)方式是通過(guò)程序代碼。

2.公司類型不同

平面的公司類型大多數(shù)是傳統(tǒng)企業(yè)，例如正邦（業(yè)界享譽(yù)盛名的品牌識(shí)別設(shè)計(jì)公司）、東道設(shè)計(jì)（中國(guó)資深的企業(yè)形象設(shè)計(jì)公司）等等。UI的公司類型大多是互聯(lián)網(wǎng)設(shè)計(jì)公司，例如百度、阿里巴巴、騰訊、360、搜狐、網(wǎng)易等等。

3.完成流程不同

平面一般由一個(gè)人完成構(gòu)思、搜集素材、設(shè)計(jì)組內(nèi)討論、完成設(shè)計(jì)，流程較為簡(jiǎn)單。而UI設(shè)計(jì)從一開(kāi)始就需要和產(chǎn)品，技術(shù)，運(yùn)行，測(cè)試等相關(guān)人員對(duì)整個(gè)需求有具體的評(píng)估和討論，然后經(jīng)過(guò)個(gè)人的構(gòu)思-搜集素材-設(shè)計(jì)組內(nèi)討論-組內(nèi)設(shè)計(jì)評(píng)審-與產(chǎn)品、技術(shù)、測(cè)試等相關(guān)工作人員進(jìn)行設(shè)計(jì)評(píng)審-設(shè)計(jì)完成-設(shè)計(jì)的研發(fā)跟進(jìn)-設(shè)計(jì)灰度走查-完成上線，流程較為復(fù)雜多變，除了設(shè)計(jì)組內(nèi)部的溝通，還要與需求相關(guān)的工作人員對(duì)接，這其中的問(wèn)題細(xì)節(jié)也就可想而知了。

4.重視的要點(diǎn)不同

平面除了滿足需求設(shè)計(jì)，還要保證設(shè)計(jì)的視覺(jué)效果與品牌統(tǒng)一，必要時(shí)彰顯個(gè)性，突出產(chǎn)品特色等，符合印刷要求和規(guī)范，主要看中視覺(jué)層面。而UI設(shè)計(jì)在滿足需求的同時(shí)，即要保證視覺(jué)要素的特點(diǎn)，還需要重交互體驗(yàn)，先考慮“為什么這么做”在考慮“如何設(shè)計(jì)”，“這么做的目的是什么”等等。

5.成果表現(xiàn)形式不同

平面成果可能會(huì)受印刷技術(shù)的制約，但是總體是直觀感受實(shí)際產(chǎn)物好與壞，通過(guò)實(shí)際調(diào)查統(tǒng)計(jì)大眾的評(píng)價(jià)如何。而UI的成果展現(xiàn)就更為直接了，通過(guò)線上點(diǎn)擊率，轉(zhuǎn)化率等具體實(shí)際數(shù)據(jù)，來(lái)給UI產(chǎn)品打分，使得設(shè)計(jì)更有理有據(jù)。

6.設(shè)計(jì)軟件不同

PS、AI就不多說(shuō)了，這個(gè)所有設(shè)計(jì)師最入門(mén)要學(xué)會(huì)的軟件。除此之外，平面需要掌握的還有indesign、Coreldraw、PageMaker等等大多服務(wù)于圖文排版的軟件。UI需要掌握Sketch、AE、藍(lán)湖、Principle、**D等等。

總結(jié)：不論是平面還是UI，歸根到底都是設(shè)計(jì)的分支，二者雖有不同之處，但是在設(shè)計(jì)根本原理，設(shè)計(jì)方法中還是有異曲同工之處的，所以了解二者的區(qū)別，能更好的服務(wù)設(shè)計(jì)，服務(wù)于產(chǎn)品，最終能夠提升自己的設(shè)計(jì)能力，豐富自己的設(shè)計(jì)知識(shí)儲(chǔ)備。

UI設(shè)計(jì)包括移動(dòng)端app、小程序、pc端網(wǎng)頁(yè)，配合前端后端開(kāi)發(fā)，完成項(xiàng)目上線。其中包括UE，交互設(shè)計(jì)，人機(jī)交互

平面設(shè)計(jì)主要用于海報(bào)，朋友圈圖，淘寶圖片，展架，等了解CMYK顏色，要懂得打印的出血位和印刷的分辨率

平面和UI的區(qū)別還是很大的，說(shuō)明白點(diǎn)，屬于兩個(gè)行業(yè)，但也是最近的行業(yè)，很多人會(huì)混淆，覺(jué)得UI都會(huì)平面，平面也會(huì)UI，UI設(shè)計(jì)有專門(mén)的設(shè)計(jì)規(guī)范，每一次的點(diǎn)擊后都有一個(gè)交互，平面需要更多的基礎(chǔ)繪畫(huà)水平，有VI、LOGO設(shè)計(jì)、企業(yè)形象等這些都需要美術(shù)基礎(chǔ)的

UI使用軟件：SKETCH、XD、PS、AI、axure、墨刀、交互軟件、思維導(dǎo)圖xmind、等，很多人認(rèn)為ps是做UI的基礎(chǔ)工具，其實(shí)不是，一個(gè)做位圖軟件，PS更適合做平面，UI還是矢量圖軟件更好一些，沒(méi)有Mac系統(tǒng)用XD，有Mac的話用sketch，sketch的有很多軟件可以實(shí)現(xiàn)無(wú)縫連接交互等操作

平面設(shè)計(jì)工具：PS你的不二選擇，AI，logo制作，cdr印刷排版很不錯(cuò)，c4d三維立體建模軟件

設(shè)計(jì)其實(shí)都是相通的，都是依靠基本的藝術(shù)素養(yǎng)加上專業(yè)設(shè)計(jì)門(mén)類相關(guān)知識(shí)，解決問(wèn)題的手段。真正有些區(qū)別的設(shè)計(jì)門(mén)類我氛圍三大類：

1.平面設(shè)計(jì)（包括廣告、海報(bào)、書(shū)籍裝幀、UI等）

2.空間設(shè)計(jì)（包括建筑、室內(nèi)、陳設(shè)等）

3.虛擬設(shè)計(jì)（VR、AR等）具體的每個(gè)門(mén)類以后可以詳細(xì)闡述。

上述分類可以看到UI和平面其實(shí)歸為一個(gè)設(shè)計(jì)門(mén)類，都是運(yùn)用點(diǎn)、線、面等基本的設(shè)計(jì)語(yǔ)言在平面的媒介上完成圖形、畫(huà)面的設(shè)計(jì)。不過(guò)也是有一些區(qū)別的，下面我會(huì)具體的說(shuō)一下一些區(qū)別，以供大家參考。

平面設(shè)計(jì)：也叫做視覺(jué)傳達(dá)設(shè)計(jì)，用“視覺(jué)”作為溝通和表現(xiàn)的方式，通過(guò)多種方式來(lái)創(chuàng)造和結(jié)合符號(hào)、圖片和文字，借此做出用來(lái)傳達(dá)想法的視覺(jué)表象。設(shè)計(jì)師一般用字體排印、視覺(jué)藝術(shù)、版面、電腦軟件等方面的專業(yè)技巧，來(lái)達(dá)成創(chuàng)作計(jì)劃的目的。報(bào)紙廣告、噴繪寫(xiě)真、名片、路牌、企業(yè)樣冊(cè)、VI設(shè)計(jì)、LOGO標(biāo)志、宣傳單頁(yè)、宣傳折頁(yè)、海報(bào)、包裝設(shè)計(jì)及婚紗設(shè)計(jì)等，這些都屬于平面設(shè)計(jì)的范疇。平面設(shè)計(jì)是最傳統(tǒng)，最普遍，最基本的設(shè)計(jì)行業(yè)。

UI設(shè)計(jì)：是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

1.呈現(xiàn)媒介

平面設(shè)計(jì)：紙媒，基本是書(shū)、海報(bào)等紙質(zhì)物料，人與平面的交流大部分只是閱讀，所以著重注意閱讀體驗(yàn)

UI設(shè)計(jì)：新媒體媒介，大部分是在屏幕上顯示，并且是需要和人機(jī)交互配合完成用戶的操作、瀏覽等需求。

所以UI設(shè)計(jì)需要注意一些除了基本平面設(shè)計(jì)問(wèn)題還需要注意交互體驗(yàn)等問(wèn)題。

2.設(shè)計(jì)思路

傳統(tǒng)平面和UI設(shè)計(jì)思路有一些區(qū)別，最重要的就是第一點(diǎn)提到的UI需要重視用戶體驗(yàn)操作等問(wèn)題，除此之外還會(huì)有一些手勢(shì)、點(diǎn)擊、拖拽、框選等操作的思路區(qū)別。

3.實(shí)現(xiàn)手法

傳統(tǒng)平面設(shè)計(jì)只是排版繪畫(huà)，UI需要考慮適配、切圖、自適應(yīng)等問(wèn)題。還要配合上下游的工作，上面承接交互，下面配合開(kāi)發(fā)人員實(shí)現(xiàn)產(chǎn)品，所以UI設(shè)計(jì)需要了解這些技能。

4.輸出樣式

平面基本全是紙質(zhì)靜態(tài)，UI則牽扯到點(diǎn)擊、跳轉(zhuǎn)等動(dòng)態(tài)銜接頁(yè)面等。還會(huì)有動(dòng)效、視頻、影視等動(dòng)態(tài)輸出。

其實(shí)每個(gè)行業(yè)都有自己的優(yōu)勢(shì)和劣勢(shì)，雖然平面設(shè)計(jì)師的入行標(biāo)準(zhǔn)相對(duì)較低，服務(wù)行業(yè)也相對(duì)大眾一些，看起來(lái)可能比較容易做。但是在待遇方面UI設(shè)計(jì)師可能更占優(yōu)勢(shì)，服務(wù)的行業(yè)也相對(duì)高端。對(duì)于設(shè)計(jì)師而言，技多不壓身，只有不斷提升自我，不斷為自己的充電，順應(yīng)時(shí)**展的潮流，才不至于被這個(gè)時(shí)代淘汰。

說(shuō)的簡(jiǎn)單點(diǎn)兩者最大的區(qū)別就在于，平面都是印刷的東西多一些，當(dāng)然也有一部分是熒屏顯示的。而UI用最簡(jiǎn)單直觀的理解其實(shí)就是說(shuō)都是關(guān)于屏幕上顯示的東西！

在細(xì)點(diǎn)的說(shuō)，平面涉及的都是一些靜態(tài)的東西，比如海報(bào)啊，易拉寶，名片，等等。而UI幾乎都是一些動(dòng)態(tài)的界面，但是需要設(shè)計(jì)做的是一個(gè)靜態(tài)的界面，至于動(dòng)態(tài)怎么加上去，那是前端和交互去加的！

最直觀的，ui設(shè)計(jì)用ps做的東西都是RGB格式，也就是所謂的三色，屏幕上顯示的格式！而平面設(shè)計(jì)用ps做的大多都是CMYK格式，也就是四色打印機(jī)噴色用的格式！

前后兩者其實(shí)也是有很大關(guān)系的，UI設(shè)計(jì)前期的基礎(chǔ)就是平面設(shè)計(jì)！例如，排版啊，色彩搭配啊，這些都是基礎(chǔ)，用到UI里面，就會(huì)利用這些基礎(chǔ)怎么讓界面更簡(jiǎn)單明了，更容易讓人看起來(lái)舒服，更容易操作，等等！