云風啟志在接待小伙伴們咨詢時,，最常見的新人問題就是——零基礎(chǔ)怎么學習UI設(shè)計?其實,，很多時候零基礎(chǔ)不可怕,，但最怕的就是零基礎(chǔ)帶來的那種浮躁,，比如往往他們都追求速成,。每個職業(yè)人都有零基礎(chǔ)的時候,，而在社會上獲得工作機會又要求你有相關(guān)經(jīng)驗,，于是這就形成了一個新人最恐懼的矛盾——越?jīng)]經(jīng)驗越?jīng)]機會,，越?jīng)]機會越?jīng)]經(jīng)驗。

　　下面的經(jīng)驗總結(jié)和思考,，一整篇全是可借鑒可實操的前輩經(jīng)驗,，從學習準備、繪畫技巧到軟件掌握,、設(shè)計理論,，共七個層級，步步進階,，力求讓新手能通過自學,，成為一名專業(yè)的UI設(shè)計師。也建議大多數(shù)自學成才的設(shè)計師閱讀,，查漏補缺

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

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

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

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

　　推薦閱讀書目：

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

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

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

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

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

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

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

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

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

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

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

　　還有,，最重點要掌握的一個繪畫技能，我覺得是結(jié)構(gòu)素描,。

　　你就可以在紙張上對想繪制的圖形做出快速,、準確的打稿，效率和延展性遠勝上機鼠繪,。手繪將貫穿你整個職業(yè)生涯,，在今后的學習工作中要保持這個習慣，相信我,，每到一個合適的時機,，它總會給你帶來意想不到的驚喜。

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

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

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

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

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

　　首先可以到網(wǎng)上搜索這些軟件視頻,，如今多如牛毛~記錄好這些最基礎(chǔ)的知識點，光,、色,、分辨率、色彩模式,，連這些都沒有掌握你就不要想精通設(shè)計軟件和掌握它們的原理,。入門教程基本都是相同的，你要完整的看完和跟著學習幾個新手教程,，直至對軟件使用有了初步的理解,。

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

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

　　好好去理解每個軟件可以實現(xiàn)什么,，優(yōu)勢是什么，極限在哪里,。然后你就再!也!不!會!跑去大神評論區(qū)里問：好牛逼,，請問這是PS做的嗎?請和我默念這是本世紀設(shè)計界里最愚蠢的評論，不要讓它們發(fā)生在自己身上,。

　　再嘮叨一次,，軟件只是一種手段，你還并不懂設(shè)計,，少吹牛逼!

　　第四點：設(shè)計理論——實踐

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

　　因為看過藝術(shù)史,，所以你會知道，每個時代流行的藝術(shù)創(chuàng)作有各自的手法特點,，有共性,，所以可以被歸納和總結(jié)，也就可以教授,，培養(yǎng)出相同的作家,。換句話說，美術(shù)家是可以被量產(chǎn)的,。在理論不斷被完善的今天,，要做出好的設(shè)計一樣是可以通過理論學習——實踐產(chǎn)生，一定不要認為這是天賦上的差距,，別人比自己就更有藝術(shù)細胞,。那些能被歷史銘記的藝術(shù)大師，之所以偉大,，是因為他們的開創(chuàng)性或者作品所包含的人文精神和偉大的靈魂,，而不只是一幅出色的圖畫。

　　前面的幾點都為你提供了足夠的實踐基礎(chǔ),，所以在這部才能讓你正確看待自己的潛力,，不會輕易停下追求進步的腳步。只有最偉大的設(shè)計師才需要較量天賦,，而成為一個優(yōu)秀的設(shè)計師靠的是努力,。設(shè)計是勤行，不是設(shè)計人,，不入設(shè)計門,。

　　那么理論知識我們該學習什么呢?首先是基礎(chǔ)中的基礎(chǔ)：三大構(gòu)成(基礎(chǔ)含義)

　　每個方向都需要閱讀相應(yīng)的教材，重要性無以復(fù)加,，你需要在觀看的時候一邊做練習,。然后才是具體設(shè)計類的書籍，記得不要再買那些無用的通篇告訴你軟件操作的書籍,。

