編者按：今天這個(gè)UI自學(xué)系列教程，不聊軟件操作，不談精美效果的實(shí)現(xiàn)，我們來(lái)聊聊真正有助于你成為設(shè)計(jì)師的方法。今天第一篇，聊聊什么是UI，學(xué)會(huì)哪些軟件才能成為UI設(shè)計(jì)師，

Think Lee：UI=User Interface，這是大家都會(huì)說(shuō)的廢話(huà)，Interface比較容易理解，界面，通常就是我們看到的網(wǎng)頁(yè)，APP的界面，圖標(biāo)等等等等視覺(jué)元素。UI里的界面設(shè)計(jì)通常區(qū)別于平面設(shè)計(jì)，因?yàn)樵赪eb端，移動(dòng)端，或者其他手持設(shè)備或獨(dú)立設(shè)備上，視覺(jué)設(shè)計(jì)通常會(huì)受到技術(shù)限制和規(guī)則約定，例如說(shuō)在iOS APP上，狀態(tài)欄/導(dǎo)航/Tab都有規(guī)定的高度，在Web上受、到用戶(hù)電腦分辨率的約束通常會(huì)把網(wǎng)頁(yè)內(nèi)容寬度做一個(gè)范圍限定。所以，在Interface的部分，UI設(shè)計(jì)師尤其需要考慮到各平臺(tái)的設(shè)計(jì)規(guī)范與可實(shí)現(xiàn)性。當(dāng)然，這東西難到也不難，只是各平臺(tái)亂七八糟的規(guī)矩太多加之設(shè)計(jì)趨勢(shì)天天變，總是感覺(jué)自己有點(diǎn)跟不上時(shí)代變化的感覺(jué)。

此處插入iOS設(shè)計(jì)規(guī)范，你感受一下：

• 《超實(shí)用的IOS 9人機(jī)界面指南（1）：UI設(shè)計(jì)基礎(chǔ)》
• 《超實(shí)用的IOS 9人機(jī)界面指南（2）：設(shè)計(jì)策略》

規(guī)范里不僅講了視覺(jué)規(guī)范元素規(guī)格等等，也會(huì)大量牽涉到交互上的設(shè)計(jì)原則，所以作為一個(gè)好UI，在Interface層面上你不單單要懂規(guī)范，你還要懂交互，交互是另外一個(gè)復(fù)雜的話(huà)題，以后再說(shuō)。

接下來(lái)說(shuō)User

User是什么，是你的設(shè)計(jì)作品的最終使用用戶(hù)。很久之前是沒(méi)有UI這個(gè)職位的，上古時(shí)代我們稱(chēng)之為美工（可惜這么有歷史的詞現(xiàn)在倒成了貶義詞），或者視覺(jué)設(shè)計(jì)師，后來(lái)做Web設(shè)計(jì)的干脆叫網(wǎng)頁(yè)設(shè)計(jì)師。因?yàn)楹芫靡郧澳菚r(shí)候還沒(méi)有UCD（User Center Design）這個(gè)說(shuō)法，所以界面設(shè)計(jì)里并沒(méi)有加入U(xiǎn)ser的部分，多數(shù)只是考慮視覺(jué)的美觀(guān)。而站在現(xiàn)在的角度來(lái)看，以用戶(hù)為中心的設(shè)計(jì)理念已經(jīng)深入……深入人嘴（意思就是現(xiàn)在大多數(shù)人嘴里念念叨叨用戶(hù)體驗(yàn)用戶(hù)體驗(yàn)，其實(shí)他們并不知道什么是用戶(hù)體驗(yàn)），好吧，人嘴就人嘴，你可以粗暴地理解其為：為人民服務(wù)。

那到底用戶(hù)體驗(yàn)是什么？用戶(hù)體驗(yàn)是產(chǎn)品設(shè)計(jì)者/團(tuán)隊(duì)對(duì)產(chǎn)品用戶(hù)心理的一種把控。用戶(hù)體驗(yàn)設(shè)計(jì)過(guò)程，是對(duì)用戶(hù)的視覺(jué)偏好/行為特征/操作習(xí)慣等等等等用戶(hù)心理特征通過(guò)各種調(diào)研方法得出的定量或定性的統(tǒng)計(jì)數(shù)據(jù)與結(jié)論，從而用來(lái)指導(dǎo)整體產(chǎn)品的功能/交互/界面等方面的設(shè)計(jì)。

到這里，美工/界面設(shè)計(jì)/視覺(jué)/網(wǎng)頁(yè)設(shè)計(jì)師，也就搖身一變變成了現(xiàn)在的UI。也就是說(shuō)，單單考慮到美觀(guān)的視覺(jué)設(shè)計(jì)還不夠，同時(shí)還需要把你對(duì)用戶(hù)的感知和理解融入到設(shè)計(jì)中去。這就是UI的基本要求，當(dāng)然……要求是要求，能做Interface的，一抓一大把，真有User理念的，不多

學(xué)會(huì)哪些軟件就能做UI了呢？

內(nèi)行人一看就懂，這題目分明就是外行話(huà)，為什么外行，稍后再說(shuō)

先說(shuō)下此問(wèn)題的答案：即便你把a(bǔ)dobe系列全學(xué)會(huì)了，你也不一定能做UI

