當(dāng)前位置：首頁(yè) >UI設(shè)計(jì) >自學(xué) UI 設(shè)計(jì)有哪些資料和書(shū)籍推薦

自學(xué) UI 設(shè)計(jì)有哪些資料和書(shū)籍推薦

發(fā)布時(shí)間：2024-01-03 20:28:47 瀏覽量：260次

?首先說(shuō)到自學(xué)，自學(xué)需要很大的毅力以及精力去學(xué)習(xí)，如果缺少毅力和自制力的話，還是放棄自學(xué)吧，再者不管自學(xué)什么，都要分階段進(jìn)行，先從簡(jiǎn)單、實(shí)用的開(kāi)始。這樣能讓你有信心繼續(xù)走下去，也能更快的讓你找到工作并勝任這份工作。

在自學(xué) UI 設(shè)計(jì)前，要明確一點(diǎn)：

UI 設(shè)計(jì)包括兩個(gè)方面，一個(gè)是視覺(jué)層面，一個(gè)是交互層面，UI 設(shè)計(jì)不僅僅是視覺(jué)上的“好看”，更重要的是用戶操作時(shí)的“好用、易懂”。界面設(shè)計(jì)不是藝術(shù)性的設(shè)計(jì)，而是實(shí)用性的設(shè)計(jì)。

視覺(jué)層面：

1.理論

設(shè)計(jì)的基本理論，這其中包含很多，比如構(gòu)圖顏色明暗光影 …

相關(guān)書(shū)籍推薦：《設(shè)計(jì)中的設(shè)計(jì)》原研哉暢銷書(shū)

《平面設(shè)計(jì)法則》德比·米爾曼

《超越平凡的平面設(shè)計(jì)》系列

《配色設(shè)計(jì)原理》

《寫(xiě)給大家看的設(shè)計(jì)書(shū)》

《寫(xiě)給大家看的色彩書(shū)：色彩怎么選，設(shè)計(jì)怎么做》……

2.工具

在視覺(jué)層面使用的軟件有很多，前期可以從基礎(chǔ)軟件學(xué)起，切記！切記！切記！軟件僅僅是工具，不要太依賴于它！

前期

Adobe Photoshop 圖形圖像處理

Adobe illustrator 矢量圖形

中期

sketch Mac 下精簡(jiǎn)版 PS，更適合移動(dòng)端 UI 設(shè)計(jì)師

后期

aftereffect 影視剪輯合成軟件，主要用于 UI 動(dòng)效制作，也可以使用 Principle 或者類似軟件

C4d 三維視覺(jué)表現(xiàn)

原型圖繪制軟件 Axure rp 墨刀…

思維導(dǎo)圖 Xmind

輔助工具

切圖標(biāo)注 cutterman markman pxcook

預(yù)覽效果圖 ps play Skala view …

資料推薦：

軟件的使用建議從實(shí)際案例中去掌握，也就是在做東西的過(guò)程中去學(xué)習(xí)，去熟練，也能在這個(gè)過(guò)程中學(xué)習(xí)到制作的方法，流程，思路。

教程網(wǎng)站有慕課網(wǎng)，我要自學(xué)網(wǎng)，優(yōu)設(shè)網(wǎng)，68ps，tutorial 9……

3.思路

設(shè)計(jì)思路是也可以說(shuō)是靈感，創(chuàng)意，這個(gè)是需要慢慢去培養(yǎng)出來(lái)的，見(jiàn)得多了，自然而然就有思路，有方法了。

書(shū)籍推薦

《形式感+：網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)創(chuàng)意拓展與快速表現(xiàn)》

網(wǎng)站 UI 中國(guó) 站酷 behance dribbble …

4.審美

舉個(gè)簡(jiǎn)單的例子，現(xiàn)在你去回頭翻翻自己初高中時(shí)候的穿衣打扮，有什么感覺(jué)…其實(shí)審美是可以改變的。

