UI設(shè)計(jì)師入門指南(4)

職業(yè)發(fā)展篇

為什么？

經(jīng)常有人問到這樣的問題：UI設(shè)計(jì)師怎么入門�。渴紫任蚁雴枺簽槭裁茨阆氤蔀橐幻鸘I設(shè)計(jì)師？為什么不是交互設(shè)計(jì)師？為什么不是工程師？這是一個(gè)非常實(shí)際的問題，我問過很多人這樣的問題，有的人覺得這個(gè)行業(yè)火、工資高這樣的理由，也有人只是想找個(gè)過度的職業(yè)，如果你是這樣的一些人，我想你是不是該好好考慮一下，因?yàn)檎娴臅?huì)浪費(fèi)你的時(shí)間，明明不喜歡的事情去逼著自己去做，生理和心理上都備受煎熬。也許你的理由會(huì)成為你接下來的不斷超越、不斷前進(jìn)的動(dòng)力。

怎么辦？

當(dāng)把為什么想通了，那么你就可以全身心的投入了，一萬小時(shí)告訴我們，只要堅(jiān)持你就會(huì)成為這個(gè)領(lǐng)域的專家。我們?cè)诮酉聛淼恼n程中繼續(xù)為大家奉獻(xiàn)關(guān)于成為一名UI設(shè)計(jì)師的更多精彩內(nèi)容。

有人會(huì)問難道我會(huì)做一輩子UI設(shè)計(jì)師嗎？有的人真的會(huì)這樣，但如果你是一個(gè)非常具有上進(jìn)心的人，那么未來也許你會(huì)轉(zhuǎn)向交互設(shè)計(jì)師、用戶體驗(yàn)設(shè)計(jì)師、設(shè)計(jì)總監(jiān)之類的職位。當(dāng)然隨著時(shí)間的推移，你也會(huì)在這個(gè)行業(yè)變得為人所知。這并不是絕對(duì)的路是自己走出來的，具體看你想要什么吧！

職業(yè)特色

由于UI設(shè)計(jì)師這個(gè)職位現(xiàn)在非常火，而且是一個(gè)比較新的職位，所以保持一個(gè)永遠(yuǎn)學(xué)習(xí)的心態(tài)是最好的了，每年各種界面設(shè)計(jì)規(guī)范滿天飛，沒有這個(gè)能力怎么跟上職業(yè)的要求呢？

薪資待遇

這個(gè)的話完全看能力吧！工作4-5年的人都在7K-15K左右，1-2年的差不多4K-6K左右，這個(gè)不一定，不同地區(qū)、個(gè)人能力都決定著你的薪資水平。

概念

UI：用戶界面 User Interface

- UI設(shè)計(jì)師則指從事對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)工作的人。UI范圍更廣這其中包括了GUI、ID、UE。

ID：交互設(shè)計(jì) Interaction Design（與工業(yè)設(shè)計(jì)Industrial Design區(qū)分開）

-指設(shè)計(jì)師對(duì)產(chǎn)品與它的使用者之間的互動(dòng)機(jī)制進(jìn)行分析、預(yù)測(cè)、定義、規(guī)劃、描述和探索的過程。

GUI：圖形用戶界面 Graphical UserInterface

-是指采用圖形方式顯示計(jì)算機(jī)操作用戶接口。就是界面美工，只管軟件視覺界面，比UI范圍窄。目前國內(nèi)大部分的UI設(shè)計(jì)師其實(shí)做的是GUI。

UE：User Experience

-關(guān)注的是用戶的行為習(xí)慣和心理感受，就是琢磨人會(huì)怎么用軟件或者硬件才覺得順心就手的。2012年會(huì)做這個(gè)的設(shè)計(jì)師不太多。

技能篇-基礎(chǔ)

工具：PS、AI、FL、DW等為主，當(dāng)然某些公司還要求你從事一些交互方面的工作，這時(shí)候必不可少的就是Axure等了。

要求：從上面百度百科上的要求，可以看到對(duì)于UI設(shè)計(jì)師的職位要求還是蠻高的，當(dāng)然某些要求太高了，起碼要會(huì)HTML、CSS之類的，目前我所認(rèn)識(shí)的UI設(shè)計(jì)師中極少人會(huì)。更別說JS和Ajax了，這個(gè)我也不會(huì)�？赡苡械墓拘枰�！看公司具體要求是怎樣的。

