UI設計需要什麼樣的美術能力？

文章版權歸： 鐵木士 所有 轉載請署名

很多人都私聊問我：學UI需不需要手繪能力。或者學UI需要什麼繪畫基礎。

所以今天集體回答一下。

UI確實需要一定的手繪能力，

但是跟畫畫是有很大不同的。

我們先來看一下跟繪畫有關係的行業：

漫畫：

主要的不是繪畫能力，更重分鏡頭，敘事能力，腳本編寫能力，很多畫的不好，但是依然存活很多年的漫畫還真就不少，甚至可以證明，繪畫能力的底線可以很低。

遊戲原畫：

雖然工作內容是在畫畫，但是遊戲世界觀多數都是架空世界觀，歷史以及文明的視覺搭建。所以對歷史符號，架空世界觀，產品類型，研發流程實現等行業知識更重要。

影視：

跟遊戲差不多，但是你設計出來的東西的能實現。場景，道具，服裝，你的對施工，材料，拍攝效果，後期等相關知識得有足夠了解。

簡單說了，幾個行業，我想說的是，那些看起來都是畫畫的工作。

其實繪畫只是表達手段。

是最最基礎的一個職業技能。但是並不是主要的職業需求。

UI也一樣，繪製能力是表達手段，基礎需求，只是工作里的一小部分。

在所有這些跟繪畫有關係的行業里，繪畫是為行業目的服務的，所以，所需要的美術基礎也絕不相同。

所以千萬不要把跟繪畫有關的行業一概而論，理解為藝術行業。

跟繪畫有關的行業多數都是商業行為，商業行為下，藝術這個詞就褒貶不一了。

在聊美術需求以前，我們先來聊一個跟繪畫有密切關係的東西：素描

多數想要學習繪畫的人貌似第一個能了解到的繪畫方式就是素描。。。。。。

具象化超寫實素描：

像照相機一樣的去畫畫，比照相機更主觀，大量細節往往令人印象深刻。

表現性素描：

你大致分清楚繪畫內容，但是表現素描里多參雜更多情感宣洩。

抽象素描：

你基本已經很難分清楚繪畫內容了，抽象素描更傾向於情緒表達。

其他很多素描形式就不一一列舉了。

我們做ui需要這種繪畫能力么?肯定不是!

我們回頭來看一下，為什麼會有素描這種繪畫形式?

你能找到的所有的歷史名畫，都有一個共同的特性：就是都有顏色。

例如這張《奧菲利亞》

在普通人的印象里，畫家都是很牛逼的無敵存在，畫一張這樣的畫，你別管他花多久，都是一次搞定!

其實不是的!不是所有人，都直接有能力在大腦中完成創作，直接繪畫的。

任何你看到的一張完整作品背後，都有可能有十幾張，幾十張，上百張的小稿。

素描是一種最節省資源的研習方式：

因為你可以排除掉顏色的干擾，甚至排除掉，構圖，等一系列的多餘因素，去有目的的研習作品元素。

比如純結構：

比如純材質：

比如人物景物記錄：

素描的存在，其實是繪畫的一個過程。

因為你可以不用張張精品的去繪製完成。

只需要明確你的目的，去快速熟悉，比對，選擇。

聊到這裡，主要目的是確立一個觀念：

作為UI設計人員，請把繪畫能力當做一種輔助研習的手段，不要以其他行業繪畫標準，去要求自己學習繪畫，那會本末倒置，浪費大量的時間和精力。

也確實沒啥必要性。除非你打算轉行，或者個人興趣使然。

回到正式話題：UI需要哪些繪畫基礎知識?

結構：物體佔據空間的方式。

一般設計行業的素描都是結構素描。

結構的重要性不言而喻。

為什麼素描要從幾何圖形畫起?原因就是夠簡單。

當你去處理一個複雜圖形的時候，把它拆解成簡單的幾何圖形最容易理解，和控制。

我們是在二維世界裡，去表現三維世界的空間，所以理解了結構，就能理解很多其他東西。

比如光原理：

光是一個永遠的存在，影響光的因素，其實就是結構，其次是材質對光的反射比例。

肯定也需要學習和了解透視原理

因為今天這部分不是講解美術基礎，所以只能做簡單介紹

常規透視：基礎透視原理

平行透視：其實是平面設計行業用的最多的透視方式，不用考慮滅點形變之類的因素。

視覺透視：人的視覺是有生理誤差了，所以感官上來講，很多透視都做了相應的修改，以適應人眼的觀看方式。

變形透視：特殊目的下，會使用變形透視，比如，你的手機其實並不是水平於你的眼睛的。很多時候都會有傾斜。ui設計的時候，根據目的也會做相應的調整。

色彩原理：

色彩是一個可以單獨拿出來說事的知識：

色彩是視覺引導，情緒引導，觀感控制的一個重要手段。

很多人都覺得色彩是很難掌握的一個能力，其實也不用太擔心，因為有大量的現成的色彩構成，與色表等可以參考。

在不能主觀去使用的時候，至少學會收集色表，和根據需求使用它們。

構圖：

因為無論是繪畫還是做ui，我們看到的內容都是有邊界的

既然有邊界，就要安排主要內容的位置。

對於影視產品來說，就是鏡頭感。

對於UI來說，就是觀看舒適度，和操作舒適度。

所以如果一個ui有繪畫能力，有幾個好處。

第一：

就是你可以短時間，高效率的方式，快速嘗試設計和比對。

大大提高工作效率

第二：

就是你繪畫越熟練，你真的時工作效率越高。因為你對透視，結構，光原理，光色，的熟練，可以讓你快速拆解你眼睛所見的一切事物，然後去根據需求改變和重新組合它們。

第三：

很多時候手繪是一種不可替代的存在。

我重新審視一下繪畫知識和UI的關係：

結構：沒有任何東西是沒有厚度的，哪怕是扁平化設計，很多也都有厚度

透視：結構的變形一定會在透視的框架下!

光原理：能夠理解結構，就能夠自由控制光源。

構圖：其實是UI工作使用最頻繁的原理，布局永遠是整體控制的關鍵。

色彩原理：無處不在，無法忽略。

無論你做任何繪畫練習，請一定要明確你繪畫的目的。

畫畫這個事情其實就是一個量的積累，哪怕你沒有因為繪畫而提高設計能力，但是長期保持繪畫習慣，絕對大大提高你的設計效率是真的。

其實就國內各行各業來看，其實沒有哪個職位是工作內容範定的特別精準的。特別是一些小公司。

除了UI本職工作以外，動畫，特效，場景元件，角色切片，也都有可能遇到。手繪能力可以讓UI職位錦上添花，擁有更強的適應力，更高的工作效率。也有更多橫向擴展職業能力的機會。

所以推薦多少都應該具備一些手繪能力。以及相關的繪畫知識。

最後我想說的就是，以繪畫的方法去 【理解】 視覺上的世界是一個很好的方式，也可以去嘗試繪畫，但是請明確你做這個事情的目的。

不要為了畫畫而畫畫。

我其實更注重意識和態度問題，因為從業太久了，只有剛入行的時候才特別關心，基礎，標準，等一些常規問題，工作越久，越對職業素養，設計理念，處事方針等這種思維邏輯上的東西無比重視。

這也導致了我寫的文章，比較重觀念。

每日一設計挑戰

推薦訂閱

iBehance

設計師交流QQ群：

設計書單。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！