當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

UI設計師入門指南(4)

來源:站酷 作者:Biscer 學習:10921人次

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

為什么?

經(jīng)常有人問到這樣的問題:UI設計師怎么入門啊?首先我想問:為什么你想成為一名UI設計師?為什么不是交互設計師?為什么不是工程師?這是一個非常實際的問題,我問過很多人這樣的問題,有的人覺得這個行業(yè)火、工資高這樣的理由,也有人只是想找個過度的職業(yè),如果你是這樣的一些人,我想你是不是該好好考慮一下,因為真的會浪費你的時間,明明不喜歡的事情去逼著自己去做,生理和心理上都備受煎熬。也許你的理由會成為你接下來的不斷超越、不斷前進的動力。

怎么辦?

當把為什么想通了,那么你就可以全身心的投入了,一萬小時告訴我們,只要堅持你就會成為這個領(lǐng)域的專家。我們在接下來的課程中繼續(xù)為大家奉獻關(guān)于成為一名UI設計師的更多精彩內(nèi)容。

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

職業(yè)特色

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

薪資待遇

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

概念

UI:用戶界面 User Interface

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

ID:交互設計 Interaction Design(與工業(yè)設計Industrial Design區(qū)分開)

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

GUI:圖形用戶界面 Graphical UserInterface

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

UE:User Experience

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

技能篇-基礎

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

工具:PS、AI、FL、DW等為主,當然某些公司還要求你從事一些交互方面的工作,這時候必不可少的就是Axure等了。

要求:從上面百度百科上的要求,可以看到對于UI設計師的職位要求還是蠻高的,當然某些要求太高了,起碼要會HTML、CSS之類的,目前我所認識的UI設計師中極少人會。更別說JS和Ajax了,這個我也不會?赡苡械墓拘枰!看公司具體要求是怎樣的。

 

PS

首先說明一下,基礎性的PS課程大家可以上網(wǎng)看,教程也非常多,大家可以去網(wǎng)易云課堂看看李濤的PS課程,因為PS軟件太強大了,想把它講完簡直是開玩笑。先來張圖:

 

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

這是我的一個工作界面,也是我用的最多的一個工具,就應該把它設置成自己認為最舒服的、感覺最好的界面,形成一個習慣這樣看起來就有點“磚家”的樣子了。然后就是修改一下它默認的一些設置吧!ctrl+k就行了。

 

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

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

 

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

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

 

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

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

 

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

修改單位,UI設計使用的就是像素了,這個不解釋。

 

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

智能參考線和參考線選自己喜歡的吧!最好能夠很好的顯示著,不會在作圖時受到界面顏色的干擾。

 

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

編輯-鍵盤快捷鍵-圖層,這是三個非常實用的快捷鍵,能夠快速的將圖層樣式拷貝、復制、刪除。

 

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

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

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

 

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

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

UI設計師入門指南(二)-技能篇-基礎(原創(chuàng))

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

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

 

Ai

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

 

Fl

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

 

DW

這個工具最好要會,因為你可能去一家公司,可能就你一個設計,這樣的話移動端的、網(wǎng)頁端的都是你了,還有一點是現(xiàn)在有非常多的小型APP會使用PhoneGap或者APPcan打包,只需要一個懂HTML5、CSS3、會點JS的人了,這樣非常節(jié)省項目時間,而且維護起來超好,但是個人覺得用這兩個工具做的APP在體驗方面不敢恭維了。還有就是網(wǎng)頁端,目前大部分的網(wǎng)頁都是用div標簽,因為它好控制,沒有任何屬性,要什么加什么。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
嵐oO2019-06-13 11:09
UI設計師入門指南
User_x5CGk-kN8D2019-04-02 09:08
很不錯
刷單 妲己?2018-05-19 04:29
很不錯
可愛的鉆石女孩2017-05-28 08:29
受教!
可愛的鉆石女孩2017-05-28 08:29
受教!
胖O紙2017-05-28 01:28
這個教程有意思
胖O紙2017-05-28 01:28
這個教程有意思

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!