　　對于字體的認識,，尤其在扁平化盛行的今天，字體的作用更加突出,。只有掌握了字體的奧義,，才能設(shè)計出有力的排版，才能對可讀性和觀賞性文字符號有充分的了解,。比如日本二十四節(jié)氣網(wǎng)站就是運用字體的優(yōu)秀案例

　　推薦書目：

　　《商業(yè)字體設(shè)計》(方茜)(一定要看!!)

　　《好字體》(向玫玫)

　　《文字設(shè)計的原理》([日]伊達千代,，內(nèi)藤孝彥)

　　接著就是關(guān)乎排版，柵格化_百度百科。

　　這也是UI設(shè)計師必須掌握的基礎(chǔ)技巧之一,。對柵格化有充分理解,，就可以設(shè)計出足夠安全而和諧的頁面，下面書目：

　　《版面設(shè)計的原理》([日]伊達千代,，內(nèi)藤孝彥)

　　《超越平凡的平面設(shè)計 版式設(shè)計原理與應(yīng)用》([美]麥克韋德(John McWade))

　　還有一些相關(guān)的基礎(chǔ)推薦書籍：

　　《形式感+：網(wǎng)頁視覺設(shè)計創(chuàng)意拓展與快速表現(xiàn)》(晉小彥)(重點推薦)晉小彥新書

　　設(shè)計的理論書籍教會你怎么設(shè)計,，你需要在不斷接受知識的同時，馬上對它們做實驗,，不停的練習,，不停的產(chǎn)生問題并解決。在你的設(shè)計觀念足夠成熟前,，絕對不要沒事上網(wǎng)看設(shè)計的XX法則,，如何做好網(wǎng)頁設(shè)計你需要掌握的XX個技巧，完全就是設(shè)計界的雞湯文,，它們看著其實挺有道理,，但完全沒辦法給新人提供實踐指南，是用來遺忘的,，即使看再多這類雞湯文,，你也做不好設(shè)計。你的學習過程在每個方面都要系統(tǒng)而有調(diào)理,，書籍比零碎的閱讀可以給你帶來更多的幫助和進步,。

　　第五點：邏輯取舍——平衡

　　作為UI設(shè)計師，是必須掌握前端的對應(yīng)技能的,，這不是可以完全無限制的發(fā)揮設(shè)計技藝的地方,，你就要有取舍，要跟的上前端開發(fā)的邏輯,，做出穩(wěn)定可以被實現(xiàn)的設(shè)計稿,。

　　學會HTML5 CSS3 JQ的入門,，安卓,、IOS的實現(xiàn)規(guī)范!

　　第六點：鑒賞模仿——超越

　　特地把這點放到后面，也是有理由的,，前面的步奏都是一個設(shè)計師基礎(chǔ)素養(yǎng)的實現(xiàn),，而一個出色設(shè)計師還需要培養(yǎng)自己的套路和風格——站在巨人的肩膀上。

　　你要學會如何辨別優(yōu)秀的作品,，可以從多個渠道收集優(yōu)秀作品和案例,，首推使用：

　　Behance、花瓣網(wǎng) ,、站酷,、UI中國等設(shè)計類網(wǎng)站上搜集。

　　學會看優(yōu)秀的案例，用它們給你提供設(shè)計的燃料,，然后你要做的就是抄!抄!抄!用你學過的設(shè)計理論在實現(xiàn)中對案例進行分析,，只有發(fā)現(xiàn)了它們的優(yōu)點并自己動手實踐實現(xiàn)了，才對你的提升有實際幫助,。你每天抄一個案例,，BANNER、ICON,、APP界面,，那么不出幾個月，你就能對現(xiàn)有的設(shè)計形式套路了如指掌,，可以設(shè)計出安全不會有太大毛病的UI設(shè)計稿,。

