藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

來源：莫貝網(wǎng)

很多人都私聊問我：學(xué)UI需不需要手繪能力。或者學(xué)UI需要什么繪畫基礎(chǔ)。

所以今天集體回答一下。

我們先來看一下跟繪畫有關(guān)系的行業(yè)：

漫畫：

 

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

 

游戲原畫：

 

雖然工作內(nèi)容是在畫畫，但是游戲世界觀多數(shù)都是架空世界觀，歷史以及文明的視覺搭建。所以對(duì)歷史符號(hào)，架空世界觀，產(chǎn)品類型，研發(fā)流程實(shí)現(xiàn)等行業(yè)知識(shí)更重要。

 

影視：

 

跟游戲差不多，但是你設(shè)計(jì)出來的東西的能實(shí)現(xiàn)。場(chǎng)景，道具，服裝，你的對(duì)施工，材料，拍攝效果，后期等相關(guān)知識(shí)得有足夠了解。

 

簡(jiǎn)單說了，幾個(gè)行業(yè)，我想說的是，那些看起來都是畫畫的工作，其實(shí)繪畫只是表達(dá)手段。是最最基礎(chǔ)的一個(gè)職業(yè)技能。但是并不是主要的職業(yè)需求。

 

UI也一樣，繪制能力是表達(dá)手段，基礎(chǔ)需求，只是工作里的一小部分。

 

在所有這些跟繪畫有關(guān)系的行業(yè)里，繪畫是為行業(yè)目的服務(wù)的，所以，所需要的美術(shù)基礎(chǔ)也絕不相同。

 

所以千萬不要把跟繪畫有關(guān)的行業(yè)一概而論，理解為藝術(shù)行業(yè)。跟繪畫有關(guān)的行業(yè)多數(shù)都是商業(yè)行為，商業(yè)行為下，藝術(shù)這個(gè)詞就褒貶不一了。

 

在聊美術(shù)需求以前，我們先來聊一個(gè)跟繪畫有密切關(guān)系的東西：素描

 

 

多數(shù)想要學(xué)習(xí)繪畫的人貌似第一個(gè)能了解到的繪畫方式就是素描。。。。。。

 

具象化超寫實(shí)素描：像照相機(jī)一樣的去畫畫，比照相機(jī)更主觀，大量細(xì)節(jié)往往令人印象深刻。

表現(xiàn)性素描：你大致分清楚繪畫內(nèi)容，但是表現(xiàn)素描里多參雜更多情感宣泄。

抽象素描：你基本已經(jīng)很難分清楚繪畫內(nèi)容了，抽象素描更傾向于情緒表達(dá)。

 

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

 

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

 

我們回頭來看一下，為什么會(huì)有素描這種繪畫形式？

 

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

 

例如這張《奧菲利亞》

 

 

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

 

其實(shí)不是的！不是所有人，都直接有能力在大腦中完成創(chuàng)作，直接繪畫的。

 

 

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

 

素描是一種最節(jié)省資源的研習(xí)方式：

 

因?yàn)槟憧梢耘懦纛伾母蓴_，甚至排除掉，構(gòu)圖，等一系列的多余因素，去有目的的研習(xí)作品元素。

 

比如純結(jié)構(gòu)：

 

 

比如純材質(zhì)：

 

比如人物景物記錄：

 

素描的存在，其實(shí)是繪畫的一個(gè)過程。因?yàn)槟憧梢圆挥脧垙埦返娜ダL制完成。只需要明確你的目的，去快速熟悉，比對(duì)，選擇。

 

聊到這里，主要目的是確立一個(gè)觀念：作為UI設(shè)計(jì)人員，請(qǐng)把繪畫能力當(dāng)做一種輔助研習(xí)的手段，不要以其他行業(yè)繪畫標(biāo)準(zhǔn)，去要求自己學(xué)習(xí)繪畫，那會(huì)本末倒置，浪費(fèi)大量的時(shí)間和精力。也確實(shí)沒啥必要性。除非你打算轉(zhuǎn)行，或者個(gè)人興趣使然。

 

回到正式話題：UI需要哪些繪畫基礎(chǔ)知識(shí)？

 

結(jié)構(gòu)：物體占據(jù)空間的方式。

 

一般設(shè)計(jì)行業(yè)的素描都是結(jié)構(gòu)素描。結(jié)構(gòu)的重要性不言而喻。

 

為什么素描要從幾何圖形畫起？原因就是夠簡(jiǎn)單。當(dāng)你去處理一個(gè)復(fù)雜圖形的時(shí)候，把它拆解成簡(jiǎn)單的幾何圖形最容易理解，和控制。

 

我們是在二維世界里，去表現(xiàn)三維世界的空間，所以理解了結(jié)構(gòu)，就能理解很多其他東西。

 

比如光原理：

 

