超實(shí)用指南：零基礎(chǔ)如何學(xué)好UI設(shè)計(jì)

第一點(diǎn)：學(xué)習(xí)準(zhǔn)備——啟蒙

學(xué)習(xí)一項(xiàng)技能，尤其是已經(jīng)有一定沉淀并在各行各業(yè)有廣泛應(yīng)用的技能，就一定要對(duì)它先有充分的認(rèn)知。在開始正式學(xué)習(xí)前，你需要花足夠的經(jīng)歷去了解和查閱它的起源、發(fā)展、應(yīng)用、未來。UI作為平面設(shè)計(jì)的一部分，再往上又從屬與美術(shù)學(xué)這一大類。因此，首先要先去了解整個(gè)美術(shù)史的發(fā)展。從人類起源各個(gè)階段中，美術(shù)經(jīng)歷了什么樣的變化，在各自的時(shí)代發(fā)揮了什么作用，近代美術(shù)史又經(jīng)歷了哪些波折，平面設(shè)計(jì)藝術(shù)是如何發(fā)展壯大走進(jìn)千家萬戶，并且有哪些經(jīng)驗(yàn)成功過度到后來的UI設(shè)計(jì)中。那些享譽(yù)中外的藝術(shù)大師有何過人之處，他們?yōu)槊佬g(shù)學(xué)發(fā)展做出了哪些貢獻(xiàn)，他們的名作到底有何動(dòng)人之處。

在今天的UI設(shè)計(jì)群體中，我們作為專業(yè)的設(shè)計(jì)人員，可以和別人侃侃而談雷軍的創(chuàng)業(yè)心得，羅胖子的工匠情懷，滴滴快滴的商業(yè)模式以及BAT在傳統(tǒng)行業(yè)的布局等等，各種其實(shí)并不太相干的話題，卻說不出半點(diǎn)藝術(shù)見解。

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

如果說近很火的二月河說大學(xué)生不看《紅樓夢(mèng)》是恥辱尚有爭(zhēng)議性，那么設(shè)計(jì)師無法理解前人藝術(shù)成就是絕對(duì)的悲哀，無法辯駁的事實(shí)。

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

下面推薦書目：

《藝術(shù)的故事》（[英]貢布里希）（重點(diǎn)）

《西方美術(shù)簡(jiǎn)史》（（美）亨德里克?威廉?房龍）

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

《設(shè)計(jì)心理學(xué)3：情感設(shè)計(jì)》 （有1，2，3，都得看）

以上是我目前看過能想到的基礎(chǔ)書目，如果有朋友覺得還有合適的請(qǐng)留言補(bǔ)充上來。

哲學(xué)有三大哲學(xué)問題，“你是誰？”“你從哪里來？”“你要到哪里去？”，構(gòu)成了哲人在探索人世真理時(shí)的基礎(chǔ)框架。我們也一樣，要在階段給自己提出三個(gè)問題，并花至少一個(gè)月的時(shí)間尋找答案：

設(shè)計(jì)是什么？設(shè)計(jì)是如何產(chǎn)生的？設(shè)計(jì)可以做什么？

第二點(diǎn)：繪畫技巧——洞察

曾經(jīng)和很多同行爭(zhēng)論過，UI設(shè)計(jì)，到底需不需要手繪訓(xùn)練。想必大家都知道，目前國內(nèi)知名的UI設(shè)計(jì)師，追波上的大神們，很多都是草根出身，從其它行業(yè)空降來的，他們的出色是有目共睹的，似乎從某種層面上證實(shí)，不需要有繪畫基礎(chǔ)，也可以做好UI，也可以當(dāng)大神？

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

美術(shù)高考主要考的三大項(xiàng)：素描、速寫、色彩。就是繪畫入門的三大基礎(chǔ)課題，我們學(xué)習(xí)的過程也是以這個(gè)順序逐步覆蓋的。如果你已經(jīng)在第一部看完了那些書籍，就會(huì)知道，學(xué)習(xí)基礎(chǔ)繪畫的過程中，我們?cè)诩垙埳蠈?duì)現(xiàn)實(shí)世界的物體進(jìn)行細(xì)致準(zhǔn)確的描繪，也就需要我們更仔細(xì)的觀察事物。光照射的角度是如何的，在對(duì)應(yīng)的形狀中表現(xiàn)出什么明暗分布，在透視原理下杯口厚度的弧形是怎么變化的。隨著繪畫的深入你就會(huì)逐漸培養(yǎng)一雙洞察細(xì)節(jié)的眼睛，你會(huì)對(duì)所有設(shè)計(jì)和形體做出本能的反應(yīng)，分析它們的美丑，找出核心所在。

第三點(diǎn)：掌握軟件——手段

這一步就正式開始進(jìn)入學(xué)習(xí)軟件的步驟。如果學(xué)習(xí)的是UI，那么以下幾種軟件是必不可少的：

PS、AI、DW、Sketch……其余的根據(jù)愛好自己補(bǔ)充。

這里要先和大家談?wù)?，我們都知道美工?duì)于設(shè)計(jì)師來說已經(jīng)成為具有侮辱性的貶義詞，設(shè)計(jì)師們喜歡反駁，你丫才是美工，你全家都是美工。有點(diǎn)小理想的有志青年們都對(duì)這個(gè)稱謂充滿鄙夷，但我得給大多數(shù)人潑冷水，因?yàn)榇蠖鄶?shù)設(shè)計(jì)師連一個(gè)合格的美工都?jí)虿簧稀?/p>

我們知道美工代表的是一種技師的稱謂，有一定技巧但沒有創(chuàng)造力?？善褪墙^大多數(shù)人都沒有掌握足夠的技巧，這就是當(dāng)前設(shè)計(jì)行業(yè)所需要面對(duì)的事實(shí)。很多設(shè)計(jì)師沒有經(jīng)過前兩個(gè)步驟的熏陶的，所以在學(xué)習(xí)軟件的過程中很容易自滿，明明對(duì)軟件的掌握還很膚淺就已經(jīng)恬不知恥的在簡(jiǎn)歷中輸入”精通“二次（哎呀，好像在說我自己！）。他們的視角是狹隘的，只認(rèn)為學(xué)會(huì)了PS這些工具，就學(xué)會(huì)了設(shè)計(jì)，也忽略了自己遠(yuǎn)遠(yuǎn)沒有達(dá)到美工門檻的界限。下面我來談?wù)勗趺磳W(xué)習(xí)這些軟件。

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

只看前三課！重復(fù)強(qiáng)調(diào)一遍，先只看前三課，并且做好筆記把所有內(nèi)容都背到滾瓜爛熟為止（我看了至少五遍以上）。這是整個(gè)UI設(shè)計(jì)行業(yè)里基礎(chǔ)的知識(shí)點(diǎn)，光、色、分辨率、色彩模式，連這些都沒有掌握你就不要想精通設(shè)計(jì)軟件和掌握它們的原理。

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

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

那軟件要學(xué)到什么程度？學(xué)到你可以用它臨摹出任何使用這種軟件設(shè)計(jì)的圖形。一定要記住，設(shè)計(jì)軟件只是我們用來實(shí)現(xiàn)設(shè)計(jì)的一種手段，過度沉迷在軟件的研究中是本末倒置的，但如果你使用軟件連抄都抄不出來，那就是一種不需要反駁的恥辱。