如何學習 UI 設計？

12-17

如果是交互設計，可以看下我之前的一個回答。：）

---------------------

交互設計是一個實戰才能出真知的專業。我研究生的時候讀的是HCI，專門應對設計，也讀了不少書，但是發現在工作中學習到的比讀書來的真實的多。

多看現在美國創業公司的產品，思考為什麼這些產品能吸引用戶，能得到風投，能設計創新。思考如果是你，會怎麼評價，怎麼修改，能不能做到一樣好，或者更好。

例如研究移動App，我習慣定期下載App Store里每個欄目最好的App，一次下100多個，慢慢把玩，慢慢思考，把自己想像為這些產品的設計室和產品經理。

除了了解產品，業界趨勢，設計概念，還需要多和人溝通。交互的軟技能特別多，能不能把一個故事說出來，讓所有人都信服，都喜歡，都是需要經驗積累的。

可以看下我的Linkedin，有我做交互的經歷，我嘗試過美國政府部門，學校機構，傳統500強公司，互聯網公司，等等。每次工作經驗都對我現在的設計工作有很大的幫助。

cn.linkedin.com/in/freshyoyo/

最後還是回答下你現在的問題，我認為的一些好書如下，之前在知乎上分享過：

prioritizing web usability
the design of sites. patterns for creating wining web sites
designing for interaction: creating smart applications and clever devices
designing interactions
interaction design: beyond human-computer interaction
designing the user interface: strategies for effective human-computer interaction
thoughtful interaction design: a design prespecitve on information technology
don"t make me think
mental models. aligning design strategy with human behavior
about face. the essentials of interaction design
buidling web reputation systems
design is the problem
designing the obvious
envisioning information
prototyping. a practitioner"s guide
selling usability. user experience infiltration tactics
the design of everyday things
storytelling for user experience

工作很多年，還是很喜歡交互設計這個工作，也希望你在交互設計的道路上越走越好。

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

一、學習基礎軟體操作

如果沒有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第一階段課程）

多看書，多思考，多看優秀作品，思考，嘗試才能做出優秀的作品。

我們在做任何事情的時候最重要的就是細節，細節決定成敗，不管是內容，代碼，還是設計，細節都起著關鍵性作用。

當交互設計師完成一份自以為詳盡的交互輸出物，前端的開發結果總是不那麼另人滿意。交互會抱怨：為什麼會做成這樣呢，很多常識性的東西也會做錯。顯然因為領域不同，對「常識」的理解不盡相同，我們不能把希望寄托在前端工程師的可用性覺悟上。所以交互設計師必須站在對方的角度，在提交輸出物前補充交互細節，以免日後不必要的迭代。

1.列表項目為空時的顯示效果。比如「購物車」里沒有東西時，該如何顯示。否則開發會讓屏幕空白。

2.當頁面或應用會向後台下載數據較慢時，載入過程的提示。如果我們不說，技術不會考慮載入時的信息反饋，會讓頁面呈現假死的狀態。

3.當按鈕、圖標、鏈接等不可用時，怎樣呈現給用戶(a.消失 b.disable+文案改變c.disable+tip d.非模態或嵌入式提示 e.點擊後出現模態對話框)。如果我們不說，技術會採用最簡單且一般來說體驗最差的方式—模態對話框，甚至什麼提示都沒有。

4.應用或者一些偏操作的網路產品，對話框內的按鈕，如「確定」「取消」。需要有一個默認選中，支持鍵盤enter操作。

5.每個圖標都要加上tip，尤其是用戶可能不明白的拖動操作。

6.在文檔中規定系統出錯的提示該如何呈現，提示的文案中不能帶有技術性描述(如錯誤類型：XXX)。如果我們不規定，技術會自己添加一些出錯的模態浮層，使用技術性的語言。

7.文本長度超過標準被截斷時，該如何顯示。

8.滑鼠的響應範圍，如列表項目，radioBtn ，checkbox等。一般來說，響應範圍大點好。如果我們不說，技術只會使用默認設置，如radioBtn的響應範圍就只是前面那個點。

9.修改文本框內容，在獲取焦點時，是全選還是將插入點放在文本末尾。如果用戶很可能會重新輸入整個值，則應在獲取輸入焦點時選擇全部文本。如果用戶更有可能進行編輯，則應將插入點放在文本末尾。

10.下拉框，列表框的默認定位，比如生日。如果我們不說，技術會默認在「1900」年。

11.如果是客戶端，或是流式網頁布局，要提供多種解析度下的展示。

12.在移動客戶端，多點觸摸，手勢的操作和動畫過程，顯得尤其重要。

