如何學習視覺設計？

寫在前面

談起視覺設計的學習，好像並沒有誰能夠講清。視覺看起來很難和理性扯上關係，因為視覺是顯而易見的，做之前沒人知道要做成什麼樣，做完之後又很容易被挑戰。有人說，學習視覺設計最好的方法是不斷的做項目，我卻不這樣認為，悶頭不停的做項目是沒有前途的，時間久了，縱然軟體越來越熟，但是稿子一定是越來越「行活兒」，最後畫圖就會成為本能，而留給思考的時間越來越少。有人說，視覺就是玩票，不用在意視覺到底能不能用上，先po概念上來，我也很不贊成這種方式，因為玩票背棄了設計的意義—解決問題。

從一分鐘畫小人兒測試說起

我曾經邀請同事在一分鐘之內用儘可能豐富的語言畫一個小人出來，後來，同事們都被自己畫的小人逗樂了，畫的實在太滑稽。我自己也做了這個測試，發現一分鐘其實很長，畫一個小人根本用不了那麼多時間，後面的幾十秒白白被浪費，最後的幾秒我加了幾條無意義的裝飾線。

同樣在短時間內的塗鴉，Von Glischka 就畫的豐富，想必他肯定會畫滿一分鐘，因為有很多可以畫的內容，那些基本形之外的線看起來並不亂，非常妥帖的為襯托造型而存在。

為什麼我們在一分鐘內不能畫出豐富的圖畫呢？因為平時積累的少，思考的少，練習的少，腦子裡很空。再看幾個問題：

1. 無法在無網路的環境下做設計，嚴重依賴dribbble；

2. 很難集中注意力，進入平穩思考的狀態；

3. 面對很急的需求，往往做不到60分的設計;

4. 熱衷「搬運」，畫圖全靠找參考;

發現沒，那些我們經常遇到的問題，從來沒有引起過我們的注意，為什麼腦子很空？為什麼嚴重依賴找參考？為什麼很難投入思考？為什麼創新能力弱？這些聽起來似乎說不清道不明。前面的「一分鐘測試」告訴我們，平時不做針對性的練習，凡事靠找參考，那麼，當網路的大門關閉的那一刻，我們就會發現一個「蒼白」的自己，這種狀態急需改善。

什麼是視覺設計？

我們首先需要明確視覺設計是一個怎樣的問題。說到底，視覺是人尺度下的觀看，人類的觀看模式（觀看模式指的是視網膜上刺激錐狀細胞和桿狀細胞發射信號給人腦，人腦讀取信息這個過程）是一定的，所以，視覺設計師的責任就是在這種觀看模式下，為用戶的觀看做排序。

如果我們的稿子信息層級明確、造型精美、色彩搭配漂亮、轉場優雅，且pixel perfect，那視覺的問題不就解決了么？說起來簡單，做起來難，這就是為什麼好的視覺設計師很少的原因。

從哪裡開始？- 回歸紙筆訓練

記得上學時候，導師經常帶我到甲方公司評圖，經常需要在硫酸紙上改小樣，而圖紙是特定比例尺下的縮放，1：100、1：500、1：1000甚至更大，但是導師每次改圖的時候誤差不超過1公分，我曾經不服特意拿尺子量了一下，竟然沒錯！他經常說，「能把看到的畫下來，手頭能跟上眼睛，就算出師了」。

2015年，Adobe聯合紐約幾家知名的設計事務所只做了一份名為「設計師最喜歡的工具調查」，問卷被發放到200多個國家，回收到近4000份有效問卷，調查結果顯示，約64%的設計師最喜歡的工具是紙和筆。

你不禁會問，現在設計軟體這麼強大，為什麼還是用紙筆呢？因為只有切斷網路、關掉屏幕，我們才能集中注意力到視覺問題本身，外界的干擾才能暫時被關閉，才能全身心的投入一種平穩的思考當中。

長期堅持紙筆訓練的回饋是顯而易見的，如果能在紙上把視覺的問題解決掉，那麼界面的視覺設計也很容易掌握，因為的人觀看模式不變，變得只是承載信息的容器，從紙面改為瀏覽器、手機屏幕等等。

