新手小白要如何學習ui設計？

1、UI設計師是什么？

不說UI設計師，就連設計師，很多人都以為只是P圖的美工，這里有必要先明確一下UI設計師的概念。

維基百科對于UI定義：

UI，也即用戶界面（User

Interface，簡稱UI，亦稱使用者界面）是系統和用戶之間進行交互和信息交換的媒介，它實現信息的內部形式與人類可以接受形式之間的轉換。因此，UI設計師也就是設計用戶界面的人。

毫不夸張地說，在顏值當道的年代，UI設計師的水平，直接決定了互聯網產品（網站、App、網上店鋪等）的顏值。無論產品的質量怎樣，用戶接觸產品的第一幕，就是UI設計師給產品設計的這張臉，而像我這種“顏狗”，一旦產品的顏值達不到我的標準，下一步就是關閉/卸載。

一個好的UI設計師，能潤物于無聲，在渾然天成的設計中為產品注入新的價值，絕不是普通的打雜美工。

2、UI設計師的基礎修養

·設計總體認知

在進入一個未知的領域前，我總傾向于先梳理這個領域的架構，待有了比較全面認知后再深挖，這其實也是大學專業課程設置的思路，先學習一門導論課，了解基本概念，再進入細分領域。學習UI設計也是一樣，先對整個設計專業有總體認知，再去學技法層面的內容、規則，慢慢把知識庫填充完整，如果有條件，可以嘗試了解一個新的互聯網產品出爐的工作流程。這樣，在局部學習前，就能對重難點、課程框架都心中有數。

·技術基礎

如果說程序員一天中大部分時間都在碼代碼，那么設計師的時間都留給了Photoshop、Axure、Adobe Illustrator，涂涂修修確實是常態，而這里，也是“美工”稱呼的發源地。嫻熟的技法，是完美展現設計作品的必備條件，作為UI設計師，也應當熟練掌握這些常用軟件。稍低一點的要求，是至少能精通其中一款軟件，各種操作都已經形成自然反應，其他軟件也能通個七八分。

不過，學完這些軟件之后，切忌炫技，學到這步，你只是學會了修圖，還只在美工的地步，并談不上設計。

·畫圖基礎

有人以為，設計師只要去圖庫網站找一些素材，借助工具進行修飾即可，其實這只能鍛煉你的借鑒能力，當你的技法嫻熟到一定程度，就可以嘗試臨摹。通過臨摹，一則用來強化技法層面的能力，二來也能提升初學者的創新能力。

臨摹的內容，可以有兩方面選擇：一種是系統自帶的圖標，比如Mac OX、Windows，或者移動端iOS、Android的原生圖標，都是精心打磨過，既能幫助初學者了解平臺設計規則，又能在臨摹中逐漸鞏固常用軟件的技術。另一種則是行業牛人的設計作品，捉摸他們的設計風格、思想和細節，都能加深對設計的認識。

·各平臺設計規則

iOS、Android、WP、Windows、Mac OX各個平臺都有自己的設計規則和偏好，在移動端，連每款機型的分辨率、狀態欄高度、導航欄高度、圖標尺寸、字體、顏色值都有嚴格的規定。這里貼一個之前看到的iOS和Android的平臺規范，整理的比較全面、規范：iOS和Android的app界面設計規范。其他平臺的設計規則，在搜索引擎上也都能被檢索到。

·理解能力

作為設計的上游，產品經理常常會直接發需求文檔給設計，能讀懂產品文檔、快速分析需求，定位出風格、色調、元素，最后迅速把產品需求視覺化，就是產品經理們最愛合作的設計師了。

3、UI設計師的進階修養

·審美意識

先來看兩個肥腸火熱地知乎問題：

國內有哪些非常有設計感的 App？國內有哪些非常有設計感的 App？ - 應用（軟件）

國外有哪些非常有設計感的 app？國外有哪些非常有設計感的 app？ - 應用（軟件）

為什么我們青睞每日故宮、榫卯、網易云音樂這類應用？除了應用本身生產的優質內容外，設計感是很重要的一點，君不見多少用戶贊美良心設計。

→_→那么，什么是設計感呢？投射到設計師身上，大概就是設計師自身的審美意識了。

至于審美意識要如何培養、提高，這就跟你去問文學家要如何提高寫作能力一樣，他大概也是懵逼的。日積月累地瀏覽、學習、思考、聯系，大概就是逐漸提升的可能途徑吧。

