零基礎入門學習UI設計指南


第一步:認識設計啟蒙必備知識

學習一項技能,尤其是已經有一定沉淀並在各行各業有廣泛應用的技能,就一定要對它先有充分的認知。在開始正式學習前,你需要花足夠的經歷去了解和查閱它的起源、發展、應用、未來。

UI作為平面設計的一部分,再往上又從屬與美術學這一大類。因此,首先要先去了解整個美術史的發展。從人類起源各個階段中,美術經歷了什么樣的變化,在各自的時代發揮了什么作用,近代美術史又經歷了哪些波折,平面設計藝術是如何發展壯大走進千家萬戶,並且有哪些經驗成功過度到后來的UI設計中。那些享譽中外的藝術大師有何過人之處,他們為美術學發展做出了哪些貢獻,他們的名作到底有何動人之處。
在今天的UI設計群體中,我們作為專業的設計人員,可以和別人侃侃而談雷軍的創業心得,羅胖子的工匠情懷,滴滴快滴的商業模式以及BAT在傳統行業的布局等等,各種其實並不太相干的話題,卻說不出半點藝術見解。
我們看不懂博物館展覽那些畫作,不知道梵高畫了什么作品,抽象派到底在鬧騰些什么,更甚者連扁平化的推動有什么深層次的原因都不明白。如果說最近很火的二月河說大學生不看《紅樓夢》是恥辱尚有爭議性,那么設計師無法理解前人藝術成就是絕對的悲哀,無法去辯駁的事實。
了解美術史,學會入門的美術鑒賞,目的是以正視聽。學會用多個緯度去思考美學,學會用更深入的方法來看待問題,學會從更宏觀的視角審視行業……這樣,你才能更客觀的去理解UI的發展歷程。這些知識和思想,將為你的職業生涯做出啟蒙,才更容易成為一個有內涵有深度的設計師,這當中還有諸多優點,就得靠你們自己慢慢體會。

下面是必看推薦書目:

《寫給大家看的設計書(第4版)》(適合快餐族看 行業外者)
配色設計原理》 (大學在讀   0基礎  抽一段時間看完)
《平面設計完全手冊》 (大學在讀  實習生 基礎薄弱者  平面是UI設計前身經驗基礎 必看)

《設計中的設計》(大學在讀  實習生 基礎薄弱者 即將進入設計工作 看)
《設計心理學1:日常的設計》(已經畢業 進入社會工作 可快速長期看 必看)
《設計心理學2:與復雜共處》(已經畢業 進入社會工作 可快速長期看 必看)
《設計心理學3:情感設計》 (已經畢業 進入社會工作了 可快速長期看 必看)
《設計心理學4:未來設計》(已經畢業 進入社會工作 可快速長期看 必看)

哲學有三大哲學問題,“你是誰?”“你從哪里來?”“你要到哪里去?”,構成了哲人在探索人世真理時的基礎框架。我們也一樣,要在階段給自己提出三個問題,並花至少一個月的時間尋找答案:
設計是什么?設計是如何產生的?設計可以做什么?

第二步:學習繪畫技巧曾經和很多同行爭論過,UI設計,到底需不需要手繪訓練。想必大家都知道,目前國內知名的追波上的大神們,很多都是草根出身,從其它行業空降來的,他們的出色是有目共睹的,似乎從某種層面上證實,不需要有繪畫基礎,也可以做好UI,也可以當大神?
我們來說說繪畫的問題。
美術高考主要考的三大項:素描、速寫、色彩
就是繪畫入門的三大基礎課題,我們學習的過程也是以這個順序逐步覆蓋的。如果你已經在第一部看完了那些書籍,就會知道,學習基礎繪畫的過程中,我們在紙張上對現實世界的物體進行細致准確的描繪,也就需要我們更仔細的觀察事物。光照射的角度是如何的,在對應的形狀中表現出什么明暗分布,在透視原理下杯口厚度的弧形是怎么變化的。隨着繪畫的深入你就會逐漸培養一雙洞察細節的眼睛,你會對所有設計和形體做出本能的反應,分析它們的美丑,找出核心所在。

這批國內的大神,其實就是在遠超常人的勤奮中積累了觀察的經驗,以此可以復制一定的風格,並能發現設計中的細節而不斷做出改正。但這就完了么?當然不是。
你們可以仔細去觀察這些沒有繪畫能力的UI設計師,他們的作品存在着很強的局限性,雖然可以很好完成熟悉領域和流行風格的設計,但是形勢是很單一,並且缺乏真正的創造力。強大的手繪能力,除了提高洞察力以外,就是為你將來創作的多元化提供更多可能,

 

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

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

第三步:學習設計軟件

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

Photoshop、illustrator、coraldraw、Sketch、Axure 、After Effects、Flash軟件(下載)
其余的根據愛好自己補充
這里要先和大家談談美工,有點小理想的有志青年們都對這個稱謂充滿鄙夷,但我得給大多數人潑冷水,因為大多數設計師連一個合格的美工都夠不上。
我們知道美工代表的是一種技師的稱謂,有一定技巧但沒有創造力。可偏偏就是絕大多數人都沒有掌握足夠的技巧,這就是當前設計行業所需要面對的事實。

很多設計師沒有經過前兩個步驟的熏陶的,在學習軟件的過程中很容易自滿,他們的視角是狹隘的,只認為學會了PS這些工具,就學會了設計,也忽略了自己遠遠沒有達到美工門檻的界限。

下面我來談談怎么學習這些軟件:
1-先看PS教程:
只需要先看UI設計行業里最基礎的知識點,光、色、分辨率、色彩模式,連這些都沒有掌握你就不要想精通設計軟件和掌握它們的原理。