13.用戶操作成功或失敗的反饋，超時的反饋，系統崩潰的反饋等等。

14.移動客客戶端橫豎屏的不同顯示方式，網路狀況差時的交互反饋。

更多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; 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; 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;#x27;Icons for iOS amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; Macamp;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; 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; 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; 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;quot;APPamp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot; - Freebies Booth

·Free 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; 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; Vectors

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

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

·Showcase Vectors, Photos and PSD files | Free Download

·The Best Resources for Designers, Every Day.

UI設計交流群：414632028

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

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

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

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

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

看了些答案，多聽老設計的。

無法給你一個精準路徑，像這樣龐大的問題如果有個方程式，所有的設計都應該精彩，所有的設計師都應該完美。不論具體路徑如何，做得少一定不行。
無論你如何開始，我覺得都不重要，每個人成長軌跡都不同，也沒必要追求這個一致性。開始並持續就行了。

我給你的建議如下：
1.綜合參考答案中基礎部分動手開始；
2.記住所有的工具使用都是為了產出你大腦中勾畫的設計樣式，是必備，是效率維度，但永遠不是設計好壞的核心；
3.在觀察精彩案例時盡量分析。例子：同樣是兩種色彩，搭配時的效果完全不一樣，跟什麼相關？可能是他們的使用面積，位置，明暗。分析出這些後，在應用中努力的舉一反三；
4.所有的認知都要靠動手驗證，沒做過就不去妄言；
5.不亢不卑，未知不是卑微，只要是個設計，你就有階段，任何人都要經歷，只不過你來的晚了些而已。所以你一定會成長，也有機會成為那個優秀的設計師；
6.設定一個更長的成長期，只要是相左的設計意見，在這個階段，盡量沉下心仔細聆聽，去糟粕，取精華。不要試圖強化自己的認知，尤其在剛開始幾年；
7.基礎（一窮二白）&> 看（審美力，判斷力）&> 練習（驗證）&> 工作實踐（多維度認知）&> 聆聽（吸取精華）&> 思考（去糟粕) &> 綜合性（設計的矛盾）&> 敬畏（未知）

大路徑幾乎都如此
簡單的&>混亂的&>簡潔的&>複雜的+簡潔的&>系統化&>矛盾的&>？未知的

可能大部分類似的問題都想找一個路徑，這個路徑清晰，準確。我覺得這不太現實。今天開始就動手吧，不論是從軟體視頻開始，還是從一個合成構圖開始，設計是個細分眾多的領域，先尋找自己容易做好的那個細分開始。如果確定不下來這個方向，可以多找些老設計聊天。

很多人有了興趣卻不能持續，是因為被最開始的困難嚇到了，可是眾多領域裡，哪一行又容易呢？至少你還有興趣支撐，相對來講，你是幸福的。

非科班，老設計留。

Designup來啦

非常認同高贊答案的一句話：實戰出真知

UI設計這一行，學好學精不容易，只有在實踐中不斷摸索進步，學習甚至在前期不斷模仿那些優秀的UI設計大神，才能慢慢形成自己的設計體系。

互聯網時代最好的一點在於打破地域和空間的局限，設計師可以自由交流成長，還有那麼多設計資源可以獲取。我也來說幾點看法：

1.學習基本的軟體操作

包括PS、AI、Sketch等UI設計中常用到的軟體，先從一個軟體學起，網上有很多這類的教程可以下載，當然啦我也會整理分享給大家。

2.優秀的設計網站

多看一些好的設計網站，拓展自己的思路、增加設計靈感。比如Pinterest、Behance、dribbble等設計靈感社區，Medium、Invision Blog、Smashing Magazine等前沿設計資訊網站…

之前寫過一個答案，可以作為參考：

https://www.zhihu.com/question/20369808/answer/221783467

不過推薦的不全，可以再看看其他知友們的推薦用起來哦

3. 實踐再實踐

這是最重要的一部分，當你的理論知識掌握到一定程度時，要增強自己的動手設計能力，並且在過程中多和設計師交流，找到自己的不足，可以加一些設計交流群、或者多參加一些線下設計活動。

實踐中多畫一些線框圖，多臨摹一些好的作品，比如完整的App、圖標界面控制項等，你會慢慢發現自己的變化，回過頭來看之前的作品也會明顯感受到差異。

4. 多讀一些設計類書籍

雖然網上有很多速成的教程，但設計大師寫的書籍還是必看的，需要好好沉澱自己。

一些經典必看的書籍，包括：

《用戶體驗要素：以用戶為中心的產品設計》

《用戶體驗要素：以用戶為中心的Web設計》