·用戶體驗

從前，除了設計界面的UI設計師之外，互聯網公司會專門設置專門的用戶研究中心來處理用戶體驗的種種問題，但如今多元的趨勢下，一個互聯網產品的視覺設計，需要懂一點產品、懂一點用戶體驗，才能更有效的推進合作流程，同時也會培養自己多元化的思維方式（用戶研究以縝密的邏輯發展，而UI設計則更加追求審美）。

·交互設計

分不清交互和UI的人，可能一抓一大把，事實上，這還是有區別的。從一般意義上說，UI主要做的是圖形用戶界面，也可以稱為GUI設計師；交互設計主要做處理點事人機互動的界面，任何與機器打交道的過程，都需要交互設計師來參與。

但坦白說，現在的App中，有多少操作能把UI和交互完全清楚地剝離開來呢？一個好的產品，需要美觀的界面和順滑的交互，也就離不開設計師兩種能力的相輔相成了。尤其現在，設計趨向扁平化的時期，只要遵循設計規范，交互設計甚至能出了設計稿后直接給開發去實現，單純UI設計的存在感日益弱化。

·代碼能力

這幾年互聯網產品最火的推廣方式是什么？

自然是H5！

那么如果一個設計師既能做好設計，又能完善布局前端代碼，那么只要有一個簡單idea，經過你的手就能完全實現。這種復合型人才是多少公司爭搶的對象呢？不過這些都是進一步的要求了。

4、資料

說了很多，下面推薦一些適合入門的書籍與網絡資源，以供參考。

·書籍

《Don’t Make Me Think》（點石成金）

這本書已經了好幾版了，能這樣一遍遍修訂出版的，除了學生用的教材，就是業界的圣經了。這本書主要講的是如何通過網站設計來提高網站的可用性，除了網頁設計外，也包括了一些用戶心理研究等內容，語句曉暢，讀起來十分輕松。里面的案例雖然有點久了，但經典的案例永遠不會過時。作為初入學者，能從一本書里看到整個領域的大局，也有逐漸養成設計師的思維，是入門啟迪型書籍。

《寫給大家看的設計書》

一本Robin Williams大師寫的老生常談，本書主要圍繞對比(Contrast)、重復(Repetition)、對齊(Alignment)、親密性(Proximity)四個設計基本原則展開，短短200頁，門外漢讀起來也不費力，但讀完這本書你會明白設計的重要性。另外，這本書的排版、文字編排也很有設計感，讀起來更加舒服。

《破繭成蝶：用戶體驗設計師的成長之路》

前面的書是理論型的，這本是則比較注重實踐，結合本土互聯網公司案例解釋了很多落地的問題，甚至還有具體崗位介紹，面試細節，工作流程等，可以作為工作的工具書。

《設計之下》

通過搜狐新聞客戶端UED團隊的設計過程，完整展現真實的設計流程。全書分為三個部分，第一部分為“交互設計”，主要總結了大局觀、操作流程簡捷、形式新穎且統一、各種特殊情況等交互設計要點。第二部分為“視覺設計”，闡述了界面、顏色、圖標、質感、動畫、等具體方法。第三部分為“他們眼中的優秀設計師”，通過產品經理、程序員、運營、市場經理的視角，闡述了如何成為一名優秀的設計師，同樣是1-2歲的設計師學習的好書。

·網絡資源

李濤的PS課程：

試圖學習過PS的同學應該都知道李濤，講課深入淺出、旁征博引，節奏也合適，聽幾節課下來對PS會有不少新的見解，比自己一個人悶頭搜索效率高多了。

良知塾李濤：Photoshop小技巧：

良知塾李濤：Photoshop小技巧

李濤Photoshop高手之路基礎篇：

李濤Photoshop高手之路基礎篇

李濤Photoshop高手之路提高篇：

李濤Photoshop高手之路提高篇

這三門網易云課堂上的課程是李濤免費的PS課程，從基礎到提高都有，還比較全面，學的人也都有個幾萬，評價蠻好。

另外，李濤自己也和別人一起創辦了一個在線學習網站：高高手，在他的個人主頁上也有他的課程，部分收費：李濤 - 高高手

完整的設計課程：

從頭開始學的可以考慮網易云課堂和浙大一起推出的《UI設計師》（http://mooc.study.163.com/smartSpec/detail/1001113001.htm?utm_source=2045618&utm_medium=cps&utm_campaign=affiliate）