提高審美沒(méi)有捷徑，它需要慢慢沉淀，需要你多去看好的作品，多去練習(xí)，多臨摹，多原創(chuàng)。有機(jī)會(huì)去一些畫(huà)展，設(shè)計(jì)展等，都非常有幫助。如果題主生活在北上廣深，可以多多參加。不過(guò)個(gè)人認(rèn)為對(duì)自己專業(yè)領(lǐng)域提升最多的應(yīng)該還是自己領(lǐng)域的設(shè)計(jì)相關(guān)作品。很多東西只有自己動(dòng)手之后才能獲得積累和提升。

交互層面：

1. 規(guī)范

設(shè)計(jì)規(guī)范會(huì)涉及到很多設(shè)備，比如你如果要做手機(jī)端 UI，你要知道手機(jī)常見(jiàn)的一些尺寸，要知道怎么樣去適配各個(gè)尺寸，怎么去切圖，標(biāo)注。

常見(jiàn)的需要了解的設(shè)備規(guī)范主要有：移動(dòng)手機(jī)端、pc 端、web 端、

其他一些設(shè)備：車載、Watch、pad、智能電視、、、

需要了解的就是這些設(shè)備的尺寸、交互形式、使用場(chǎng)景、用戶群體、、、

推薦書(shū)籍：

《認(rèn)知與設(shè)計(jì)：理解 UI 設(shè)計(jì)準(zhǔn)則》

《術(shù)與道：移動(dòng)應(yīng)用 UI 設(shè)計(jì)必修課》

2. 行業(yè)

行在找工作的過(guò)程中有可能會(huì)面臨各種各樣的行業(yè)，每個(gè)行業(yè)都會(huì)有各自的一些獨(dú)有的特點(diǎn)，常見(jiàn)的行業(yè)有很多，分類也有很多，比如：金融、醫(yī)療、社交、廣告、旅游、農(nóng)業(yè)……但是每個(gè)行業(yè)都會(huì)需要視覺(jué)層面的宣傳，不管是平面廣告還是軟件界面，都是需要設(shè)計(jì)師這個(gè)職位的。

3.心理

設(shè)計(jì)師要懂心理學(xué)，UI 設(shè)計(jì)師因?yàn)楣ぷ飨拗?，需要很多時(shí)間花費(fèi)在以用戶為中心的設(shè)計(jì)過(guò)程當(dāng)中，這個(gè)時(shí)候明白用戶的需求，理解用戶的首要目標(biāo)，對(duì)交互的易用性及交互的友好性會(huì)起到至關(guān)重要的作用。

不管學(xué)什么，首先需要的就是堅(jiān)持。

ui 最基礎(chǔ)的還是工具的應(yīng)用，例如 ps，入門(mén)快的話可能半個(gè)月用不上，但是會(huì)與會(huì)還是有區(qū)別的。就簡(jiǎn)單的摳圖而言，別人 5 分鐘你 10 分鐘，別人精細(xì)完整而你都是菱角雜邊。你會(huì)用么？會(huì)用；有用么？沒(méi)用。之前有接觸一個(gè)女生，想要自學(xué) ui，開(kāi)始每天會(huì)給她講解一些東西，布置一些練習(xí)。過(guò)了 3-4 天，練習(xí)完成度不到百分之 30，總感覺(jué)自己都會(huì)了（基礎(chǔ)工具都不認(rèn)識(shí)）。可能我不是個(gè)好老師，她也不是個(gè)好學(xué)生，不到一周她放棄了我也放棄了。

不管學(xué)什么，必要的是基礎(chǔ)。

不管你是學(xué)的 java 前端 ui 還是其它的，必要的基礎(chǔ)是要有的，是有好多東西可能是你用不上的；但是這里提到的是必要的基礎(chǔ)，就如一些常用快捷鍵，你不用也能作圖，但是你的工作效率肯定比不上別人。有時(shí)候老板讓你做個(gè)證件照，你不能說(shuō)我不清楚尺寸，我不會(huì)摳圖吧。