如何學習視覺設計?

寫在前面

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

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

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

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

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

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

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

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

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

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

什麼是視覺設計?

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

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

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

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

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

紐約 Hyperakt 工作室繪製,原文鏈接:超過64%的設計師還是喜歡用紙和筆

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

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

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

Carlos Rocafort IV 作品,圖片來源:Carlos Rocafort IV

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

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

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

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

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

自繪,2010年左右

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

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

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

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

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

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

寫在最後

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

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

謝謝閱讀:)

_____________

All about U&I

Design Clinic, miaxu


推薦閱讀:

【可能性 | 產品與大設計】推薦閱讀(033期)
【可能性 | 產品與大設計】推薦閱讀(009期)
作為設計師,你以為你真的會ps嗎?先p張這樣的圖再說吧
Head:相契的「靈魂」,探尋金斯頓「平面即是一切」的藝術表達

TAG:视觉设计 | UI设计师 | 个人成长 |