　　同時，必須提醒一點就是,，我們在設(shè)計過程中對美的追求和實際實現(xiàn),、用戶需要很多時候是不一致的，這是一個坑,，需要有足夠的經(jīng)驗去判斷什么樣的設(shè)計已經(jīng)足夠了,，什么樣的是過度設(shè)計，沒有實際意義,。你不止要在網(wǎng)上搜索優(yōu)秀的案例,，一定要持續(xù)關(guān)注這些那些最簡單，但是最受歡迎的網(wǎng)站和應(yīng)用,。例如：知乎,、INS、微信,、淘寶等等,。去不斷討論、查閱,，來理解為什么是當前的呈現(xiàn)式樣,，而不如自己的預(yù)期。

　　你要在練習和思考中進步,，不要盲目的追求視覺表現(xiàn),，這樣的UI設(shè)計師是很難真正的成長起來。

　　設(shè)計的終極目的是解決問題,，而不是盲目的表現(xiàn)自己對美的追求,。所以新手不要去看那些只上傳飛機稿的網(wǎng)站。

　　當前主流設(shè)計平臺的趨勢就是,，少數(shù)大神驅(qū)動龐大的底端設(shè)計群體,，如果你已經(jīng)在前幾個步驟得到提升,，那么這些網(wǎng)站的多數(shù)設(shè)計師已經(jīng)在思想上沒法和你并駕齊驅(qū)，不要去這些地方混跡,。這些網(wǎng)站不會有真正有價值對等的交流和見解,，只有設(shè)計師在自己圈子里找自信刷存在感的證明，你去掃兩眼評論,，就知道不會有“落霞與孤鶩齊飛,，秋水共長天一色”這種回答，只有“哎呀,，我草,，牛逼”，“請問這是用數(shù)位板畫的嗎?”,，“請問這是AI做的嗎?”,。這些大神的飛機稿和普通練習的迅速流傳，很可能會產(chǎn)生諸多的不良印象,。

　　如果作品沒有任何實踐價值,，尤其為了吸引同行關(guān)注而過分秀技巧，秀動效,。于是動效的風氣馬上在國內(nèi)圈子彌漫開,，明明是連基礎(chǔ)排版、配色都做不好,，PS都還沒捂熱,，就追著趕著學習AE，開始玩轉(zhuǎn)交高大上交互特效了,。當你抄了兩三個月案例,，就已經(jīng)有足夠多的作品集了，你已經(jīng)可以打包做簡歷去應(yīng)聘了,。屆時你的水準將超越絕大多有數(shù)年經(jīng)驗的設(shè)計師了!

　　第七點：閱讀思考——擴展

　　整個UI設(shè)計圈,，還有一個很致命的缺點，就是對其它行業(yè)知識的排斥,，科班畢業(yè)生尤甚,。因為學生時代大多討厭學習，有藝術(shù)生這個庇護傘,，就可以合理安慰自己不學習不念書那是放蕩不羈愛自由,。

　　藝術(shù)史還要教會你們的一點就是，真正的大師絕對不會只是孤陋寡聞而只專注在手中的筆桿和油墨,，他們不斷在認識世界，不斷在研究感興趣的知識和見解,。不要做一個只知有設(shè)計,，不知有數(shù)理化的蟾蜍,，只能在你自己的井里蹦跶。

　　成熟的設(shè)計不只是你個性技巧的表達,，還有你對解決問題所展示出來的理性和洞見,。很多設(shè)計師和同層次的其它專業(yè)人員比較起來顯得太幼稚和粗淺，癥狀也在這里,。不要只用設(shè)計的角度去看世界,，去涉獵更多的專業(yè)，讓眼界更寬廣,，有更多的角度去理解世界,，得到的感悟?qū)⒔o你帶來難以估量的升華和進步。

　　這是可以持續(xù)一生的事業(yè)和技藝,，在正確的方法下,，越積累越成熟，老而彌堅,。請不要再用膚淺的思想認為它是吃青春飯的過度階段!

　　設(shè)計是一門需要沉淀的技藝,，卻恰巧遇見了日新月異的互聯(lián)網(wǎng)文化。這讓大家對流行極具敏感度,，而開始追趕潮流,，輕視正統(tǒng)和法則。這整個流程需要或許需要1整年的時間,，但我相信,，只要有足夠的耐心，是可以讓一個新手成長成為一名合格的UI設(shè)計師,，請放慢你的角度,，不要急于求成。

　　更多咨詢盡在：https://www.ukong.cn