UI設計需要什么樣的美術(shù)能力?

2015-9-29    用心設計

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

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

來源:莫貝網(wǎng)

很多人都私聊問我:學UI需不需要手繪能力?;蛘邔WUI需要什么繪畫基礎(chǔ)。

所以今天集體回答一下。

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

漫畫:

 

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

 

游戲原畫:

 

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

 

影視:

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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

 

具象化超寫實素描:像照相機一樣的去畫畫,比照相機更主觀,大量細節(jié)往往令人印象深刻。

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

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

 

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

 

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

 

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

 

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

 

例如這張《奧菲利亞》

 

 

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

 

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

 

 

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

 

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

 

因為你可以排除掉顏色的干擾,甚至排除掉,構(gòu)圖,等一系列的多余因素,去有目的的研習作品元素。

 

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

 

 

比如純材質(zhì):

 

比如人物景物記錄:

 

素描的存在,其實是繪畫的一個過程。因為你可以不用張張精品的去繪制完成。只需要明確你的目的,去快速熟悉,比對,選擇。

 

聊到這里,主要目的是確立一個觀念:作為UI設計人員,請把繪畫能力當做一種輔助研習的手段,不要以其他行業(yè)繪畫標準,去要求自己學習繪畫,那會本末倒置,浪費大量的時間和精力。也確實沒啥必要性。除非你打算轉(zhuǎn)行,或者個人興趣使然。

 

回到正式話題:UI需要哪些繪畫基礎(chǔ)知識?

 

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

 

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

 

為什么素描要從幾何圖形畫起?原因就是夠簡單。當你去處理一個復雜圖形的時候,把它拆解成簡單的幾何圖形最容易理解,和控制。

 

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

 

比如光原理:

 

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

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

 

因為今天這部分不是講解美術(shù)基礎(chǔ),所以只能做簡單介紹

 

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

 

平行透視:其實是平面設計行業(yè)用的最多的透視方式,不用考慮滅點形變之類的因素。

 

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

 

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

 

色彩原理:

 

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

 

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

 

很多人都覺得色彩是很難掌握的一個能力,其實也不用太擔心,因為有大量的現(xiàn)成的色彩構(gòu)成,與色表等可以參考。在不能主觀去使用的時候,至少學會收集色表,和根據(jù)需求使用它們。

 

構(gòu)圖:

 

因為無論是繪畫還是做ui,我們看到的內(nèi)容都是有邊界的

 

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

 

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

 

對于UI來說,就是觀看舒適度,和操作舒適度。

 

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

 

第一:就是你可以短時間,率的方式,快速嘗試設計和比對。大大提高工作效率

 

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

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

 

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

 

結(jié)構(gòu):沒有任何東西是沒有厚度的,哪怕是扁平化設計,很多也都有厚度

透視:結(jié)構(gòu)的變形一定會在透視的框架下!

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

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

色彩原理:無處不在,無法忽略。

 

無論你做任何繪畫練習,請一定要明確你繪畫的目的。畫畫這個事情其實就是一個量的積累,哪怕你沒有因為繪畫而提高設計能力,但是長期保持繪畫習慣,絕對大大提高你的設計效率是真的。

 

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

 

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

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

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

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

 

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

日歷

鏈接

個人資料

藍藍設計的小編 http://yvirxh.cn

存檔