新手學(xué)習(xí)UI設(shè)計避免走彎路

新手學(xué)習(xí)UI設(shè)計避免走彎路

對于初學(xué)UI設(shè)計的人而言，可能對UI具體是做什么，或者自己是否能順利轉(zhuǎn)行勝任這樣的崗位存在一定的顧慮，今天我們就來重點說說UI是做什么的

1、UI設(shè)計是做什么的？

UI即User Interface（用戶界面）的簡稱，UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。

我們一般所說的UI設(shè)計多指UI視覺設(shè)計，主要負(fù)責(zé)APP、Web、H5等頁面的色彩、布局、icon、字體方面的設(shè)計工作。但隨著互聯(lián)網(wǎng)的不斷發(fā)展，純視覺的工作已經(jīng)開始日益減少，行業(yè)要求UI設(shè)計師也要懂點交互設(shè)計和產(chǎn)品方面的知識，即懂用戶體驗設(shè)計（User experience），國內(nèi)稱UE，國外叫UX（全棧設(shè)計師甚至要懂代碼）。UI設(shè)計后產(chǎn)出物是高保真視覺稿，頁面標(biāo)注，切圖。

出于成本考慮，有的中小型公司和初創(chuàng)型公司也會讓UI設(shè)計師負(fù)責(zé)一些平面類的設(shè)計，如：海報、宣傳冊、LOGO等。所以，UI設(shè)計師如果會平面設(shè)計或手繪則是加分項，但不是必須項，不會也不用擔(dān)心。

2、UI設(shè)計需要學(xué)什么？

需要學(xué)習(xí)的內(nèi)容主要包括工具軟件的使用和設(shè)計思維的培養(yǎng)。

【工具軟件】

主要使用PS、Ai，輔助使用Xmind、Axure、墨刀等軟件。關(guān)于軟件的使用方法，可以網(wǎng)上找一些相關(guān)圖文或視頻教程來學(xué)習(xí)，好是基礎(chǔ)實例教程，像30天學(xué)會photoshop、50天學(xué)會Axure等這類教程就不用看了，因為純軟件技法教程沒有太大意義，一定要結(jié)合基礎(chǔ)實例分析。

設(shè)計思維

如果將做設(shè)計比作成練武功，設(shè)計技法是拳腳招式，設(shè)計思維就是內(nèi)功心法了。優(yōu)秀的設(shè)計都有其內(nèi)功心法作為支撐，那內(nèi)功怎么修煉呢？看書！給大家推薦三類書

《設(shè)計心理學(xué)》--購書戳原文鏈接

第一類，基礎(chǔ)入門級的，設(shè)計師人人都會讀。例如《設(shè)計中的設(shè)計》《設(shè)計心理學(xué)》《簡約至上》《Don，t Make Me Think》。如果你沒有讀過，也可以當(dāng)作知識普及來讀。

第二類，排版類。例如《版式設(shè)計》《設(shè)計元素》《版式設(shè)計原理》《西文字體》。設(shè)計的呈現(xiàn)終還是落腳到每個頁面，每個點，每根線。排版的能力還是需要大家好好學(xué)習(xí)的。

第三類：心理學(xué)方面的。例如《游戲改變世界》《無價》《烏合之眾》等。關(guān)于人性，認(rèn)知，激勵，動機，群體這些心理學(xué)知識也會對設(shè)計有所幫助。

問題二：零基礎(chǔ)想學(xué)UI設(shè)計，是自學(xué)好還是報班好？

首先明確一點，無論是自學(xué)還是報班，都有其好處和不足的地方。下面我給大家做一下簡單分析，供大家參考和選擇。

1、關(guān)于自學(xué)

自學(xué)的好處：

（1）可以鍛煉主動學(xué)習(xí)的習(xí)慣和自學(xué)能力，學(xué)習(xí)時間長短、進度、難易度可自主把控

（2）自學(xué)可以節(jié)省高額的學(xué)費、交通費、生活費等很多的費用開銷，減輕經(jīng)濟壓力。

