@飛屋睿UIdesign?：收到不少初學的設計師私信我關于「如何學習」、「如何提高」等方面的問題，我一直身陷在各種項目中，終于現在有了時間出來整理相關的內容答復，提供一個簡單的學習規劃框架和應該注意的問題，往后我們再往這個框架里繼續填充內容。

其實這個答復應該會很長，完全不是靠一篇文幾分鐘就能講清楚。況且每個人的方法其實要按照個人的性格來長成，就像每一片樹葉都不一樣。所以，我只能按自己目前有限的能力，提供了我自己這方面的解答。也許不能作為一塊敲門磚，但希望能多少提供參考價值給大家。

我還同時錄制了視頻，其實內容和文章大體一致（我是先錄音，再根據錄音來整理文章）。主要也是想多一個溝通渠道，豐富一點內容。

另外也要感謝提問的小伙伴，因為你們的問題，才有了我對這些問題的思考。

一、了解你的定位：行業概況

平面設計這個行業可以分為非常多的小的門類：廣告設計、海報設計、LOGO設計、名片設計、UI設計……，比如有專門是印刷類的設計，也就是很多針對企業來做的企業形象的設計、宣傳單張的設計、名片的設計等等。其中有的可以繼續再往下細分或者有的又一人身兼數職的情況，我們就不再一一陳述，在這里我們重點要談論的是 UI 設計。（其他的平面設計領域其實也可以參考，因為針對的基礎都是相通的。）

UI 設計又可以往下細分，比如有的是專門設計 APP 界面的，一般是作為 UI 設計師加入到互聯網產品開發團隊當中。還有一個類別是網頁設計，網頁設計根據所要設計內容的不同，其實工作的性質也有些區別。例如在有大型的門戶類或者商城類的網站的公司工作，那么你的工作內容可能更多是針對網站的頁面的升級、優化。（現實中還有很多不同的情況，我沒有了解過每一種情況，這里分享的只是我所知道）

還有一類情況就是在建站的公司工作，建站的公司里給不同的客戶設計企業/商城網頁的界面。可以說 UI 設計這一類的職業覆蓋面還是挺大的，我個人做了很多年的網頁設計，但是我也承接過 APP 界面的設計，甚至也做過印刷方面的設計，其實并沒有那么嚴格的界限。網頁設計有時也會遇到移動端界面的設計，和 APP 的界面幾乎沒有大的差別。

整個平面設計跨領域的難度比較低，因此需要了解自己的定位，一個清晰的定位可以幫助你知道自己的規劃和方向。

二、兩個度：廣度和深度

除了明確你的定位，接下來就要開始根據這個方向來規劃你的發展路線。也有高上大的說法就叫做「藍圖」。但是其實我想說，都是一點一滴，一分一秒開始做起，所以不需要高瞻遠矚。

我想建議大家的就是，不要去追逐「潮流」，而要問自己的內心，跟隨自己真正的喜好和擅長的方面。「你只能做自己才能做到第一，做任何其他人最多都只能做第二」。只要跟隨自己的選擇，即使遇到瓶頸期，也不用太糾結，因為你知道一切都是時間問題。

1. 廣度：你的平臺大小

設計師，或者說也是任何一個普通人，都會在人生的任何需要做選擇事情上面臨廣度和深度的問題。比如你去菜市場買菜，你要買的是番茄，那么你首先會去看遍整個菜市場，你才知道哪些攤位正在賣番茄，這也就是所謂的廣度；接下來你要挑選番茄，你就在某一個攤位停下來進行篩選，這就是所謂的深度。

所以在平面設計這一行里，你也需要對平面設計的任何一個行業都要有所了解。不要局限在自己目前的工作范圍當中。廣度也是你給自己的平臺大小，就像如果你只開墾了自己一塊2個平方的地，和別人1000平方的地相比，肯定是不一樣的起點。

無論你是否是科班出身，短短幾年的時間想要涉獵所有的廣度并且進入職業的深度，顯然是不夠的。因此，很多設計師都希望能有所拓展、給自己繼續充電。

2. 網頁設計師的廣度

雖然我也曾經做過別的種類的設計，但是網頁設計是我主要的工作領域，比較多實戰的經驗可以分享給大家。因此這里我就只分享我的經驗，但是其他的設計師也可以以此作為參考，聽了解析，你一定可以知道你的方向在哪里。

網頁設計師也是根據互聯網技術發展以后才有的職業門類。那么具體在做網頁設計的時候，會涉及到哪些類別的設計內容呢？

排版/版式設計

在網頁設計中，最關鍵的就是排版的設計，對網頁的各種元素進行排版，對每個元素，比如導航、按鈕、LOGO、標語、文字段落……在版面上進行組合。

Banner 設計

