怎麼自學UI設計?

12-23

開學大四，馬上瀕臨畢業。所學專業是工業設計公共設施方向，不考慮本專業。想學習UI和交互設計。不知道有沒有有相關經驗的認識可以指導一下。開學後到畢業估計有8個月時間，如果培訓班的話著實支付不起。自學有哪些指導么？

寫在前面（不缺錢，找個培訓班因該能少走不少彎路，節省不少時間。我自己沒上過培訓班，但是別人這麼說，我也覺得對。但是如何甄別培訓班的水平，這是一個問題。）

一、學習基礎軟體操作

如果沒有PS 基礎，請百度搜索PS教程。

（李濤的ps教程不錯你可以看一下）（一邊看，一邊跟著做，動手很重要）（軟體可以是別的比如AI，方法是一樣的）

2013新版 - 40條網頁設計師需了解的Photoshop禮儀

附贈一個PS新手手冊，其實不僅僅是新手，這就像一個講禮貌的素質，會贏得更多尊重。

二、磨練技能，動手練習

找一些自己喜歡好看的圖標、APP、網站截圖下來，儘可能百分百臨摹複製出來。

（不懂就看教程，百度，進各種設計、UI群，問別人，問朋友。百度和教程是第一位的，盡量少問別人，問多了會煩的。尤其是重複的問題，新手有時候簡單的操作記不住不會，因此勤做筆記，一個一個步驟細緻一點，確保下次還能按照步驟重來一遍）

這裡臨摹幾套完整的APP很有必要，

1、熟練你的軟體操作能力

2、對基本界面布局的理解

3、發現很多不上手做就注意不到的問題

最直接的效果就是你可以開始上手做東西，而不是做一些四不像的半成品。（因為你已經做了好幾套成熟而完整的作品了，臨摹的也是你做出來的）（很有必要強烈推薦）

你平時都是怎樣進行設計技能練習的？ - 用戶界面設計

三、提高審美、拓展思路、開闊眼界

瀏覽各種設計類的網站（站酷，優設、UI中國。。。）看別人的學習經驗，下載收集設計類的素材。

學習 Photoshop 或者網頁設計，有哪些網站值得推薦？ - 網頁設計 (Web Design)

UI中國-專業界面交互設計平台

站酷 (ZCOOL)

優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台

花瓣鍾正煒的花瓣個人主頁可以求粉么？

設計達人 | 愛設計，愛分享。

Iconfont-阿里巴巴矢量圖標庫超大圖標庫

可能這裡是別人的飛機稿，練習，項目上線以後才發布的稿件、很多是對新趨勢的嘗試，產品的改版、還是相對完整的作品。這也是有一定價值的。

而且網站還有更多的內容是別人的經驗總結（快速解決某些問題，掌握某些知識的利器），教程和各種精美實用的素材。（不建議花太多精力學習——某些過於炫技的東西）

四、規範自己的工作流程

下載各平台的設計規範（安卓，蘋果，WP）仔細研讀，並在練習中加以注意，應用。

Android L （5.0）界面（附PSD）

[ISUX轉譯]iOS 8人機界面指南（一）：UI設計基礎

研究單位問題-UI中國

以上一二三四應同時穿插進行，沒有優先順序和那個更重要。

經典重讀！不得不看的設計師十誡（附大量乾貨）

自己覺得差不多了，就可以開始對已有的APP，網站進行修改設計，發現優點與不足。變成自己的東西。自己嘗試做自己想法的東西，發表在你經常瀏覽的設計網站上，接受別人的提意見，贊同，表揚。

五、嘗試自己做相對完整——圖標、APP、網頁

這是對之前所學的總結，也是以後找工作的鋪墊

準備找實習的工作（這是一邊工作一邊學習的過程，私以為這個階段學習比工資更為重要）

如何找實習的工作？

在這個階段——這是一個技術活，作品可以展示很多東西

1、創作的作品整理一下思路，可以附帶一些文字內容。

2、整理好你之前的臨摹的作品

簡歷應著重表現你單獨完成的APP、網頁的經歷

作品質量和數量體現-你學習的態度

實習的工作 目的不是薪水，是學習。

在實習中有了項目經驗，公司對你好，有的學，那就好好乾，對你不好，沒啥好學的，那就跳槽。

跳槽的重點，你仍然需要學習，所以盡量不要找只有一個你一個設計師的公司，沒有交流沒有學習不會愉快的。

更具體的方法和資料

以下為轉載 ——以下為轉載—— 以下為轉載—— 以下為轉載 ——以下為轉載 —— 以下為轉載 ——————————————————————————————————————

寫在之前：這篇教程內容比較多，如果你是新手，能堅持每個知識點都搞明白的話，起碼要半年的時間~~！、 如果你進來隨便看一看就走了，那不能怪別人，是你自己不努力~！~~已經有很多新人在這裡學完找到了高薪工作。

今天來談談這個話題，學UI第一階段到底要掌握哪些知識和技能。
我們先來劃分一下啊，學UI要分幾個階段來學：

初級階段——&> 中級階段——&> 高級階段

QQ群里大多數學生都還在入門階段，感到很迷茫，不知道從哪裡開始學起。網上的海量信息，全是教程，都不知道先看什麼，後學什麼。非常的無助。

小編擁有多年UI設計實戰經驗，大大小小也做了很多項目，借這個機會，給新人們指引一個方向，希望能幫助到大家。

入門階段，就像一張白紙一樣，乾乾淨淨，也很茫然。所以才會有那麼多的培訓學校，教給大家的都是最基礎的入門的知識。

很多人在群里會問，我是自學還是報班啊。這個問題回答的嘴都軟了。

答：你如果定性比較弱，需要人逼著才學的進去，又不差錢。那麼就報班吧，這樣入門比較快。選擇學校的時候先去聽聽，在問問大家，不要被忽悠~！~如果你自學能力還不錯，又差錢。那麼還是自學好了。

下面我們來講講自學，因為小編從業多年都是自學。誰叫咱是窮孩子，交不起16800的學費。

話說這錢可以買一台高配的MACBOOK PRO 15

上邊這2篇文章看完以後，是不是大致明白了一些什麼了。

先來說說UI設計入門階段，用什麼軟體。工欲善其事，必先利其器

對於入門階段的童鞋來說，不要糾結那麼多，先把Photoshop玩熟練再說吧。因為在日常工作中，用的最多的就是PS了，可以這麼說，做UI界面基本上用它就夠用了。所以入門階段的你，不要瞎操那麼多心了，專心學習PS吧.

軟體安裝（建議購買正版軟體，以下下載僅供學習使用）

Photoshop CS6下載
Photoshop CC（安裝文件+破解教程+破解補丁）
怎樣安裝Photoshop畫筆，形狀，動作，濾鏡等插件
psd 縮略圖查看插件

配置Photoshop參數，做UI更方便安裝字體

ios-android-wp 3大系統字體下載（包含中英文）設計師必備
ios在線預覽字體（ui設計師必備）