PS

首先說明一下，基礎(chǔ)性的PS課程大家可以上網(wǎng)看，教程也非常多，大家可以去網(wǎng)易云課堂看看李濤的PS課程，因?yàn)镻S軟件太強(qiáng)大了，想把它講完簡(jiǎn)直是開玩笑。先來張圖：

這是我的一個(gè)工作界面，也是我用的最多的一個(gè)工具，就應(yīng)該把它設(shè)置成自己認(rèn)為最舒服的、感覺最好的界面，形成一個(gè)習(xí)慣這樣看起來就有點(diǎn)“磚家”的樣子了。然后就是修改一下它默認(rèn)的一些設(shè)置吧!ctrl+k就行了。

去掉使用shift鍵切換工具的勾，這樣切換工具只需要直接按字母就行了，速度就提升上來了。

工作界面的顏色自己調(diào)節(jié)，也就四種給你選，挑一個(gè)最喜歡的，就這么用著。

如果說使用PS有點(diǎn)卡的話，可以在這里修改一下性能，將內(nèi)存使用情況減小或者暫存盤全部勾選，用箭頭將C盤移動(dòng)到最下面，這樣默認(rèn)的緩存盤就會(huì)變成DEFC了，不用擔(dān)心C盤被塞的滿滿的了。

修改單位，UI設(shè)計(jì)使用的就是像素了，這個(gè)不解釋。

智能參考線和參考線選自己喜歡的吧！最好能夠很好的顯示著，不會(huì)在作圖時(shí)受到界面顏色的干擾。

編輯-鍵盤快捷鍵-圖層，這是三個(gè)非常實(shí)用的快捷鍵，能夠快速的將圖層樣式拷貝、復(fù)制、刪除。

還有就是縮放了，看見非常多的新手會(huì)按住alt鍵用滾輪縮放，你不感覺超慢嗎？我一直用ctrl（alt）+空格+按住左鍵左右劃，這樣縮放速度超快。

但是細(xì)微縮放一定要勾選，快捷鍵Z看頂部菜單欄，才能保證快捷鍵有效。

在PS中我用的最多的工具就是A、U、P、T、V、M即小白小黑箭頭、矢量工具、鋼筆工具、文字工具、移動(dòng)工具、框選工具

，其他工具要么沒用過，要么用的太少了。

還有就是優(yōu)秀網(wǎng)頁設(shè)計(jì)的PS白皮書2013版了，很多實(shí)用的東西，大家可以去看看 ，最好記住這些吧 http://hao.uisdc.com/ps/

Ai

這個(gè)工具，我用的非常少，簡(jiǎn)直是少的可憐，除非需要做一個(gè)非常難得造型。當(dāng)然業(yè)內(nèi)也有人一直用這個(gè)工具做UI，但是個(gè)人覺得他的效果太假了，當(dāng)然，如果大家想學(xué)，可以去網(wǎng)上看點(diǎn)課程，畢竟工作中是要求會(huì)的。

Fl

學(xué)過這個(gè)工具，不過我至今沒有用過，不過大家還是要去學(xué)的，畢竟如果你想做一個(gè)頁面怎樣跳轉(zhuǎn)的效果，直接做出來給工程師，一看就明白了，就不會(huì)兩個(gè)人商量半天，都沒聽懂想說什么（這就是工程師和設(shè)計(jì)師）。

DW

這個(gè)工具最好要會(huì)，因?yàn)槟憧赡苋ヒ患夜�，可能就你一個(gè)設(shè)計(jì)，這樣的話移動(dòng)端的、網(wǎng)頁端的都是你了，還有一點(diǎn)是現(xiàn)在有非常多的小型APP會(huì)使用PhoneGap或者APPcan打包，只需要一個(gè)懂HTML5、CSS3、會(huì)點(diǎn)JS的人了，這樣非常節(jié)省項(xiàng)目時(shí)間，而且維護(hù)起來超好，但是個(gè)人覺得用這兩個(gè)工具做的APP在體驗(yàn)方面不敢恭維了。還有就是網(wǎng)頁端，目前大部分的網(wǎng)頁都是用div標(biāo)簽，因?yàn)樗每刂�，沒有任何屬性，要什么加什么。