和《交互設計師》微專業（http://mooc.study.163.com/smartSpec/detail/1001106002.htm?utm_source=2045618&utm_medium=cps&utm_campaign=affiliate）。相比線下培訓班動輒幾萬的價格和固定時間學習，在線學習更加方便點，而且說真的，網易出的那些App，像網易云音樂、LOFTER還都挺有設計感的，挺欣賞他們對產品認真打磨的態度，所以不自覺的就對他們出的設計課程抱有好感。

外語不錯的也可以去Coursera上學英語授課英文字幕的《interaction-design》交互設計（Specialization）的微型課程，同樣學完七門課和一個畢業設計后可以拿到證書。

理論性課程：

《Design Thinking》（設計思維：https://iversity.org/en/courses/design-thinking-2nd-iteration）是德國MOOC平臺上的iversity的一門設計課程，比較注重理論性通識類課程，實踐內容幾乎為零，整體啟發性較強，不過只有英文作為課程語言。

優質網站：

Dribbble：https://dribbble.com/

Behance：Behance

站酷：站酷 (ZCOOL)

花瓣：花瓣網_陪你做生活的設計師（發現、采集你喜歡的靈感、家居、穿搭、婚禮、美食、旅行、美圖、商品等）

這類網站就像是設計師的臉書/人人網，大牛設計師都在上面注冊并發表自己的作品，靈感枯竭的時候，覺得自己審美不夠的時候，都可以去上面逛逛，尋找靈感，提高審美，陶冶情操，和諧生活。

另外，真心推薦互聯網公司UED部門博客，干貨很多，值得學習。

騰訊CDC：騰訊CDC

騰訊ISUX ：騰訊ISUX – 社交用戶體驗設計

淘寶UED ：TaoBaoUED | 做地球上最好的 UED

阿里巴巴UED ：阿里巴巴（中國站）用戶體驗設計部博客U一點設計 UED團隊

網易用戶體驗設計中心UEDC：網易用戶體驗設計中心

·各類App：

各種榜單、推薦應用的賬號上新出來的App都可以關注，App集郵能力，就是你資歷的一部分，很多超越也是在巨人的肩膀上改出來的。

4、練手

光說不練假把式啦~

·參加比賽：

現在手機主題設計、App皮膚設計各種比賽到處都是，有一定寄出之后適當參加比賽，都是鍛煉人能力，嶄露頭角的好地方，運氣好就直接拿到offer了。

·接私活：

雖然聽上去有點微妙，但臨摹能力、技術能力，這些都能在接私活中慢慢培養起來，而且還有真實收入。很有可能，你之后面試的作品就是私活帶來的。

·實習：

既然要入行，當然要去里面自己體會下個中滋味，如果有幸去了大公司，很好你就能熟悉一套規范的設計工作流程；如果去的是小公司，那你可能就要成為獨當一面的全能手了。總之，出去歷練，是走向社會的第一步。

5、偶爾提神醒腦

初入行的你和年薪XX萬的高級設計師之間有多少差距？

這里貼上facebook的產品設計師總監Julie Zhuo用草圖解釋初級設計師和高級設計師差別的文章，三個對比圖，簡單明了但發人深省，自我感覺良好的時候，可以上來看兩眼醒醒腦。

從工作流程上來看，初級設計師就像亢奮的小精靈；高級設計師則在瘋狂中有規則。

在設計追求上，初級設計師追求設計美感；高級設計師則創造新的價值。

在解決問題上，初級設計師往往脫離實際；高級設計師則更貼近產品實際。

最后說點自己的看法

很多人說互聯網寒冬來了，眼看著找不到工作的學弟學妹逃離北上廣，縮招裁員越來越明顯，就極力游說周圍的人別再從事程序員、設計師、產品經理等與互聯網相關的崗位。

其實我始終不太贊同這個觀點，這只是前幾年互聯網過度樂觀膨脹發展后終于回歸理性而已。

回歸理性，意味著已經過了人有多大膽，地有多大產的時代。

回歸理性，意味著行業從野蠻生長逐漸轉向遵循市場規律。

回歸理性，意味著企業對人才需求仍在，但要求漸高。

所以，做一個不那么恰當的比喻，

多才多藝的設計師就像一線城市的房價，盡管開價很高但還是供不應求。

學藝不精的設計師就像十八線城市的房價，在一路下跌的頹勢再也硬不起來。

核心技能點是人才流通市場上永遠的硬通貨。