光是一個(gè)永遠(yuǎn)的存在，影響光的因素，其實(shí)就是結(jié)構(gòu)，其次是材質(zhì)對(duì)光的反射比例。

肯定也需要學(xué)習(xí)和了解透視原理

 

因?yàn)榻裉爝@部分不是講解美術(shù)基礎(chǔ)，所以只能做簡(jiǎn)單介紹

 

常規(guī)透視：基礎(chǔ)透視原理

 

平行透視：其實(shí)是平面設(shè)計(jì)行業(yè)用的最多的透視方式，不用考慮滅點(diǎn)形變之類的因素。

 

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

 

變形透視：特殊目的下，會(huì)使用變形透視，比如，你的手機(jī)其實(shí)并不是水平于你的眼睛的。很多時(shí)候都會(huì)有傾斜。ui設(shè)計(jì)的時(shí)候，根據(jù)目的也會(huì)做相應(yīng)的調(diào)整。

 

色彩原理：

 

色彩是一個(gè)可以單獨(dú)拿出來說事的知識(shí)：

 

色彩是視覺引導(dǎo)，情緒引導(dǎo)，觀感控制的一個(gè)重要手段。

 

很多人都覺得色彩是很難掌握的一個(gè)能力，其實(shí)也不用太擔(dān)心，因?yàn)橛写罅康默F(xiàn)成的色彩構(gòu)成，與色表等可以參考。在不能主觀去使用的時(shí)候，至少學(xué)會(huì)收集色表，和根據(jù)需求使用它們。

 

構(gòu)圖：

 

因?yàn)闊o論是繪畫還是做ui，我們看到的內(nèi)容都是有邊界的

 

既然有邊界，就要安排主要內(nèi)容的位置。

 

對(duì)于影視產(chǎn)品來說，就是鏡頭感。

 

對(duì)于UI來說，就是觀看舒適度，和操作舒適度。

 

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

 

第一：就是你可以短時(shí)間，率的方式，快速嘗試設(shè)計(jì)和比對(duì)。大大提高工作效率

 

第二：就是你繪畫越熟練，你真的時(shí)工作效率越高。因?yàn)槟銓?duì)透視，結(jié)構(gòu)，光原理，光色，的熟練，可以讓你快速拆解你眼睛所見的一切事物，然后去根據(jù)需求改變和重新組合它們。

第三：很多時(shí)候手繪是一種不可替代的存在。

 

我重新審視一下繪畫知識(shí)和UI的關(guān)系：

 

結(jié)構(gòu)：沒有任何東西是沒有厚度的，哪怕是扁平化設(shè)計(jì)，很多也都有厚度

透視：結(jié)構(gòu)的變形一定會(huì)在透視的框架下！

光原理：能夠理解結(jié)構(gòu)，就能夠自由控制光源。

構(gòu)圖：其實(shí)是UI工作使用最頻繁的原理，布局永遠(yuǎn)是整體控制的關(guān)鍵。

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

 

無論你做任何繪畫練習(xí)，請(qǐng)一定要明確你繪畫的目的。畫畫這個(gè)事情其實(shí)就是一個(gè)量的積累，哪怕你沒有因?yàn)槔L畫而提高設(shè)計(jì)能力，但是長期保持繪畫習(xí)慣，絕對(duì)大大提高你的設(shè)計(jì)效率是真的。

 

其實(shí)就國內(nèi)各行各業(yè)來看，其實(shí)沒有哪個(gè)職位是工作內(nèi)容范定的特別精準(zhǔn)的。特別是一些小公司。除了UI本職工作以外，動(dòng)畫，，場(chǎng)景元件，角色切片，也都有可能遇到。手繪能力可以讓UI職位錦上添花，擁有更強(qiáng)的適應(yīng)力，更高的工作效率。也有更多橫向擴(kuò)展職業(yè)能力的機(jī)會(huì)。

 

所以推薦多少都應(yīng)該具備一些手繪能力。以及相關(guān)的繪畫知識(shí)。

—————————————————————————————————————————————————

最后我想說的就是，以繪畫的方法去 【理解】 視覺上的世界是一個(gè)很好的方式，也可以去嘗試?yán)L畫，但是請(qǐng)明確你做這個(gè)事情的目的。不要為了畫畫而畫畫。

—————————————————————————————————————————————————

 

我其實(shí)更注重意識(shí)和態(tài)度問題，因?yàn)閺臉I(yè)太久了，只有剛?cè)胄械臅r(shí)候才特別關(guān)心，基礎(chǔ)，標(biāo)準(zhǔn)，等一些常規(guī)問題，工作越久，越對(duì)職業(yè)素養(yǎng)，設(shè)計(jì)理念，處事方針等這種思維邏輯上的東西無比重視。這也導(dǎo)致了我寫的文章，比較重觀念。