很多好的設計師都有很強的紙筆能力。我很喜歡的一位evernote的設計師 Carlos Rocafort IV，非常推崇手繪，基本功非常棒，而且多種風格通吃。不僅能處理好關係複雜的圖形關係，而且色彩的調和能力也很厲害，畫的圖標有很強的個人風格。

Carlos Rocafort IV 作品，圖片來源：Carlos Rocafort IV

如何開始紙筆訓練？- 先定一個小目標

視覺設計能力是可以通過刻意的訓練慢慢培養起來的，說到底，是為信息排序。人類喜歡完形有親密性的元素、喜歡對齊、重複和對比，那麼我們在設計中就應該多遵循以上規則，並且在平日的訓練中多增加以上規則被練習的比重。

素描和色彩是一切視覺問題的基礎，這兩個問題解決起來並不難，關鍵是掌握正確的方法才能事半功倍，單憑悶頭努力是沒有用的。先定一個小目標，這個目標不求大，一定要容易完成，否則難以獲得成就感，長期沒有成就感，就很難堅持下去，從一個小問題開始，小問題解決了，就慢慢給自己加大難度，循序漸進，不要著急。

比如，打算造型能力上一個台階，那就先擱置色彩的問題，多用線表達，換很多種表達方式，線的組織熟練之後，嘗試用黑白切分面，面的切分掌握熟練之後，嘗試用色彩的冷暖表現，等等。學習其實是一場馬拉松，不停有人下去，不停有後面的人趕超上來，而最後的贏家一定是穩步向前的，如果一開始就猛足勁兒沖，後面的路就很難堅持下去，會更費力，一開始不要著急，看準方向，遇到問題一個一個解決，多看多畫多思考怎麼畫的更好。

上學的時候可以自由支配的時間很多，我會做很多練習，嘗試用不同的工具，針管筆、手寫板、油畫棒等，有針對性解決黑白分配、表述故事和用色彩造型的問題。

上半年我給自己定了一個100天堅持畫畫的計劃，想讓自己的眼睛和手「熱」起來，臨摹了很多迪士尼的手稿、還臨摹了阮佳同學的原畫、把中秋的日本關西行也塗了出來，我的原則是少寫備註，多用「畫」，有時候會對自己比較苛刻，塗的不滿意就再塗一張。

如何糾正和提升自己的視覺設計水平 - 尋找標杆「矯正」

最後談談在畫畫的過程中如何糾正自己的錯誤。多年的視覺習慣可能是比較頑固的，比如，我知道造型不好看，但是不知道問題出在哪裡，比如我知道顏色很亂，但是不知道該如何歸納等等，那麼，這時候就需要你去尋找一個榜樣用來「矯正」。很簡單，找到一個和你表現方法相近的作品，仔細琢磨。

在一個網站設計的項目中，我需要繪製一張插畫，用最輕鬆隨性的方法組織元素，拉近集團與應聘者的距離。最初的一稿我的方法並不對，招聘網站上並不適合放工業感很強的插圖，這不符合整站的調性，過於精密的插圖會讓人敬而遠之。

第二稿我調整了方向，改為塗鴉的方法。

在繪製的過程中，遇到很多問題，比如如何組織畫面，如何控制彩度等等。我開始站酷上找類似的畫，翻到含橙之後，我就開始研究他是怎樣概括造型、怎樣提煉元素、怎樣串聯故事、怎樣使用色彩的，然後再比對自己的畫，很容易就發現自己的問題在哪裡。在這個過程中，我學會了如何將畫面畫的豐富，也學會了靈活控制畫面元素的量，根據需要安排最佳元素出場。過程是痛苦的，但是突破了自己，解決了新的問題，結果還是很開心的。

寫在最後

視覺設計是一些由精確到像素的細節組成的，方寸之間承載的都是設計師的思考。我們每天的大部分時間都在工作，處於長期「輸出」的狀態，但是你有想過給自己持續「輸入」么？趕快拿起紙和筆，為自己的未來做一些沉澱吧。

最後推薦一位身邊的勤奮妹子，丁幾/黃丁，騰訊遊戲設計師，她很高產，而且有很多步驟性的小圖，是不錯的學習素材：）

謝謝閱讀：）

_____________

All about U&I

Design Clinic, miaxu