自學(xué)的不足：

（1）人際方面閉塞，缺少與人交流溝通的機會，學(xué)習(xí)中遇到的困難可能需要花費很長的時間才能解決，甚至無法有效的解決

（2）很難系統(tǒng)的學(xué)習(xí)UI設(shè)計的知識體系和經(jīng)驗技巧，容易走很多彎路。

2、關(guān)于報班

報班的好處：

（1）跟著老師的課程，會系統(tǒng)的學(xué)到UI知識體系，循序漸進、由淺入深地掌握UI設(shè)計；

（2）遇到問題可以及時請教老師或同學(xué)，避免自己走彎路；

（3）課后作業(yè)能鍛煉動手能力，虛擬項目能鍛煉自己與他人溝通合作的能力。

報班的不足：

1、一般需要支付高昂的學(xué)費（過萬的學(xué)費已經(jīng)很普遍了），需要一定的經(jīng)濟基礎(chǔ)，如果有可以分期學(xué)費或者先學(xué)后付費的，相對好一些；

2、需要多方面篩選靠譜的培訓(xùn)機構(gòu)，部分培訓(xùn)班將盈利看得比教育本身重的多，教學(xué)質(zhì)量卻不盡人意。盡量選擇品牌大的機構(gòu)，信用度有保障。

問題三：UI初學(xué)者如何有效學(xué)習(xí)？

此類問題初學(xué)者問的比較多，錘子科技設(shè)計總監(jiān)羅子雄給的建議有三：

1、多看

為了提高審美，你需要大量去看別人優(yōu)秀的APP或網(wǎng)頁作品，在Dribbble、Behance、Pinterest等設(shè)計網(wǎng)站你可以很容易的找到大量優(yōu)秀的作品。

除了UI設(shè)計外，平面、攝影、3D、手繪等全球D級的作品也都可以看到，找到并收藏它們。一段時間后，回顧這些作品，如果發(fā)現(xiàn)三個月前收藏的作品很low，恭喜，說明你的審美提高了！

2、多做

當(dāng)你看過很多優(yōu)秀的作品后，你可能還是不會設(shè)計，所以接下來你要做的就是不斷的練習(xí)，第一階段就是臨摹。

給大家推薦幾款比較有設(shè)計感的APP供臨摹練習(xí)：《犀牛故事》、《Light》、《想去》，這幾款A(yù)PP設(shè)計都比較簡潔清新，初學(xué)者比較容易上手。同時，可以嘗試去學(xué)習(xí)一些設(shè)計規(guī)范，例如《iOS人機交互指南》，它是從事UI設(shè)計工作者需要掌握的內(nèi)容，建議仔細(xì)讀一讀。

臨摹幾套作品過后，可以進入第二階段Redesign。你可以redesign一個自己版本的iOS系統(tǒng)界面，或者重新設(shè)計一個，加入自己的想法和理念。如果你喜歡玩《陰陽師》，你可以設(shè)計個自己版本的陰陽師界面，甚至把里面的角色換掉都可以。

學(xué)習(xí)過程中如果遇到自己解決不了的問題，多百度或google，如果是一個大問題，可以把它拆分成若干小問題，逐個解決掉就好。

3、多想

在看和做的過程中，設(shè)計技法只是學(xué)習(xí)UI的一小部分，更多的是要去理解設(shè)計背后的思路和原理。比如，這個產(chǎn)品為什么定義藍(lán)色為主色？為什么要放大和加粗那個數(shù)字？整個頁面的結(jié)構(gòu)和布局是怎樣的？設(shè)計的目標(biāo)有哪些？等等。

不斷去思考，不停去問自己為什么，只有這樣，才能在今后的工作和創(chuàng)作過程中，使設(shè)計有理有據(jù)，經(jīng)得起別人的推敲，顯得自己更專業(yè)，從而獲得認(rèn)可和尊重，更好地使用設(shè)計去解決問題。