photoshop視頻教程

傳智播客網頁平面設計學院 Photoshop快速入門視頻教程
李濤-photoshop教程
李晨公開課視頻教程
7天精通Photoshop CS5 UI交互設計
杜娟教你如何優秀UI設計師
李鳳輝-UI設計教程
Photoshop CS5實例視頻195集
老賀-PS人物面部美化及商業修片技法
高志遠-Photoshop UI設計視頻教程-快速掌握水晶質感圖標
PHOTOSHOP CS 視頻教程完整版(有些老，但是講的還是可以）

還有這幾個也要看看的：

45個設計師需要熟記的ps快捷鍵
PS真正實用技巧
Ps改進UI設計的一些技巧（必看）
設計新手在PS中最常犯的6個錯誤
你的PS很卡嗎？來瞧下這10個加速技巧

好了，軟體也安裝好了，視頻看了不少了。接下來就是要做各種練習了。前邊UI到底是什麼一文裡面也說了，UI不光是畫ICON,還要做界面。還有一些交互知識。

入門階段，就先別想那麼多，先畫畫簡單的圖標，做一些簡單的界面吧。

這個時候，逮到什麼畫什麼，比如打開百度的首頁，這個界面不陌生吧，照著畫一個出來。有人說了，這有什麼好畫的啊。你還別不服。很多入門級的新人，還真是做不出來。

有人連字體都做不出來，宋體12號，這個地方選無，就好了。

然後輸入框的效果放大看看，用了內陰影。

然後是搜索按鈕，用到了什麼效果了。

漸變+描邊+投影+內陰影做的白色高光（一個圖層樣式完成）

小小的一個按鈕，盡然有這麼多學問在裡面。這就是UI的魅力所在。

UI設計要先把什麼搞明白，哪些PS技巧先學會

Photoshop的知識點太多了，用了10年都不敢說精通。每個不同的設計領域用到PS的知識點也不一樣。

比如做CG原畫的，做網頁設計，照相館處理照片的等等用到PS功能都不太一樣。

UI設計入門階段先要學會以下幾個功能，一定要玩的很熟練第一：圖層樣式

上面做的百度這個頁面，看著簡單，卻用到了好幾種的圖層樣式。那麼像下邊這樣的按鈕。

用到的就更多了。所以想打怪升級，還是要把圖層樣式玩的很熟悉，入門階段要分析的出來，用到了什麼效果。

看到什麼好的界面或是ICON，就立馬分析一下，它用到什麼圖層樣式？

相關的教程：

一個按鈕有話說（PSD下載）
還在擔心按鈕設計嗎？來看看這十條基本準則
教你畫一個開關
如何與像素打交道
透明導航設計講解

第二：圖層的混合模式

Photoshop的混合模式（詳細解答）

第三：形狀工具

玩轉PS形狀圖層UI設計師必看
虛線的畫法

第四：學會切圖（常用的切圖辦法就在這裡，先挨個學一遍，然後根據實際的情況選擇相應的切圖方法）

photoshop切片使用小技巧（切圖）
PhotoshopCC新功能生成圖像資源（切圖）
【詳細介紹android和ios平台的切圖】
做ui必備–PS切圖動作用法（必裝）
Android切圖小貼士

搞明白一些常規的界面尺寸和視覺規範移動端：

移動端界面設計之尺寸篇
ios視覺設計規範說明
IOS 7 Ui規範PSD
Android系統字體規範(含Android系統字體包下載）
android規範文檔3份PSD下載（新手必學）
ios7和ios6 2套icon模板下載(ui設計師必備）
WP7 控制項，WP設計師必備文件。（psd下載）

網頁端：

網頁UI是如何標註的？（附帶WEB UI視覺規範文檔）
網頁UI視覺設計規範
網頁設計基礎技巧
WEB設計指南！
界面設計速成
不要讓用戶思考

色彩的學習

設計中關於顏色搭配的一些小經驗

配色秘要：永遠不要使用純黑

PS教你做漸變大背景

PHOTOSHOP操作技巧開始做點什麼（臨摹階段）

先來點勵志的

開始練習！先學會技法。

還在擔心按鈕設計嗎？來看看這十條基本準則
解密IOS7毛玻璃效果
輕鬆打造iOS7風格圖標
PS強大的角度漸變
教你如何畫圈圈—–標識設計中輔助參考線入門

常規UI切圖(3種方法，各有各的好）移動端UI切圖必備工具和教程

好了，差不多了，這些都挨個學一遍。就入門UI了。

學UI 要學的真的很多，這些都是基礎的知識，這些掌握了，才能到達 中級階段，加油！少年~~！

整理編寫：TIGER

原文地址

學UI入門階段到底要掌握哪些知識（UI第一階段課程）

一、UI設計的概念

軟體設計可分為兩個部分：編碼設計與UI設計。UI的本意是用戶界面，是英文User和 Interface的縮寫。從字面上看是用戶與界面2個部分組成，但實際上還包括用戶與界面之間的交互關係。 UI設計分為實體UI和虛擬UI，互聯網說的UI設計是虛擬UI，一般是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。

二、UI設計師

「UI」的本義是用戶界面，是英文User和interface的縮寫。UI設計師簡稱UID（User Interface Designer），指從事對軟體的人機交互、操作邏輯、界面美觀的整體設計工作的人。UI設計師的涉及範圍包括商用平面設計、高級網頁設計、移動應用界面設計及部分包裝設計

工作內容

編輯負責軟體界面的美術設計、創意工作和製作工作；根據各種相關軟體的用戶群，提出構思新穎、有高度吸引力的創意設計；對頁面進行優化，使用戶操作更趨於人性化；維護現有的應用產品；收集和分析用戶對於GUI的需求。

工作經驗

主要要求從業人員精通Photoshop、Illustrator、Flash等圖形軟體，1. 負責公司產品在智能電視、PC端、移動端頁面/應用的整體設計；2. 基於用戶體驗、人機交互、圖形化設計、界面設計等前沿理論實現產品風格設計；3. 充分理解產品策劃思路及理念，配合產品經理和研發人員實現產品各種界面的視覺設計；4. 建立和完善產品界面視覺設計規範；5. 根據交互設計及產品規劃，完成產品（iPhone、Android 、Web平台App及網站）相關的用戶界面視覺設計。 6. 配合產品開發中的圖形界面（GUI）設計。 7. 完成產品相關推廣活動的專題頁面、FLASH的設計及製作。 8. 與研發團隊充分溝通協作，確認可控的誤差範圍和視覺效果的最終實現； 9. 根據視覺設計的發展趨勢及用戶研究的結果不斷優化產品的圖形界面（GUI）

UI初學者需具備的知識架構

1、視覺設計部分：首先，視覺設計不僅僅是做ICON，做界面或者界面元素。很多人認為，如果去互聯網公司做視覺方向ui設計，只會簡單做圖標、界面就OK。這是極其幼稚的想法。一般公司如果花錢雇專職視覺設計師的話，那麼整個公司的美術設計工作一般都會給視覺設計做。這就要求你幾乎精通平面設計師所會的所有知識。所以，如果你想今後在視覺領域混，那麼以下幾項技能必不可少：

1）平面構成；

2）色彩構成；

3）版式設計；

4）心理學；

5）美術繪畫；

6）設計意識；

2、交互設計師應該具備的基本能力：

1）了解用戶體驗設計、可用性原則；

2）信息挖掘、用戶調研、數據分析；

3）良好的邏輯能力；

4）心理學；

5）交互設計原則、不同平台的規範；

6）產品視覺感；

7）溝通能力。

三、項目開發流程

圖中也展現了UI設計師在項目開發過程中的工作內容

四、.UI學習/設計步驟

規範基礎-軟體基礎-圖標設計-界面設計-切圖交互-用戶產品 跟著步驟一步步的走。1.自學UI平台：UI設計者 – 一個免費自學UI設計APP

2、UI設計的規範一致性原則堅持以用戶體驗為中心設計原則，界面直觀、簡潔，操作方便快捷，用戶接觸軟體後對界面上對應的功能一目了然、不需要太多培訓就可以方便使用本應用系統。

字體 -保持字體及顏色一致，避免一套主題出現多個字體；　　-不可修改的欄位，統一用灰色文字顯示。
對齊　　-保持頁面內元素對齊方式的一致，如無特殊情況應避免同一頁面出現多種數據對齊方式。
表單錄入 -在包含必須與選填的頁面中，必須在必填項旁邊給出醒目標識（*）；　　-各類型數據輸入需限制文本類型，並做格式校驗如電話號碼輸入只允許輸入數字、郵箱地址需要包含「@」等，在用戶輸入有誤時給出明確提示。
滑鼠手勢 　　-可點擊的按鈕、鏈接需要切換滑鼠手勢至手型；
保持功能及內容描述一致 -避免同一功能描述使用多個辭彙，如編輯和修改，新增和增加，刪除和清除混用等。建議在項目開發階段建立一個產品詞典，包括產品中常用術語及描述，設計或開發人員嚴格按照產品詞典中的術語辭彙來展示文字信息。

準確性原則使用一致的標記、標準縮寫和顏色，顯示信息的含義應該非常明確，用戶不必再參考其它信息源。

顯示有意義的出錯信息，而不是單純的程序錯誤代碼。
避免使用文本輸入框來放置不可編輯的文字內容，不要將文本輸入框當成標籤使用。
使用縮進和文本來輔助理解。
使用用戶語言辭彙，而不是單純的專業計算機術語。
高效地使用顯示器的顯示空間，但要避免空間過於擁擠。
保持語言的一致性，如「確定」對應「取消」,「是」對應「否」。

可讀性原則

文字長度

文字的長度，特別是在大塊空白的設計中很重要，太長會導致眼睛疲憊，閱讀困難。太短又經常會造成尷尬的斷裂效果，斷字的使用也會造成大量的複合詞，這些斷裂嚴重的影響了閱讀的流暢性。

空間和對比度

每個字元同線路長度，間距也是重要的。所以每個字元之間的空間至少等於字元的尺寸，大多數數字設計人員習慣選擇一個最小的文字大小的150%為空間距離，這就可以留下足夠的空間。當每一行中讀取大段的文字，且線路長度過多或線之間的空間太少，都會造成理解困難。

對其方式

無論是在文本中心，還是偏左，或者是沿著一個文件的右側對齊，文本的對齊相當重要，可以極大地影響可讀性。一般而言，文本習慣向左對齊，因為它反映了你的閱讀方式 – 從左至右。你熟悉每一行開始和結束的地方。布局合理化原則在進行UI設計時需要充分考慮布局的合理化問題，遵循用戶從上而下，自左向右瀏覽、操作習慣，避免常用業務功能按鍵排列過於分散，以造成用戶滑鼠移動距離過長的弊端。多做「減法」運算，將不常用的功能區塊隱藏，以保持界面的簡潔，使用戶專註於主要業務操作流程，有利於提高軟體的易用性及可用性。

菜單　　-保持菜單簡潔性及分類的準確性，避免菜單深度超過3層。　　-菜單中功能是需要打開一個新頁面來完成的，需要在菜單名字後面加上「…」。【只適用於C/S架構，B/S請無視】。
按鈕　　確認操作按鈕放置左邊，取消或關閉按鈕放置於右邊。
功能　　-未完成功能必須隱藏處理，不要置於頁面內容中，以免引起誤會。
排版　　-所有文字內容排版避免貼邊顯示（頁面邊緣），盡量保持10-20像素的間距並在垂直方向上居中對齊；各控制項元素間也保持至少10像素以上的間距，並確保控制項元素不緊貼於頁面邊沿。
表格數據列表 　　-字元型數據保持左對齊，數值型右對齊（方便閱讀對比），並根據欄位要求，統一顯示小數位位數。
滾動條 -頁面布局設計時應避免出現橫向滾動條。
頁面導航（麵包屑導航） -在頁面顯眼位置應該出現麵包屑導航欄，讓用戶知道當前所在頁面的位置，並明確導航結構，如：首頁&>新聞中心&>歐科智能招商服務平台正式發布，其中帶下劃線部分為可點擊鏈接。
信息提示窗口 -信息提示窗口應位於當前頁面的居中位置，並適當弱化背景層以減少信息干擾，讓用戶把注意力集中在當前的信息提示窗口。一般做法是在信息提示窗口的背面加一個半透明顏色填充的遮罩層。

目前我還是用的ios7的設計規範，1136*640適配性能還是很好的。

當然如果想用其它規範也可以。

規範基礎 UI設計者

APP設計規範(15圖)_@威廉波波斯收集

UI文章專題-UI中國尺寸規範 - 優閣網(UIGREAT)APP設計尺寸規範大全，APP界面設計新手教程【官方版】

網頁設計規範2014網頁設計尺寸規範？ - 莫若

2.軟體基礎PS、AI、Skech、mockingbot、mockplus、chainco、cutman、Axure等等製作原型，界面，圖標製作，素材製作，切圖等等相關步驟的軟體都需學會。當了解的越多會發現，有更多新型提高效率好用的軟體，例如pixate、xmind、AE......以及更多mac上面的國外app製作軟體。

工具-UI中國-專業界面交互設計平台

25學堂-專註APPUI界面設計,分享移動互聯網優秀產品

原型 http://weixin.qq.com/r/cHVtdXTEvCnDrTAW9yBi (二維碼自動識別)

設計工具(165圖)_@威廉波波斯收集自己也收藏了很多新奇的UI設計軟體。

3.圖標設計

圖標設計 UI設計者當然，也有圖標素材。

Iconfont-阿里巴巴矢量圖標庫中國最大的圖標素材庫，還可以製作iconfont

素材網站（底部有鏈接）：

大家根據關鍵詞搜索（自己最近收藏的一些素材網站），應該夠新手用的了

圖標模板製作

圖標模板 – 搜索結果

http://weixin.qq.com/r/cHVtdXTEvCnDrTAW9yBi (二維碼自動識別)

4.界面設計

欣賞臨摹優秀作品

APP界面(83圖)_@威廉波波斯收集

當然，還有UI優秀作品展示平台。

UI中國-專業界面交互設計平台

http://weixin.qq.com/r/UUiWjnzEoCHfrTjt9x1D (二維碼自動識別)

優閣網(UIGREAT)

素材網站：

大家根據關鍵詞搜索（自己最近收藏的一些素材網站），應該夠新手用的了

當然了還有UI網站導航：大家根據關鍵詞搜索（自己最近收藏的一些素材網站）

5.切圖交互

Cutterman - 最好用的切圖工具

UI動效(75圖)_@威廉波波斯收集

6.用戶產品

這個就不多說了，進入公司跟著項目走一遍就知道了。

說一點用戶體驗設計的乾貨吧。騰訊CDC

騰訊MXD移動互聯網設計中心

攜程設計委員會-Ctrip Design Committee

http://ued.sina.com/

曉生 | 和他的小夥伴們界面設計相關元素也很重要，比如字體、色彩搭配、布局等等，我只提一下，不細講。

7.字體設計/學習平台

中文字體字體設計欣賞+字體下載：

字體傳奇網-中國首個字體品牌設計師交流網

特別美的中文字體合集中文字體界面設計 - 圖翼網(TUYIYI.COM) - 優秀UI設計師互動平台

·找字網,您的字體管家!免費字體下載,字體設計!

·書法字體轉換器在線轉換-藝術字體在線生成器設計-第一字體網

·字體下載-求字體網提供中文和英文字體庫下載、識別與預覽服務，找字體的好幫手

·書法字典書法字體生成器書法字典在線查詢在線書法字體生成

·藝術字任意生成器 - 藝術字所有參數可控轉換器

·在線書法字體生成網站_書法字體在線轉換_支持在線生成矢量書法家字體(可下載)

英文字體下載

·Tyler FinckBBehance

·Free font downloads - Fontsup.com

·introducing White Pine, a free font

·Hamster Script (Free Font)

·中文字體+英文字體

·Raleway 字體

·字體設計教程字體設計學習_藝術字體,書法字體,PS字體,AI,C4D字體設計_虎課網

· 設計資源下載 - 創意互動 - 精品文章分享、精品APP界面欣賞、優秀資源免費下載 - 為中國設計師加油

·好美！17套美麗時尚輕盈精細字體免費下載 - 設計資源下載 - 創意互動 - 精品文章分享、精品APP界面欣賞、優秀資源免費下載 - 為中國設計師加油

·設計師必備暖品！20款值得擁有的中文字體打包下載 - 設計資源下載 - 創意互動 - 精品文章分享、精品APP界面欣賞、優秀資源免費下載 - 為中國設計師加油

8.色彩搭配 我在網頁設計中怎麼配色？ - 莫若的回答

·沒有設計師時，產品經理該如何給產品配色？ - 莫若的回答已經非常仔細了，可以看看 ·Material Design Color Palette Generator

·Material Design, Daily a€「 MaterialUp

UI設計交流群：414632028

...未完待續

------------------更新免費UI素材下載網站--------------------

1.綜合類UI素材下載平台

·網頁UI免費下載_網頁UI素材免費下載--千圖網www.58pic.com

·ui圖片素材_ui設計模板大全【免費下載】_90設計網

·優秀網頁設計聯盟-SDC-網頁設計師交流平台-聽講座，聊設計，找素材，盡在優設網

·Behance

·Show and tell for designers

·UI中國-專業用戶體驗設計平台

·學UI網-APP截圖站_APP欣賞_APP圖片 | APP截圖欣賞站是以APP設計欣賞，APP圖片展示，APP截圖分類為主APP界面欣賞網站

·黃蜂網-設計優選 - 黃蜂網woofeng.cn·

25學堂-專註APPUI界面設計,分享移動互聯網優秀產品

·方酷 - UI設計|APPUI|手機UI設計分享平台

·UI設計網uisheji.com-專業的ui設計APP界面設計學習分享交流平台 -

·UI設計者 - 一個免費自學UI設計APP

·素材中國_免費素材共享平台www.sccnn.com

·PS飯糰網 psefan.com - 不一樣的素材庫！精選設計師高逼格素材下載

·http://www.tuyiyi.com/

·PS教程,Photoshop教程網 - 思緣教程網

·標誌集合圖片_標誌集合設計素材

·歐萊凱設計網_分享創意設計素材

·平面設計網_平面設計作品欣賞-中國設計網

·我圖網,提供圖片素材及模板下載,專註正版設計作品交易·

創意互動 - 精品文章分享、精品APP界面欣賞、優秀資源免費下載 - 為中國設計師加油

·中國站長網_與站長攜手走向成功_cnzz.cn_站長網

2.UI領域素材下載

·Categories

·SUI Mobile

·AUI-靠譜的移動前端框架

·提供國外資源源文件下載分享

·優閣網(UIGREAT) - UI設計師學習交流社區 - Powered By EduSoho

·下載 - 學UI網

·http://www.appui.mobi/

·(2695) Free Mockup Generator - Placeit

·PSDDD.co - Free Photoshop amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; Sketch UI Resources

·http://www.uicoc.com/

·UI設計愛好者-UI設計教程,UI設計師的學習交流平台

·UE設計平台-網頁設計，設計交流，界面設計，酷站欣賞

·雲瑞設計－ui設計與體驗博客

·Download premium amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; free design content ~ EpicPxlsFree UI Kit PSD ·FilesFreeUIKits.com

·http://www.teehanlax.com/tools/iphone/

·http://ui-cloud.com/search/APP/?paged=2

·Hand-picked amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;#x27;Icons for iOS amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; Macamp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;#x27;

·PSD Repo - Free quality PSDs available for download

·Free PSD, Mockup, WordPress Theme and Other Resources

·User Interface Design Inspiration

·網站UI設計說明範本（設計風格指南） - 學UI網

·UI設計/UI界面設計/交互設計 - 作品欣賞 - 設計帝國

·The marketplace for design resources

·Mac UI and Icon Design Inspirations Gallery

·WeUI

·UI中國

·xiaopiu-在線APP原型設計

·AE製作圓球讀取動畫 FeatMax from TinyHouse

·UI動效_UI動畫_AE做ui動效-Uimaker-專註於UI設計

·Free cross-platform UI kit for Photoshop and Sketch

·WE DESIGN amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; BUILD APPLICATION INTERFACES

3.UI原型素材下載

·原型庫 - AxureRP高保真原型案例實戰，原型設計，可以如此簡單!

·axure原型素材 - Axure原創教程網

·教育學習網站常用圖標矢量素材下載-非凡圖庫

·html5模板,html5網頁模板,html5網站模板免費下載_模板王

4.icon（圖標素材下載）

按icon質量順序排名： ·38,100 Free Icons - The Largest Icon Pack Ever

· Iconfont-阿里巴巴矢量圖標庫

·Fontello - icon fonts generator

· Icon Font, SVG, PDF amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; PNG Generator

· icon圖標庫-icon圖標庫|矢量圖標庫-千圖網www.58pic.com

· Free Flat Icons - FlatIcons·

Mac UI and Icon Design Inspirations Gallery

·Iconfinder - 1,300,000+ free and premium icons ·

·Noun Project

·IconPng.com 愛看圖標網，免費中文圖標搜索引擎！

· 千圖網-免費圖標下載，圖標搜索引擎ICON(PNG/ICO/ICNS)圖標下載 ·

DB Freebies Design Resources from Behance and Dribbble

·is hungry PNG、ICO、ICNS 格式圖標搜索下載_easyicon.net

· 打包好了！可能是2015年最不能錯過的圖標素材免費下載

· 特色圖標_68Design ICONS源文件下載-

·圖翼網(TUYIYI.COM) - 優秀UI設計師互動平台

· http://xiaba.shijue.me/search

·Icons set

·搜索結果 icon : PS筆刷吧-筆刷免費下載

·icon下載 - 學UI網

·Icons

· Icons DB - free custom icons

·Foundry ∞

·下載資源搜索_CHINAUI優艾網

·icon - 搜索結果 - 25學堂

·Free icons by first-class designers

·UI設計師靈感庫-優界網

·icon圖片_專題_素材中國

·Transformicons Builder

·Download Free Vectors, Photos, Icons, PSDs and more

·Buy 38,100 icons for iOS 10 and Windows 10. PNG and SVG formats.

·Icons and Vector Graphics

· http://swifticons.com/preview

· iOS8 App圖標模板尺寸規範[4.0]最新出爐

· iOS Icon Gallery

·PrestaShop 官方圖標包開源含svg、eps和圖標字體格式

·Othericons – Premium Collection of Beautiful Icon Sets

·37個外國高素質圖標網站大合集！

·Evil Icons

·旅行圖標來一發！100+精美旅行圖標集免費下載 - 設計資源下載 - 創意互動 - 精品文章分享、精品APP界面欣賞、優秀資源免費下載 - 為中國設計師加油

·一淘無線圖標庫 - 公開圖標庫 - Iconfont

5.UI設計導航平台（每個導航都有上百個UI設計+網頁設計+前端+各種相關的網站鏈接），點進去之後，你一定會回來點贊的！：

1.設計導航 - 精選最好的設計網站大全

2.SDC設計師網址導航

3.牛大拿_最貼心的設計師導航_Niudana.com 4.輕設計 - 飛屋設計 5.UI設計師導航網 6.1納米學習網站導航 7.歡迎訪問祝快樂 8.資源集-墨加 9.設計網站平面設計網址導航 10.快搜 — 搜索快人一步 11.設計之家 - 傳播先進設計理念推動原創設計發展 12.設計師導航-圖翼網(TUYIYI.COM) 13.Judas.n個人導航,YouMeek導航

6. UI專屬論壇社區

·UI中國

· UCD大社區 - 以用戶為中心的設計

· Show and tell for designers

· UI設計者 - 一個免費自學UI設計APP

·掘金

· 優閣網(UIGREAT) - UI設計師學習交流社區

·http://app.xueui.cn/ http://www.appui.mobi/

·設計經驗技巧知識分享 - 黃蜂網woofeng.cn

·EpicPxls

·25學堂-專註APPUI界面設計,分享移動互聯網優秀產品

· http://www.fondcool.com/

·設計心得-UI設計網uisheji.com - 設計理念-

·圖翼網(TUYIYI.COM) - 優秀UI設計師互動平台

· MobileUI莫貝網 - 移動設備界面設計專業網站.

·雲瑞設計－ui設計與體驗博客

· UE設計平台-網頁設計，設計交流，界面設計，酷站欣賞

·AUI - 高性能移動前端框架

·設計達人 | 愛設計，愛分享。

·axure原型素材 - Axure原創教程網

· 原型庫 - AxureRP高保真原型案例實戰，原型設計，可以如此簡單!

·UI設計_UI_UI教程-Uimaker-專註UI設計

·蜜豆首頁

· 作品流 | 騰訊原創館

·Material Design, Daily - MaterialUp

·花瓣 Pinterest

· 十五言 - 每個人都在創造

· UI設計/UI界面設計/交互設計 - 設計欣賞 - 設計帝國

·少數派 - 高質量應用推薦媒體

7.UED相關

·騰訊CDC

·騰訊MXD移動互聯網設計中心

·騰訊ISUX - 社交用戶體驗設計

·TGideas-騰訊遊戲官方設計團隊

· 百度用戶體驗中心

· http://ued.taobao.org/blog/

·攜程設計委員會-Ctrip Design Committee

· 新浪UED | 一個關注用戶體驗、關注工作流、關注作品質量的有愛團隊

· 曉生 | 和他的小夥伴們

·騰訊遊戲官方設計團隊

·TGideas

· 騰訊網UED

· 阿里巴巴中國站用戶體驗設計部

·阿里巴巴國際UED

·阿里媽媽MUX

·網易用戶體驗設計中心

·FEX 做最專業的前端

·百度EUX企業產品用戶體驗中心

·奇舞團 360旗下前端開發團隊

·攜程設計委員會

·暢遊視覺設計中心

8.平面素材下載（設計UI過程中還是會多多少少用到平面素材）

·Free PSD amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; Graphics, Illustrations

·PSD素材,PSD素材免費下載,PS素材,PS素材下載-站長素材

·圖片網_背景圖片素材網_qq空間圖片素材_圖片大全_素材中國17素材網

·素彩網-素材天下,ps素材,矢量素材,psd素材免費下載,ppt模板,素材中國,免費素材網

·素材天下網-PSD素材免費下載-矢量素材-PPT模板-中國素材免費下載網站

·愛圖網 - 圖片素材,PSD素材,矢量素材,設計圖庫,淘寶素材,設計素材圖片網

·素材搜索-設計素材搜索聚合

·紅動中國免費素材網_中國最大的免費素材網！

·大圖網 - 影樓素材,PSD素材,矢量素材,高清圖片素材,高品質設計素材共享

·68Design_網頁設計師|UI設計師|電商設計師

·http://sansheji.com/sucai

·iMS素材共享平台|Arting365 - 分享，發現好素材

·設計本-中國室內設計師網_室內設計聯盟_裝修設計公司大全

·經典版式設計,包裝設計,字體設計欣賞,最新平面設計軟體,ps濾鏡,在線書法字體,日韓文字體,coreldraw教程免費下載_億品元素

·Free PSD Files and best photoshop Freebies

·http://xiaba.shijue.me/stuff/?ref=main_nav

Search for amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;APPamp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot; - Freebies Booth

·Free amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; Premium Design Resources

·懶人圖庫 - 矢量圖,JS代碼,網頁素材 - 學會偷懶，懶出境界！

·Free Vectors amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; PSD Graphics 527240 graphics in one place!

·Free PSD, AI, Fonts and more

·設計達人 | 愛設計，愛分享。

·矢量圖 - PSD矢量,AI矢量,EPS矢量,矢量素材下載 - 第7頁 - 素材集市

·Free Clipart, Illustrations, Graphics amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; Vectors

·優設記 - 最全jquery插件下載 - 高質量網頁素材

·微信小程序模板下載_免費微信小程序圖片設計素材_【包圖網】

·Showcase Vectors, Photos and PSD files | Free Download

·The Best Resources for Designers, Every Day.

UI設計交流群：414632028

------------------分享設計相關回答--------------------------

·如何做設計月薪上萬？ - 莫若的回答

·網頁設計中怎麼配色？ - 莫若的回答

·學習UI設計和網頁設計以及web前端分別有什麼樣好的網站推薦？ - 莫若的回答

·UI 設計初學者應該怎樣入門？ - 莫若的回答

可以看我之前的回答，希望對你有幫助
從零基礎如何自學 UI 設計？ - 雨天的回答 - 知乎

我個人本身實踐和推崇的，是實戰法。實戰法，就是找到實際的需求，然後開始從搜集、模仿開始，去做一個比較完整的項目出來。這中間需要有比較強的搜索能力，能夠通過搜索引擎解決問題，當然加入各種相關的群去發問也有可能得到解決問題的方法。話不多說，這就開始實戰一番：

一.首先要找到需求。切實的需求從何而來？聰明的你一定想到了眾包網站，就是發外包項目的網站，那麼這裡我們選擇老牌的99designs：https://99designs.com/mobile-app-design/contests

選擇過濾，找到正在進行的，剩餘時間大於3天的比賽。
然後再找到覺得有意思的項目，那麼我選擇這個https://99designs.com/mobile-app-design/contests/video-mobile-app-design-ios-android-611241/brief
用於教育的視頻app；

二.接下來確定了需求，我們就開始找同類的。首先是看看甲方推崇的youtube app，https://play.google.com/store/apps/details?id=com.google.android.youtube，（翻_牆懂不，天朝上網必備技能）。
youtube的設計大膽的使用了紅色，紅色是一種警示顏色，要用好不容易，初學者先不挑戰。接下來仔細體驗下youtube的app，你會發現有非常豐富的功能，遠比甲方給出的需求多。比如有各種頻道，熱門推薦，視頻頁有上傳者，點贊/反對，播放次數，分享，評論等等。另外仔細看下甲方的需求，你會發現似乎有些不合理的地方，比如我的列表裡面有很多列表，但是並沒有添加列表這樣的功能。當看到需求並不太明朗的時候，你有兩種做法：一是完全不管，依樣畫葫蘆，一種是提出自己的想法。怎麼做，見仁見智，我一般選擇後者，即在提出自己的想法並與產品經理討論,我認為這樣有助於更全面的理解產品。接著我們再看看甲方提到的另一款app，spotify music，
https://play.google.com/store/apps/details?id=com.spotify.music
一打開登錄頁面就是視頻展示，非常活力。功能上強調音樂的管理，設計上以黑色為主。
讓我們自己再找些參考，老牌的在線教育網站http://Linda.com的app：
https://play.google.com/store/apps/details?id=com.lynda.android.root
非常簡潔明了，一切就是以課程分類學習為主，沒有任何花哨的東西。
還有其他的一些參考這裡就不再贅述。

接著我們開始去思考視覺上的總體表現。剛才說了，紅色主題是比較難駕馭的，然後我們需要一個什麼樣的顏色主題呢？甲方給出的是兩個參考方案，一個是橙黃色，一個是亮靛藍，其實我們都可以嘗試，時間有限，我們以橙黃色為主，靛藍為點綴來做為app的色調。(最後我沒趕上時間……當然為了這個小教程，還是把幾個版面都做一下)：

在設計製作的這個過程中，你需要學習的技能有：
1.基本的平面設計知識（布局和色彩，也就是平面構成和色彩構成）
2.ps的基本使用技巧
3.素材的搜集（無版權圖片和圖標）
這一段對初學者來說太快了，一定會有人覺得這就是步驟1起筆，步驟2完成的大跳躍。如果你能夠從我提供的線索去搜索並得到答案，那麼我認為你的自學能力是合格的。提供下我的源文件http://pan.baidu.com/s/1pKUHRXx，希望你不知道怎麼實現的時候能夠從中得到啟示（注意這個版本比較倉促，沒有使用參考線，很多元素沒有嚴格對齊）……

三.最後就是等待入圍作品的公布，https://99designs.com/mobile-app-design/contests/video-mobile-app-design-ios-android-611241/entries
沒有入圍是正常的，通常在眾包網站上能中標的都是多年的老手，也有一些是團隊作業。這些入圍的作品都具有一定的水準，在和其他設計做比對的同時，作為初學者也可以看到自己的不足，看到業內的設計師是如何處理需求和設計的關係，如何去呈現更好的設計效果給客戶。

綜上所述，通過在國外高水平眾包網站實戰需求，先通過搜索引擎解決基礎的問題，再通過其他競標設計師的作品來提升自己的方方面面，是一條更有效的途徑。中間可能會有反覆，比如你會發現一些基礎沒有掌握，回過頭去補，然而由於一直是在實戰的過程，能提醒你從整個大局去看待整個設計項目，從而更全面的理解自己所作的設計，這對以後的發展，有莫大的好處。如果你在這個實戰自學的過程中有任何的問題，可以聯繫我。

首先百科一下你要學習科目的基礎概念是什麼

UI即User Interface（用戶界面）的簡稱。泛指用戶的操作界面，包含移動APP，網頁，智能穿戴設備等。UI設計主要指界面的樣式，美觀程度。

我們知道這些基本概念以後就可以各個擊破，用戶界面是由：圖標，圖片，文字，控制項組成。也就是說首先你要有一定的排版能力和畫圖標能力。

圖標 - 臨摹1000個圖標（線性300，面型300，擬物300，超寫實100）一定要在短時間內大量臨摹，實現質變。這樣接下來你才能更加有信心

排版 -《寫給大家的設計書》，美國有一套完整的《美國設計學院用書》，板式設計是基礎，這2套書基本可以搞定這一切（配色的話就看梁景紅的書就可以了）

搞定排版以後就是交互，《交互設計精髓》這本書看完就算是入門了，入門以後BAT用研部門出的基本書值得一看，比如騰訊的《在你身邊，為你設計》等等，就不一一說明，中國互聯網發展的比較快，並沒有落後於西方國家，也是因為這些大廠一直在設計交互用戶研究上領跑，我們想在學習上走的快，必須看看巨人們曾經走過的路。

在這裡有2個關於UI設計的專題可以推薦給你：

交互設計的討論與分析：

http://ainterest.ailingual.cn/topics/b3aca766-4ac3-400d-a343-84bbeaa63813

APP交互設計：

http://ainterest.ailingual.cn/topics/ce8960d0-52fe-11e7-8121-87360f544894

http://u.wechat.com/MCBFy5FTk8G9TVVLKG7vgOE (二維碼自動識別)

首先，學一點繪畫：

1. 你不需要擠在一個畫室里，跟一群藝術家一起畫；

2.甚至不需要畫得非常好，只要掌握一點基礎，就能畫一幅素描畫；

3. 你只有一件事，去學習如何畫畫，看海量的關於繪畫的書籍。

其次，學習平面設計理論：

1. 從《Picture This》這本書開始學起。本書雖以童話《小紅帽》為例，卻能教會你一切平面設計的基礎。

2. 學會運用顏色、排版，以及柵格。

最後，學習使用者經驗的基礎：

有許多談論使用者經驗的書，推薦從這兩本開始：《The Design of Everyday Things》→ 中文版（設計心理學）《Don』t Make Me
Think》→
中文版《不要讓我思考》，《Made to Stick》→
中文版《粘住》。將教會你如何獲得你專屬的死忠讀者。

最近有個想法，自學UI設計其實是個偽命題，

為什麼要自學？
一是沒足夠錢去培訓機構學，不認同培訓機構的教學大綱，二是相信自己能學好，
我們平常如果有設計基礎的同學都會先嘗試自學，這個比例基本佔到97%以上。

自學方法其實就得在短時間內找到系統效率課程進行學習，然後一點點去練，
老生常談。

自學UI設計先從認識硬體系統開始，
然後了解UI界面應用的領域
對常用的網站和APP最常用的系統界面規範能否懂得
是否知道工作流程與前期團隊準備
知道後開始進攻軟體晉級技能
從圖標界面切圖到前端溝通的知識用上
最後再延伸到交互和產品層面向用戶研究方向並進

這些需要很多知識掌握，不過還好我們準備了一些給你作參考：

UI設計者地址：http://dwz.cn/uicone

在現目前UI設計是一個非常火的行業，很多人都認為UI設計可以拿高薪，便擠破腦袋的想要入門。

在你接觸UI之前，首先需要給自己一個定位，是否是真正的喜歡UI，不管做什麼行業，喜歡、興趣是第一的，只有這樣下一步.

那如果學習UI我們要怎麼去進行呢？

首先你總得知道UI是什麼吧？

1、什麼是UI（直接百度）

UI，即用戶界面（User Interface）是系統和用戶之間進行交互和信息交換的媒介。它實現信息的內部形式與人類可以接受形式之間的轉換。

簡而言之，UI設計師就是設計用戶界面。一般我們手機上app的界面都是UI設計師需要設計的。

通俗易懂點說，UI就是做界面的，最重要的部分是app界面，看到手機里各種app沒？大部分展現在你面前的東西，都是UI設計師需要做的。

當你理解了什麼是UI的時候那麼接下來我們要知道我們要會使用什麼軟體？

2、UI設計師需要會哪些軟體

分別是Photoshop，Illustrator，After Effects，Axure RP 8。

簡稱，PS，AI，AE，ARP軟體。

PS主要用於製作UI設計中界面和圖標設計，也可以對UI中的一些廣告頁進行設計。

AI主要用於製作UI設計中的圖標設計，也可以對UI中的一些引導頁的插畫圖進行設計。

AE主要用於製作UI設計中的交互動效，在現今的UI產品中很多都是需要用動效的。

ARP主要用於製作UI設計中的原型圖，線框圖，流程圖的設計。

說了那麼多廢話，那應該怎麼學習呢？

第一個，練習軟體基礎知識，現在網上有很多這樣的軟體基礎知識視頻，先把軟體理解之後我們在來開始創作練習。

第二個，學習手繪知識，很多人覺得沒有手繪知識，我也可以做UI設計，

但是手繪能帶給我們的是

1.鍛煉我們理解物體的形體、輪廓、明暗的思維。

持續的繪畫練習，除了排線這些硬性的技巧，同時就是在鍛煉我們對畫面的專業思考能力，觀察和發現細節的習慣，而有這樣的思維訓練，在以後我們繪製圖形、圖標、擬物風格作品的時候才能快速抓到要點。

物體的明暗關係，物體間交匯的陰影，各物體的輪廓，前後景的景深，畫布的褶皺方式等……而這都是有意識的思考後動手才能完成的結果，構成一幅平穩準確細節豐富的作品。

這也是為什麼很多人講，不知道如何去提升，其實這就是一個關鍵點

2.學會構圖

你需要把內容完整畫進紙上，就需要在畫布也做構圖，是用居中還是三角，黃金三分還是螺旋，無論通過什麼手段，最終都是找到一個你覺得好看的位置。而這個過程也是平面構成的實踐操作。在未來如果學習攝影也會有良好的助力！

這會鍛煉你的主視覺和排版的能力。

第三個，學習UI的設計理論

，軟體只是一種工具，設計才是最終要體現的，這個時候你需要多看關於這方面的書籍。

先要了解的是三大構成（百度百科）即三大構成即平面構成、色彩構成與立體構成，是現代藝術設計基礎的重要組成部分。

設計類的相關書籍可以買一些回來，比如《商業字體設計》、《版面設計的原理》等等，網上一搜就很多

第四個，那就是創作，我們先要從別人的身上吸收內容，簡單的來說就是抱大腿，進行臨摹，然後在進行創作，尋找到一個適合自己的風格

需要從以下方面來進行創作學習

圖形設計
界面設計
交互設計
設計規範
動效設計

最後一個那就是思維拓展，你要想走到時代的前沿，那你必須得多了解世界，了解其他行業的相關內容，尤其是現在的人，都很討厭學習，你一樣，我也一樣，這是現在這個社會的通病，互聯網充斥這我們的每一天，所以我們需要給自己制定一個目標，然後實施計劃，嚴格的執行，在這過程中不斷修正自己的計劃，最後達到自己想要的結果，如果你想要做那麼請請拿出你的態度。

第一階段先把軟體工具搞定

工欲善其事必先利其器，學設計也是一樣

UI設計要掌握4款軟體

PS：主要負責UI界面設計 PS是設計工作應用最多的軟體所以的熟練精通布爾運算的學習也是重中之重熟練程度80—90%

AI：字體設計插畫設計排版設計熟練程度80%以上

AE：交互動效熟練程度60-80%左右

ARP：交互原型圖 60-80%左右

這四款軟體的學習，先學PS AI 應用熟練到後期做起案例來才能得心應手後來2款軟體可以邊學習設計內容時候邊學習

第二階段把UI設計知識點搞定

初學者要學習什麼內容呢

這塊很多人是很多初學者迷茫階段軟體會了能做出幾張像樣的圖但是還是不知道UI究竟要學習那些內容

這時候我們可以打開招聘網站看看看下拉勾網的招聘要求

從這2個大公司的招聘要求我們可以看出，

用戶研究交互設計視覺規範設計軟體操作能力溝通能力是作為一個UI設計師必須具備的能力！

用戶研究：產品前期的市場調查用戶人群定位用戶需求分析競品分析信息架構圖構建

交互設計師：根據信息架構圖來繪製交互原型圖

視覺規範設計：後期產品界面視覺設計師（規範配色排版適配切圖標註動效這些都得完成）

軟體掌握：PS AI AE ARP

第三階段把作品搞定

出作品是很多人頭痛的問題，不知道下手，自己也沒想法怎麼辦？

小白童鞋可以多去臨摹，比如臨摹站酷的首頁推薦，臨摹越多，腦子了自然有更多吃積累

自己做起設計來，就有想法了。

可以先看看培訓視頻，我就是在家自己看慢慢學的。需要視頻的話，給我留言哦

我也想報班學習，不知道出來怎麼樣

[原創公開課]oeasy教你玩轉ps 推薦個b站的up

學習UI設計可以分以下四個階段學習

　　第一階段就是美術基礎，也就是素描手繪這塊，這個對於後期的UI設計有一個很大幫助。

　　第二階段就是軟體層次了，現在的UI設計師一般要掌握以下幾個軟體，比如PS AI AE AXURE 。

　　第三階段就是理論方面了。這個有內容就有點多了，比如配色，排版，字體設計，三大構成，消費心理學，溝通學，以及思維導圖，原型圖，還有交互邏輯，規範，切圖，了解程序，互聯網思維，用戶體驗，還有網路營銷都是需要學習的。

　　第四階段，理論軟體都會了，就是臨摹作品，及原創作品了。然後就是不斷的做項目，參與互聯網各種UI大賽及一些兼職網接單兼職，和去互聯網公司做UI設計工作等。之後不斷的逛一些比較不錯的設計網站，比如站酷網等。長期堅持下去就能把自己的設計水平慢慢提升。

有了以上四個步驟，也不一定能成為UI設計高手，因為上面的是需要學的知識，這些知識如果只依靠零散似的自學是很慢很慢的。更何況，UI這條路的競爭也很強了，同時還要有很強的耐心，要能吃苦，能堅持，有信心，和專一。這樣才能學會。

瀏覽一些網站跟學習平台，比如站酷，UI中國之類的，不過最近我看到有個「sik死磕」 APP專門教這個的你可以看下。
建議如果為了找工作上培訓班還是別去上當了，身邊一些朋友基本都是被忽悠了。如果不用培訓班幫忙找工作，去學下可以的。不過學習都是靠自己，自學能力強才能走的更遠

初學UI設計師很重要的一步就是時間的規劃，這不僅體現在UI設計的學習中，在任何學習和計劃里，時間的規劃都是不可或缺的，但這又常常被人所忽略。不管是學習軟體還是學習設計，亦或是某個技巧或者設計方法，如果今天學這個，明天學那個，雜亂無章，沒有好的時間規劃，難有所成。因此，學習UI設計的第一步就是制定一張明確的學習時間計劃表，軟體、理論、書籍等各部分的學習按照表單嚴格執行。

自學，真的是不如去上培訓班，培訓班是一個比較系統化的學習，有專業的老師來教學，往往比自學事半功倍
推薦你去絲路教育了解一下。

現在正在培訓班學習web前端。學什麼htlm5,css 。我本來是想學UI設計的，就是單純的設計，不知道怎麼學上代碼了，，老師說這就是UI設計，說是網頁UI設計。我想問一下老師說的是真的嗎？既然現在款都帶了，也只能學這個了，那麼我想問一下我可不可以自己學UI設計，ps還算熟練，在畫室學過畫畫，設計專業畢業。

選擇培訓機構的方法

建議1：不要以為學費越貴越好

人們在購物的時候都會有一個心理：物品越貴質量應該會越好。但在學習知識上，卻不是錢越多，學到的知識越好。有的IT培訓機構硬體設施雖好，但自身實力並不強，也會收取高昂的學費；有的IT培訓機構會承諾推薦工作，故而收取高昂的學費……

動輒數萬元的培訓費用，建議不要考慮，成本太高。如果你認真學習，哪怕是幾百元的培訓，你也可以從中獲益匪淺。此外，好的培訓機構是允許插班學習的，所以可以先自學一下，然後再去學習。

建議2：觀察接待你的人是否真誠

在你挑選IT培訓機構時，一般都會先進行諮詢，接待你的人會向你宣傳自己機構的歷史、實力等。你可以主動出擊，測試一下接待的人是否真誠，是否在誇大其詞。從接待人員的言談舉止中，你可以感覺到對方是否真誠。如果接待之人都不真誠，那趕快離開。很多培訓機構都是用一些漂亮的女孩做諮詢，並且用忽悠人的業績來實現加薪。

建議3：課程體系混亂的不要

在試學之前，要留意看看該培訓機構的課程體系，是否存在不連貫，甚至是混亂的情況，例如Net與Java混學。其實編程語言精於其一足矣，表面上看學習兩種語言有助於找工作，實則不然。會而不精，只流於形式是無助於就業的。

一些培訓機構為了讓學員拿到更多的證書，在課程安排上異常「充實」，可謂方方面面都俱到了，但這樣急功近利的做法會造成學員學習知識時太倉促、太混亂，無法深入掌握其中的精髓。這樣一知半解的學習，最後可能什麼也學不會。

此外，教材很重要。培訓機構不能強制學生採用什麼教材，選擇培訓機構的時候要對相關科目有一些了解，要比對所使用教材與書店教材在目錄上的差別，防止培訓縮水。

建議4：講師水平低的不去

在試學時，認真幾堂課，就會察覺出講師水平，是不是照本宣科？是不是傳授了很多書本中學不到的實際經驗？是不是像接待人員信誓旦旦保證的名師？如果都不是，就要重新考慮了，千萬不要把自己當實驗品。此外，有的講師自己就是培訓中心的學員，臨時充當授課的名師。這種情況比較好判斷，例如講師非常年輕，講課時只講書本上的東西，沒有進行延伸。碰到這樣的老師，就趕緊換一個培訓機構吧。

建議5：多與培訓學員交流

在交學費之前，還有一個重要的事情要做，就是去接觸一些正在培訓的學員，特別是即將畢業的學員，從他們對培訓機構的評價中就可以判斷出培訓機構的教學水平，而不是僅憑牆上貼的還不知是真是假的就業明星照就輕易把學費交了。這一步是很多想參加培訓的人容易忽視的，他們往往只是看了宣傳資料中的「明星」學員，或者聽了培訓機構的名氣就交費了。

跟自己的喜好相關，喜歡設計自然願意為設計付出努力，不喜歡只是為了養活自己很難突破自我

類似問題看到過很多，直接貼地址了從課桌到辦公桌-UI行業大學生就業完全手冊（1）