《贏在用戶》

《情感化交互設計指南》

《簡約至上：交互設計四策略》

《不要讓我思考Don』t Make Me Think》

《點石成金：訪客至上的網頁設計秘笈》

設計不易，且行且珍惜。以上提到的設計資源、素材和書籍我都整理好啦

可以關注公眾號：Designup第三市集

後台回復「資源」獲取百度網盤和密碼哦！

期待每一位都能在設計的道路上突破自我，成長為優秀的設計師

最後再介紹一下我們：Designup專註設計領域的開放服務平台

在雲端，用你的設計觸碰更廣的世界??

http://weixin.qq.com/r/6TqkvO3EarAVranf92-7 (二維碼自動識別)

你的問題不詳細。
是UI美術設計，還是界面版式？

＜Designing Interfaces中文版＞

我只推薦這一本。能認真看完，應該足夠了。

剩下就是多練習多分析。

設計是一門實踐性很強的工作嗯。假如你的學習目標是要成為一名UI設計師的話建議你儘早的找一份相關的工作開始做起。因為只有你進入到這個角色，實際的進行項目流程的時候你才能親身感受到你所面臨的具體問題是什麼，自己欠缺的能力又是什麼。

那麼基於快速找到相關工作這點來講你首先要解決的是作圖技能的問題：

工具應用：

PS，AI，Sketch等，PS推薦李濤老師的視頻教程:

Photoshop高手之路基礎篇 ps教程

Photoshop高手之路提高篇 ps教程

ai主要處理一些矢量圖形，畫圖標會用到；sketch強烈推薦，效率上秒殺前兩個軟體。你可以在sketch中文網找到大把教程和插件，不過只有mac系統可以裝。

布局技能：

推薦《寫給大家看的設計書》通俗易懂，操作性強。然後你可以進行一些臨摹，看一下高手是如何處理界面中各種元素的關係的，多看國外dribbble，behance上的作品，提高審美能力和創意積累。多上ui中國，站酷等網站與設計師們交流，不懂的要積極的問。臨摹到一定程度就可以自己嘗試原創一些界面了。像天氣應用，鬧鐘計時器等都是練手的常用功能，嘗試著理解各個信息的意義，以自己的想法原創界面，當然做完可以發到設計網站上請大家吐槽，你會收穫很大的！

這方面很需要積累，平時多看書、多看作品、多看看課程和教材之類的東西，肯定是有用的！

推薦幾門我自己體驗過的還算好玩的課程：

設計：社會中的創意手工 Design: Creation of Artifacts in Society

產品設計：代爾夫特設計方法 Product Design: The Delft Design Approach

設計思維 Design Thinking

圖標繪製技能：與上一條差不多，多跟著教程做多臨摹好作品，到一定程度自己可原創一些作品，也可參加設計網站經常舉辦的主題設計大賽，像MIUI主題，輸入法皮膚等都是鍛煉的好機會。注意圖標的話表意與美觀一樣重要。

對接技能：要知道你設計的界面是要交到程序猿手中繼續開發成可用的軟體的，所以切圖標註之類的技能也是必須的，如果你準備做手機端那麼各種解析度，屏幕密度， dp px 單位轉換之類的東西要搞懂。標註的話如果你用的sketch推薦裝一個插件叫sketch measure，能一鍵導出標註。PS的話就要手動標了，可以用markman之類的工具，網上搜搜可以搜到很多。

以上4條搞定的話你應該會有一些作品積累也有一些底氣來找工作了。第一份工作工資就要求別太高了，主要以積累經驗為準。可以投UI設計師或視覺設計師的職位，交互設計師暫時你hold不住。

---------------------------

當工作一段時間之後相信你會對UI設計師這個職位有一個更立體的認識，這時候你會發現僅憑作圖技能是不夠在這行混下去的，來自各方的討論和糾結會要求你不僅是「作出圖」，而且要給出理由「為什麼要這麼做」。

這個時候你會迫不及待的想擴充用戶體驗的相關知識：

書籍：《用戶體驗的要素》《簡約至上》《設計心理學》等等，這方面的書籍很多。

相關課程：交互設計專題 Coursera的交互設計專項課程，從淺入深講解很細緻，可以系統地刷一遍。
BAT的UED團隊，用戶體驗相關的公眾號，都可以關注下，還有業內比較專業的相關組織例如UXPA，定期會組織一些交流活動，有條件可以參加下。
google和蘋果每隔一陣就會更新相關的平台規範，或發布新的設計風格，時刻保持關注。

其他：溝通交流能力，邏輯思維能力，責任心，眼界等等，平時工作中都要注意提升。