再有時間看看其余的PS教程
那軟件要學到什么程度?學到你可以用它臨摹出任何使用這種軟件設計的圖形。

如果你看到一張圖片,如果基本談不上臨摹出來,那么你的學習PS程度未到。經常自己做一些練習來測試自己對軟件掌握度在哪里,就很容易發
好好去理解每個軟件可以實現什么,優勢是什么,極限在哪里。然后你就再也不跑去群組里問:請問這是什么軟件做的,軟件只是一種手段,你還並不懂設計!
其余所有軟件按照PS教程一一搜索。

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

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

前面的幾點都為你提供了足夠的實踐基礎,所以在這部才能讓你正確看待自己的潛力,不會輕易停下追求進步的腳步。只有最偉大的設計師才需要較量天賦,而成為一個優秀的設計師靠的是努力。設計是勤行,不是設計人,不入設計門
那么第二步實踐理論知識我們該學習什么呢?

首先是基礎中的基礎:三大構成(基礎含義)
每個方向都需要閱讀相應的教材,重要性無以復加,你需要在觀看的時候一邊做練習。然后才是具體設計類的書籍,記得不要再買那些無用的通篇告訴你軟件操作的書籍。
還有個差點被我忽略,本來想單當一個步驟說得,后來想想還是歸納到這里來,那就是對於字體的認識。UI設計師普遍對字體缺乏敬畏,尤其在扁平化盛行的今天,字體的作用更加突出。只有掌握了字體的奧義,才能設計出有力的排版,才能對可讀性和觀賞性文字符號有充分的了解。比如日本二十四節氣網站就是運用字體的優秀案例:日本二十四節氣網站(原網站好像打不開了,只有圖)。推薦書目:

《商業字體設計》(方茜)一定要看!!
《好字體》(向玫玫)
《文字設計的原理》([日]伊達千代,內藤孝彥)

接着就是關乎排版,柵格化_百度百科網頁布局柵格化設計,這也是UI設計師必須掌握的基礎技巧之一。對柵格化有充分理解,就可以設計出足夠安全而和諧的頁面,下面書目:
《柵格排版法》
《版面設計的原理》([日]伊達千代,內藤孝彥)
《超越平凡的平面設計 版式設計原理與應用》([美]麥克韋德(John McWade))

還有一些相關的基礎推薦書籍,
《形式感+:網頁視覺設計創意拓展與快速表現》(晉小彥)(重點推薦)
《在你身邊,為你設計:騰訊的用戶體驗設計之道》


設計的理論書籍教會你怎么設計,你需要在不斷接受知識的同時,馬上對它們做實驗,不停的練習,不停的產生問題並解決。在你的設計觀念足夠成熟前,建議不要沒事上網看設計的XX法則,如何做好網頁設計你需要掌握的XX個技巧,完全就是設計界的雞湯文,它們看着其實挺有道理,但完全沒辦法給新人提供實踐指南,是用來遺忘的,即使看再多這類雞湯文,你也做不好設計。

學習過程在每個方面都要系統而有調理,書籍比零碎的閱讀可以給你帶來更多的幫助和進步。

第五步:平衡涉獵-前端開發
在我這個回答:視覺設計師是怎樣讓前端工程師 100% 實現設計效果的?
已經說很詳細了,作為UI設計師,是必須掌握前端的對應技能的,這不是可以完全無限制的發揮設計技藝的地方,你就要有取舍,要跟的上前端開發的邏輯,做出穩定可以被實現的設計稿。
學會HTML5 CSS3 JQ的入門,安卓、IOS的實現規范!

第六步:鑒賞模仿與超越你要學會如何辨別優秀的作品,可以從多個渠道收集優秀作品和案例,首推使用:
Behance
花瓣網
Pinterest

學會看優秀的案例,然后你要做的就是借鑒,用你學過的設計理論在實現中對案例進行分析,只有發現了它們的優點並自己動手實踐實現了,才對你的提升有實際幫助。你每天一個案例,BANNER、ICON、APP界面,那么不出幾個月,你就能對現有的設計形式套路了如指掌,可以設計出安全問題不大的UI設計稿。

必須提醒一點就是,我們在設計過程中對美的追求和實際實現、用戶需要很多時候是不一致的,這是一個坑,需要有足夠的經驗去判斷什么樣的設計已經足夠了,什么樣的是過度設計,沒有實際意義。你不止要在網上搜索優秀的案例,一定要持續關注這些那些最簡單,但是最受歡迎的網站和應用。

這篇文章值得一讀:點擊

第七步:對設計生涯思考

真正的設計大師絕對不會只是孤陋寡聞而只專注在手中的PS,他們不斷在認識世界,不斷在研究感興趣的知識和見解,這也就是知乎存在所要滿足的需求。

成熟的設計不只是你個性技巧的表達,還有你對解決問題所展示出來的理性和洞見。很多設計師和同層次的其它專業人員比較起來顯得太幼稚和粗淺,症狀也在這里。不要只用設計的角度去看世界,去涉獵更多的專業,讓眼界更寬廣,有更多的角度去理解世界,得到的感悟將給你帶來難以估量的升華和進步。
這是可以持續一生的事業和技藝,在正確的方法下,越積累越成熟,老而彌堅。請不要再用膚淺的思想認為它是吃青飯的過度階段!設計是一門需要沉淀的技藝,卻恰巧遇見了日新月異的互聯網文化。這讓大家對流行極具敏感度,而開始追趕潮流,輕視正統和法則。這整個流程需要或許需要1整年的時間,但我相信,只要有足夠的耐心,是可以讓一個新手成長成為一名合格的UI設計師,請放慢你的角度不要急於求成。


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com