Banner 的設計從另一個角度來看就是海報設計（也和廣告設計相關），在很多的網頁設計案例當中，Banner 的存在就是發揮廣告的作用。Banner 如何設計大部分取決于頁面中其他的元素，而這也是和普通的廣告設計略微不同的一點。所以海報設計的掌握，是做好 Banner 設計的前提。

網頁設計就是從印刷類設計的移植，基本上差別并不大，本質是一致的。

圖標設計

圖標的設計和標識設計有一種姻親關系，它們之間有異曲同工的關系。圖標的設計相比而言會更簡單，標識的設計會更強調獨特性，而圖標更多在于一種表達性。

目前網頁設計中流行的圖標風格就是線性類的圖標，這種圖標的樣式比較簡潔。很多初學者一開始認為不需要學習畫圖標，是因為目前網上已經有很多圖標的素材可以下載直接使用。但是實際的情況就是，在同一個網頁中，圖標大都需要來自同一種風格，而同一種風格的圖標不一定都能適應你的需求。所以這就需要你能自行設計圖標。

標識設計

標識的設計和圖標設計有點類似，為什么標識設計也會被納入到網頁設計的范疇里？這里有一種情況，就是在設計新的網站頁面時，以前的 LOGO 是不適應目前的界面風格的。這時候就需要網頁設計師幫他設計一個 LOGO，這也是我自己在實際經驗中遇到的情況。

字體設計

字體設計和標識設計的關系最緊密，涉及到一種情況就是，很多公司是會選擇用中文作為 LOGO 的標識。這時候就會涉及到字體的設計。當然，你不能直接拿現存的字體來用，而需要對現有的字形作一定的改變，來匹配整個網頁設計中的元素風格。

配圖設計——攝影后期處理

網頁設計中的配圖大致可以分為兩種，一種是采用攝影作品作為素材的配圖，大家也許會看到，大部分的網頁配圖都是利用攝影的素材作為配圖。如果這時你是幫客戶做網頁設計，對方提供的圖片并不是每一張都很理想，那如何才能達到滿意的理想效果？

或者你受雇于某個大型的互聯網公司，配圖的設計應該是一個主要的工作。大的網站在運營期間需要不斷的更新配圖。這時如果運用攝影的作品作為素材，你不應該只是單純拿攝影作品來用，而應該學會對素材進行「二次加工」，因為網頁設計中會涉及到風格統一性。

這時的后期處理和普通的攝影后期還有一點不同，除了要對素材進行調色、剪裁……還需要做一些改變。這些改變需要發揮你的想象力和創造力，根據整個的版式風格來讓整體看起來獨特新穎。

很多初學者也有一個錯覺，認為配圖并非網頁設計師的專職工作。所以在設計網頁的時候，由于是動態的網頁，在配圖的位置上就隨便放上一張圖片作為「占位符」來使用，因為最后交給客戶的網站，客戶仍然是會換掉設計中的配圖。這就好像很多售樓處會有樣板間，樣板間經過了裝修，在裝修風格上也下了一番功夫。這個樣板間實際是沒有人住，但是這樣才會告訴買房的顧客具體的裝修風格上的方向和具體的房間使用體驗。

這也是我們需要在設計網頁時，告訴客戶哪個位置放什么圖，圖片以什么樣的方式去展示效果最好。

配圖設計——插畫設計

配圖還有另一種方向就是插畫設計，很多初學者也許會覺得不算作自己的職責范圍。其實現實的情況并不是這樣的。我自己的官網（ifeiwu.com）的設計，就是利用插畫配圖在首頁的一個案例。

插畫能彌補攝影題材不足的問題，另外還有其他的優勢。我今年有在規劃寫這方面的書，以后會慢慢和大家分享這方面的知識。

前端代碼的交接

和印刷類的設計需要懂得印刷知識一樣，網頁設計也需要懂得網頁開發的知識。有些網頁設計師師懂得如何寫前端代碼的，這是部分偏技術類的設計師，當然也是相對來說更加全面的。而如果是偏向視覺的設計師，也需要補充前端代碼的相關知識，更好的與前端開發人員進行交流。

3. 網頁設計師的深度

深度就是在廣度的基礎上，在某一特定的領域進行扎根。

比如有的設計師擅長做排版，還有的非常適合設計 Banner，你要學會發現自己的特長，根據自己的興趣決定你發展的深度。這也是需要你在所有的廣度上的技能和知識都達到一定深度以后，你才能完全確定的問題。

我們的學習過程就是一個不斷探索的過程，從一個疑問走向另一個疑問，讓這些疑問來把你帶到一定的深度。

后記

下一次我們會繼續聊到三個界的問題以及如何學習充電的內容。具體哪三個界，應該如何學習，我們就下一期再會。

圖片素材作者：Eddie Lobanovskiy

「設計師成長之路」

• 《設計師如何根據行業變化建立知識管理體系？》
• 《從技法到心理，深度分析優秀設計師該有的氣質》
• 《系列三部曲！中國式草根設計師的自我提升》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com