經過一段時期的積累，你應該能形成一套自己的知識理論體系了，這個時候你可以算作是一個合格的UI設計師了。可以根據自身的情況考慮要不要轉成交互設計師。另外國內比較大的公司會有用戶研究員的職位，假如你對這方面的知識有一定積累並且很喜歡研究用戶的話也可以考慮，不過這個職位比交互設計師更加稀少。

然後當你牛逼到一定程度可以繼續學習產品和商業相關的知識，對於了解產品經理的思路和公司的策略都會有很大幫助，同時也能使你的設計更有深度。當這些能力你都熟練掌握了以後，取代他們的時候就到了~~muhahaha

咦好像有點跑題了，就到這兒吧╮(╯▽╰)╭

我想：初學者需要學習，已就職的UI設計師更需要學習。

故以下回答受眾面較廣，但更適合：初學者、新晉UI設計師：

1. 概念上（避免不知所謂）
UI（User Interface）用戶界面設計
UE、UX（User Experience）用戶體驗
UED（User Experience Design）用戶體驗設計
UCD（User-Centered Design）以用戶為中心的設計

2. 工具上（工欲善其事，必先利其器）
搭配使用：
iMac + Magic Mouse
Ps + Ps Play
Sketch + Sketch Mirror
可在移動終端上實時預覽，提升設計效率

3. 書籍上（進步階梯不可丟棄）
《UI week》
《網站UI設計之道》
《見微知著》

《移動應用UI設計模式》
《網站UI設計之道》
《親愛的界面》
《瞬間至美》
《眾妙之門》
《寫給大家看的設計書》
《精益設計設計團隊如何改善用戶體驗》

4. 規範上（養成有理有據的視覺規範）
iOS、Android、web端設計規範，常用的設計規範需倒背如流。
但在實踐應用中不是絕對，根據產品特性，適當改變，不死板。

5. 學習網站：
dribbble、behance、花瓣、站酷

6. 習慣上：
堅持寫周報，有所反思，才能有所進步。
堅持一周兩次的額外訓練頻率，踐行一萬小時學習定律。
堅持每天閱覽專業網站，把握新潮設計動向。
堅持在公司內部做乾貨分享，給設計同行們說說自己獨到的理解。
設計稿件的郵件標題，請附上日期和版本號，郵件末附上自己的署名與部門，細緻從細節做起。

7. 工作上：
提高自己對細節的把握、對完美的追求。給總監或上級審閱時，請給出完善的視覺方案，給對方一個欣賞的機會，而不是一次大跌眼鏡的機會。
學會超額完成任務，但不要過度超前了結任務，想下是否可以更優，和設計同事積極溝通，眾人拾柴火焰高。

UI學習需要堅持，需要有心，如有更多理解，會整理更新，感謝閱覽。

silence
2015.1.27 於北京

我一年前在嚮往這些大神如何如何高大上，而現在有幸一起工作。
我一年前是一個小白，現在算得上一名合格的UI設計師，中間跳槽一次。我先做個標記，等放假了回答。

7月22日補充：
現在在創業，已經一個月左右了，確實太忙了，不過收穫肯定還是有的。如果有時間，我一定會回答大家，因為我曾經和大家一樣迷茫，可能比大家更迷茫，不知所措！自學怕沒有方向，浪費時間。報培訓班怕錢白白浪費掉，畢竟是自己打工辛辛苦苦賺來的錢。

所以，大家一定沉住氣，找好方向，一定不能被誤導。

近幾年來，UI設計絕對是設計行業中的矚目之星，無論在PC端、移動端還是遊戲上都是大放異彩。越來越多的年輕人選擇UI設計這個行業，然而剛踏入這行的設計新人對未來還是很迷茫。下面總結了新人最常問的8個問題：

1. UI未來的發展趨勢如何？

關於這個問題，我問過很多人，不同人給予了不同的回答。如同Facebook的設計總監Julie Zhuo所說的「想成為科技行業里的設計師？別猶豫！當下可以說是選擇這個行當最好、最令人激動的時代。身處如此翻天覆地的變化中，我實在是迫不及待想要看到10年後科技行業中的設計會以怎樣的面貌存在了。我們需要展望未來，並從已經發展成熟的相關設計領域裡取取經：比如工業設計，平面設計以及時尚領域。」可想而知UI設計未來的發展只會向前不會退後。

2. UI設計師的工資是不是很高？

