零基礎如何自學UI設計？

 　　酸梅干超人：下面是我這幾年經驗的總結和思考，雖然我並不算是最出類拔萃的UI設計師，但也希望對新人有益。

　　第一點：學習准備——啟蒙

　　學習一項技能，尤其是已經有一定沉澱並在各行各業有廣泛應用的技能，就一定要對它先有充分的認知。在開始正式學習前，你需要花足夠的經歷去了解和查閱它的起源、發展、應用、未來。UI作為平面設計的一部分，再往上又從屬與美術學這一大類。因此，首先要先去了解整個美術史的發展。從人類起源各個階段中，美術經歷了什麼樣的變化，在各自的時代發揮了什麼作用，近代美術史又經歷了哪些波折，平面設計藝術是如何發展壯大走進千家萬戶，並且有哪些經驗成功過度到後來的UI設計中。那些享譽中外的藝術大師有何過人之處，他們為美術學發展做出了哪些貢獻，他們的名作到底有何動人之處。

　　在今天的UI設計群體中，我們作為專業的設計人員，可以和別人侃侃而談雷軍的創業心得，羅胖子的工匠情懷，滴滴快滴的商業模式以及BAT在傳統行業的布局等等，各種其實並不太相干的話題，卻說不出半點藝術見解。

　　我們看不懂博物館展覽那些畫作，不知道梵高畫了什麼作品，抽象派到底在鬧騰些什麼，更甚者連扁平化的推動有什麼深層次的原因都不明白。

　　如果說最近很火的二月河說大學生不看《紅樓夢》是恥辱尚有爭議性，那麼設計師無法理解前人藝術成就是絕對的悲哀，無法辯駁的事實。

　　了解美術史，學會入門的美術鑒賞，目的是以正視聽。學會用多個緯度去思考美學，學會用更深入的方法來看待問題，學會從更宏觀的視角審視行業……這樣，你才能更客觀的去理解UI的發展歷程。這些知識和思想，將為你的職業生涯做出啟蒙，才更容易成為一個有內涵有深度的設計師，這當中還有諸多優點，就得靠你們自己慢慢體會。

　　下面推薦書目：

　　《藝術的故事》([英]貢布裡希)(重點)

　　《西方美術簡史》((美)亨德裡克・威廉・房龍)

　　近代設計史(一下搜不到這書的地址，回頭我拍張照片)

　　《設計心理學3：情感設計》 (有1，2，3，都得看)

　　以上是我目前看過能想到的最基礎書目，如果有朋友覺得還有合適的請留言補充上來。

　　哲學有三大哲學問題，“你是誰?”“你從哪裡來?”“你要到哪裡去?”，構成了哲人在探索人世真理時的基礎框架。我們也一樣，要在階段給自己提出三個問題，並花至少一個月的時間尋找答案：

　　設計是什麼?設計是如何產生的?設計可以做什麼?

　　第二點：繪畫技巧——洞察

　　曾經和很多同行爭論過，UI設計，到底需不需要手繪訓練。想必大家都知道，目前國內知名的UI設計師，追波上的大神們，很多都是草根出身，從其它行業空降來的，他們的出色是有目共睹的，似乎從某種層面上證實，不需要有繪畫基礎，也可以做好UI，也可以當大神?

　　圖樣拿衣服!我們來說說繪畫的問題。

　　美術高考主要考的三大項：素描、速寫、色彩。就是繪畫入門的三大基礎課題，我們學習的過程也是以這個順序逐步覆蓋的。如果你已經在第一部看完了那些書籍，就會知道，學習基礎繪畫的過程中，我們在紙張上對現實世界的物體進行細致准確的描繪，也就需要我們更仔細的觀察事物。光照射的角度是如何的，在對應的形狀中表現出什麼明暗分布，在透視原理下杯口厚度的弧形是怎麼變化的。隨著繪畫的深入你就會逐漸培養一雙洞察細節的眼睛，你會對所有設計和形體做出本能的反應，分析它們的美丑，找出核心所在。

　　我們看看下面這樣的案例：

　　這是一個很簡潔的小鳥，只用幾個細節就輕松的表現出來，但我相信，如果要原圖照抄，有90%以上的UI設計師是畫不出精髓的(不信你們試試)。越是這般簡單的圖形，在弧度、頭身比、重心偏向這類細節上就越關鍵，如果你沒有良好的觀察能力，那麼就連抄也抄不像，你只能做出曲線都歪歪扭扭的貝西貨並自己洋洋得意地四處上傳設計媒體求贊求認可。

　　前面提到的這批國內的大神，其實就是在遠超常人的勤奮中積累了觀察的經驗，以此可以復制一定的風格，並能發現設計中的細節而不斷做出改正。但這就完了麼?當然不是。

　　你們可以仔細去觀察這些沒有繪畫能力的UI設計師，他們的作品存在著很強的局限性，雖然可以很好完成熟悉領域和流行風格的設計，但是形勢是很單一，並且缺乏真正的創造力。強大的手繪能力，除了提高洞察力以外，就是為你將來創作的多元化提供更多可能，看下面案例：