從上古時(shí)代的“網(wǎng)頁(yè)三劍客”到后來(lái)業(yè)界公認(rèn)的PS/AI/DW，到最近一些小眾但是逐漸在變熱門(mén)的Sketch/Affinity系列，UI使用的軟件逐漸在向更專(zhuān)業(yè)化的方向發(fā)展，比如說(shuō)PS CC 2015新增的“設(shè)計(jì)空間”就非常適合UI界面做布局配色。但是由于PS本身就不是一個(gè)專(zhuān)業(yè)的UI軟件，新加入的“設(shè)計(jì)空間”也稍顯雞肋。

大致總結(jié)下目前行業(yè)常用的軟件： Photoshop ， Illustrator，Dreamweaver，Sketch，Affinity photo，Affinity Design，Sketch，Axure，Mockups，F(xiàn)lash，After Effects。以上是我經(jīng)常用的和經(jīng)常見(jiàn)到別人用的UI行業(yè)軟件，至于軟件好壞怎么選擇這些東西略過(guò)不表。這篇文章只說(shuō)軟件與設(shè)計(jì)的關(guān)系。

為啥Adobe全學(xué)會(huì)了還不能做UI？

我們舉個(gè)例子：

圖1：

圖2：

插句題外話(huà)，如果你覺(jué)得圖1很好看圖2很丑，那我可能要很遺憾地告訴你，設(shè)計(jì)行業(yè)不適合你，盡快想別的出路吧。

我從昵圖網(wǎng)隨便找了兩個(gè)網(wǎng)頁(yè)，好，大家比較一下圖1和圖2，我要說(shuō)明什么呢？

首先，這兩個(gè)網(wǎng)頁(yè)都是用PS做的，與軟件版本無(wú)關(guān)，與你用的是Mac還是PC也無(wú)關(guān)。

其次，圖1和圖2對(duì)PS技術(shù)的要求是一樣的，而且PS操作技術(shù)要求相當(dāng)?shù)停鯇W(xué)PS不久的同學(xué)就可以輕松地畫(huà)出來(lái)

最后，舉個(gè)例子：

你和小明一起學(xué)PS，兩個(gè)人看同樣的PS教材，看同樣的視頻課程

你做出了圖1，小明做出了圖2

你屢次投簡(jiǎn)歷失敗，還要為月薪兩三千的底層美工職位擠破頭，而小明已拿到了BAT月薪1.5W的UI Designer offer，轉(zhuǎn)眼迎娶白富美走上人生巔峰

為什么？

因?yàn)?會(huì)軟件≠會(huì)設(shè)計(jì)

許多同學(xué)把做UI理解成為”學(xué)會(huì)軟件了就會(huì)做UI“，于是趕緊跑上來(lái)問(wèn)“UI都需要什么軟件技能？” “PS學(xué)到什么程度就能做UI了？” “達(dá)到一個(gè)UI設(shè)計(jì)師的水平需要學(xué)會(huì)哪些軟件？” 聽(tīng)了一群外行和半吊子內(nèi)行說(shuō)要學(xué)PS/AI/DW等等，要學(xué)某某某大師的視頻課程，要上某某PS教學(xué)網(wǎng)站，要去培訓(xùn)班系統(tǒng)學(xué)習(xí)。抱著對(duì)眾神百分百虔誠(chéng)的信任然后趕緊花費(fèi)大量的時(shí)間精力金錢(qián)去學(xué)PS學(xué)AI學(xué)DW學(xué)Flash（更有奇怪的培訓(xùn)班還要教CAD和3Dmark，真心理解不了）。熬盡七七四十九個(gè)白晝與黑夜，“系統(tǒng)”地學(xué)完了一大堆UI常用的和不常用的軟件之后突然感覺(jué)自己瞬間打通任督二脈，不僅長(zhǎng)出了三頭六臂順帶還精通了十八般武藝，然后擼起袖子做了個(gè)圖1……

你要知道，圖1和圖2之間的差距，與軟件無(wú)關(guān)。

中間相差的設(shè)計(jì)感，色彩感，排版規(guī)則，設(shè)計(jì)技巧等等，絕對(duì)不是靠學(xué)PS學(xué)AI學(xué)DW等等等等軟件學(xué)出來(lái)的，就像我開(kāi)頭說(shuō)的，Adobe全學(xué)會(huì)了你也不一定能做得了UI。

想起我好多年前剛開(kāi)始做UI時(shí)候認(rèn)識(shí)的一個(gè)朋友，年近三十，PS用了9年，快捷鍵耍得出神入化，但是依然在一個(gè)小縣城的婚紗攝影店拿著2000的工資做婚紗照的后期

我做設(shè)計(jì)的最初一年多，只會(huì)PS，是的，除此之外什么軟件都不用。AI還是后來(lái)才摸，DW壓根沒(méi)學(xué)（設(shè)計(jì)和Html的關(guān)系這是另外的話(huà)題，以后再說(shuō)）

所以不知道到這里你明白了沒(méi)有：

不要把你的時(shí)間都堆在學(xué)軟件上面，鍋碗瓢盆油鹽醬醋備齊并不代表你就能立馬變成廚子。

【為了這7個(gè)指南也得存書(shū)簽！】

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開(kāi)始成為優(yōu)秀交互設(shè)計(jì)師》
3. UI設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》
4. 前端開(kāi)發(fā)：《天貓高手來(lái)教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開(kāi)發(fā)？》
5. 摳圖技巧：《從菜鳥(niǎo)到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識(shí)學(xué)起來(lái)！為設(shè)計(jì)師量身打造的DPI指南》

原文地址：zhuanlan.zhihu
作者：Think Lee

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量105萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com