UI設計師的薪資待遇是和自身的技術水平掛鉤的，普通的UI設計師，如果僅僅只會PS和AI等設計軟體，只會切圖等基本的技能，薪資當然不會很高，並且也沒有什麼發展前景。而一名優秀的UI設計師，不僅要懂得配色、排版、字體設計、消費心理學、溝通學，而且還要懂得原型圖、交互邏輯、規範、切圖、了解程序、還有營銷課程方面的內容，能夠從全局把控整個項目。自然工資也相對的高許多。

3. 工作內容有哪些呢？

產品的框架設計、產品的交互設計、界面的UI設計、界面的輸出、產品的調整和完善，當然開會談論是必不可少的。

4. UI設計師需要學多少軟體工具

工具不在於你學的多，而在於你學的精不精，「未來10年，設計師將使用完全不同的設計工具。我們會預見一波應用程序的復興，它將使設計及其創造過程變得更加強大與高效。」現如今的軟體工具就有很多，圖形處理工具有：PS、AI、Sketch 等。原型設計工具有：Axure、 Mockplus（我的最愛，做原型又快又方便，畫線框做交互都足夠）等。只要能學好一款工具，就足夠了。

5. 如何提升自己的設計能力？

一個好的UI是不斷在學習的，只有不斷的學習才能掌握市場的潮流和動向，讓你的設計更受大眾的喜愛。多看些「大牛」的作品和論壇，不管是「大牛」還是新人都是在模仿的階段不斷晉陞的。只是前者在模仿的同時會加入自己的想法和思路，後者則會少些。

6. UI設計師需要會平面設計嗎？

能會最好，但非必須。UI設計是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。

平面設計泛指具有藝術性和專業性，以「視覺」作為溝通和表現的方式。UI更注重交互方面的設計，是存在於像素世界中的，而平面設計是以印刷品為載體，設計師以毫米為單位進行設計工作，兩者在思維上有區別。

7. UI設計師需要會代碼嗎？

可以懂，但不是必須。好的UI設計師需要懂前端，他最好能夠用 web 技術實現自己的想法，但不必要達到能為最終產品貢獻代碼的程度。

8. UI設計師需要有美術功底嗎？

有是最好的，沒有也沒關係，但是需要有發現和欣賞美的能力。

剛踏入設計行業的新人要多學習，多觀察，設計是視覺語言，而視覺也是最直接的語言，要懂得善於溝通和交流，以及要有說服他人的能力。還要有一顆強大的心，接受別人的批評和意見。別人的意見可以學習，但是設計還是要有自己的想法。

小編旁邊正好坐著UI的同事，順嘴問了一下，UI的童靴很是負責的給我講解了他們的看法，總結一下分享個大家。
①設計理論和設計思想上的學習。主要可以通過看專業設計書籍、關注設計類公眾賬號、瀏覽設計網站等渠道來提升自己的設計理論和掌握一定的設計思想、方法，特別是用戶研究、體驗等方面的知識。
②設計工具的掌握，PS、AI等工具是去表達設計的基本工具。一開始可以多臨摹其他設計師的佳作，由簡單到深入。後期可以根據別人的作品自己模仿進行更深入的創作。
③審美、判斷能力的提高。多看已有的設計作品，分析哪些是好的設計點，又有哪些是不足的地方。看的多了，自己也就有了該有的判斷力，也就知道自己怎樣設計才是對的和好的。
④實踐聯繫的提升。積極定期的讓自己參與一些設計比賽。每一次的設計都是對自己水平的提升和加強。更可以在比賽中多看看別人的思路和做法，和大神們過招，相信自己有一天也會變成大神的！

簡單的總結了一些，希望能帶給大家一些幫助！

幾乎每隔幾天，便能在各類設計網站看到關於自學UI設計的分享文章。這些文章的點擊率很高，因為初學者眼中的「乾貨」，能夠很容易地進行模仿，並得到技能上的快速提升。或者在一些宣傳很厲害的培訓機構里盲目的學習。

但我想問的是，這些是學習UI設計的正確方式嗎？顯然這些學習方式並不能適應市場對UI設計的需求。

為了你們學習UI設計進階到更優秀的UI設計師，必須說明幾點學習誤區：

誤區1 : 會用PS、AI，AE等工具，作出一些作品，就是UI設計師了。

一些小白設計，按照教程或者一些培訓機構指導，作出界面設計或是作出幾個圖標來了，就覺得自己是設計師，但當自己嘗試獨立去做一個完整的UI設計時，會突然發現作出來的東西與那些見過的優秀設計仍是天差地別，即使是完全模仿那些優秀作品做的設計，仍然感覺怪怪的，好像哪裡出了問題，自己又說不清楚。

分析：其實是因為，只是掌握了一些設計工具技巧，但卻對真正的設計一無所知。

誤區2 :審美能力不足。