　　比如繪制這樣的圖形，私以為沒有手繪技能無異於天方夜譚，而GAME UI的最大門檻就在這裡。你的繪畫技巧會支撐你跨過更多的門檻，在設計的道路上有更多的選擇和可能，也會支撐你走的更遠。

　　那麼學習繪畫要到什麼程度呢?直到你覺得可以正確繪出靜物為止。推薦去報一些高考培訓的機構，和高三孩紙們一塊兒學畫，你會提升的相當快，這個過程只需要兩三個月的時間。不要覺得可以跳過，將來成為出色設計師的成本將遠低於不學習繪畫的其他人。

　　還有，最重點要掌握的一個繪畫技能，我覺得是結構素描。

　　你就可以在紙張上對想繪制的圖形做出快速、准確的打稿，效率和延展性遠勝上機鼠繪。

　　手繪將貫穿你整個職業生涯，在今後的學習工作中要保持這個習慣，相信我，每到一個合適的時機，它總會給你帶來意想不到的驚喜。

　　第三點：掌握軟件——手段

　　這一步就正式開始進入學習軟件的步驟。如果學習的是UI，那麼以下幾種軟件是必不可少的：

　　PS、AI、DW、Sketch……其余的根據愛好自己補充。

　　這裡要先和大家談談，我們都知道美工對於設計師來說已經成為具有侮辱性的貶義詞，設計師們喜歡反駁，你丫才是美工，你全家都是美工。有點小理想的有志青年們都對這個稱謂充滿鄙夷，但我得給大多數人潑冷水，因為大多數設計師連一個合格的美工都夠不上。

　　我們知道美工代表的是一種技師的稱謂，有一定技巧但沒有創造力。可偏偏就是絕大多數人都沒有掌握足夠的技巧，這就是當前設計行業所需要面對的事實。很多設計師沒有經過前兩個步驟的熏陶的，所以在學習軟件的過程中很容易自滿，明明對軟件的掌握還很膚淺就已經恬不知恥的在簡歷中輸入”精通“二次(哎呀，好像在說我自己!)。他們的視角是狹隘的，只認為學會了PS這些工具，就學會了設計，也忽略了自己遠遠沒有達到美工門檻的界限。下面我來談談怎麼學習這些軟件。

　　首先看李濤視頻的前三課：李濤Photoshop高手之路基礎篇。另有提高篇，同在雲課堂。

　　只看前三課!重復強調一遍，先只看前三課，並且做好筆記把所有內容都背到滾瓜爛熟為止(我看了至少五遍以上)。這是整個UI設計行業裡最基礎的知識點，光、色、分辨率、色彩模式，連這些都沒有掌握你就不要想精通設計軟件和掌握它們的原理。

　　然後你就開始去看別的視頻教程，這時候可以去淘寶買：PS教程

　　幾塊錢就有一打的高清入門視頻，不要浪費時間在搜索免費的低質量視頻上。入門教程基本都是相同的，你要完整的看完和跟著學習幾個新手教程，直至對軟件使用有了初步的理解，然後再返回去看李濤的視頻剩下的內容。

　　那軟件要學到什麼程度?學到你可以用它臨摹出任何使用這種軟件設計的圖形。一定要記住，設計軟件只是我們用來實現設計的一種手段，過度沉迷在軟件的研究中是本末倒置的，但如果你使用軟件連抄都抄不出來，那就是一種不需要反駁的恥辱。例如下圖：

　　這樣的作品，你有了足夠的觀察力，靠對軟件的掌握度就可以輕松臨摹，但很多已經從業數年時間的設計師連這種臨摹都做不到，原因在哪裡你們自己好好想想。軟件的掌握是為你實現更多設計方案提供可能性，不要讓軟件熟悉度這件最簡單容易的技能變成自己的短板，至少我們要成為一個合格的美工!經常自己做一些練習來測試自己對軟件掌握度在哪裡，就很容易發現問題，然後自己去查資料做研究。

　　好好去理解每個軟件可以實現什麼，優勢是什麼，極限在哪裡。然後你就再!也!不!會!跑去大神評論區裡問：好牛逼，請問這是PS做的嗎?請和我默念這是本世紀設計界裡最愚蠢的評論，不要讓它們發生在自己身上。

　　再唠叨一次，軟件只是一種手段，你還並不懂設計，少吹牛逼!

　　第四點：設計理論——實踐

　　廣義上來說，到這步才是真正開始學習設計，也是讓一、二兩點作用開始充分發揮的時候。

　　因為看過藝術史，所以你會知道，每個時代流行的藝術創作有各自的手法特點，有共性，所以可以被歸納和總結，也就可以教授，培養出相同的作家。換句話說，美術家是可以被量產的。在理論不斷被完善的今天，要做出好的設計一樣是可以通過理論學習——實踐產生，一定不要認為這是天賦上的差距，別人比自己就更有藝術細胞。那些能被歷史銘記的藝術大師，