UI設計師是怎樣練成的——手繪技巧篇

前幾天有粉絲悄悄問小米姐姐:“手繪不好是不是很難找工作?”其實一直以來總是會有人提出類似的問題:“做設計需不需要手繪能力呀?”“我是零基礎,現在轉行做設計能行麼?”

UI設計師是怎樣練成的——手繪技巧篇

雖說並不是所有的設計都需要手繪,但是它作為一項技能,在你求職和工作的道路上,具有優勢地位。

其次手繪可以充分體現一個設計師的原創能力,現如今各大設計網站的素材應有盡有,但是拼接起來的素材作品始終是死板生硬的。

對於設計師而言,手繪能力有助於設計師能力的提升,手繪基礎越牢固,那麼在設計時可表現的思路就越開闊,作品的視覺效果也會更完美。

近幾年淘寶在設計上也將手繪表現的淋漓盡致,大多數的品牌店鋪都採用了手繪插畫的形式進行店鋪裝修。

衛龍旗艦店

UI設計師是怎樣練成的——手繪技巧篇


還有各種熱點節日的宣傳,

當然也離不開手繪······

江小白

#端午節#

UI設計師是怎樣練成的——手繪技巧篇

曾經和很多設計師討論過,UI設計,到底需不需要手繪訓練。想必大家都知道,目前國內知名的UI設計師,站酷、http://UI.CN、追波上的大神們,很多都是草根出身,從其它行業空降來的。

騰訊裡面有2個傳奇人物般的設計大神,一個是化學專業的,另一個是會計專業的。設計做得非常出色。這兩個人可能曾經是非科班的設計師的精神偶像。認為不會美術知識也一樣可以成為大神。

他們的出色是有目共睹的,似乎從某種層面上證實,不需要有繪畫基礎,也可以做好UI,也可以當大神?

這樣的認知盲點導致你壓根沒有想過要自己來補一下繪畫基礎知識。

我在現實中認識好些不是美術專業的設計師,但是,他們僅僅不是美術專業出身而已,美術知識都是有的。

也親眼目睹好些美術專業出身的畢業生,短短2-3年,已經完成新手到資深設計師的華麗轉身,的確,這些差距還是比較明顯的。

手繪技巧篇

手繪的作用

第1,鍛鍊我們理解物體的形體、輪廓、明暗的思維

UI設計師是怎樣練成的——手繪技巧篇

比如看上面這張作品,在創作過程中我們要畫出罈子的明暗關係,物體間交匯的陰影,前後景的景深,畫布的褶皺方式,各物體的輪廓等……而這都是有意識的思考後並且動手才能完成的結果,構成一幅平穩準確細節豐富的作品。

持續的繪畫練習,除了排線這些硬性的技巧,同時就是在鍛鍊我們對畫面的專業思考能力,觀察和發現細節的習慣,而有這樣的思維訓練,在以後我們繪製圖形、圖標、擬物風格作品的時候才能快速抓到要點。

UI設計師是怎樣練成的——手繪技巧篇

這張圖很多人都看到過。透視關係嚴謹,圓盤和紙張垂直並傾斜的角度自然,紙張螺旋的形狀也合理。

更細節的地方還有邊緣做舊的效果,是持續變化的,而沒有這種美術思考能力的人只會畫出一條生硬的曲線。底部的反光和地面帶有橘紅氛圍色的處理也是亮點,更接近真實世界的通透感塑造。

當通過繪畫掌握美術的思考能力時,畫擬物圖標很快就會突破軟件的限制,因為你會清楚知道每個步驟自己應該實現的是什麼,然後查閱軟件的功能去實現,每一次操作都是有的放矢!

UI設計師是怎樣練成的——手繪技巧篇

最後舉個額外的例子,包括字體創作裡,如果不懂得怎麼繪製的字體設計師,是成不了大器的!

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

UI設計師是怎樣練成的——手繪技巧篇

繪畫學習提供專業的思考方式,觀察細節的方法,具備美感的基本認知,並且讓我們以這種形式可以進行的設計方案多樣化的嘗試。

這,才是我們學習繪畫的最終目的。

第2,學會構圖

可能有些人會覺得,做簡潔風格的設計,可以不用美術功底吧?

UI設計師是怎樣練成的——手繪技巧篇

其實,在這個畫面裡面,可能看不到繪畫成分的東西,但是美學的東西早就融入畫面中。這個就是簡潔而不會成為簡陋。

再用上面那種那副靜物素描的圖來解釋。學畫畫的人應該都知道,每次開始這種現實描摹時,我們要給靜物凹造型,比如瓶子要在正中央還是右側,蘋果要放幾個,堆到一起還是散開各地,下方的畫布怎麼給褶皺好看!這就是立體構成的實踐操作。

然後你需要把內容完整畫進紙上,就需要在畫布也做構圖,是用居中還是三角,黃金三分還是螺旋,無論通過什麼手段,最終都是找到一個你覺得好看的位置。而這個過程也是平面構成的實踐操作。在未來如果學習攝影也會有良好的助力!

再說日常一點的,這種經驗,會落地到以後你做主視覺和排版的能力。


第3,最經濟的試錯手段

紙和筆是我們最高效的試錯工具!!!!!

UI設計師是怎樣練成的——手繪技巧篇

牢記住這句話,任何其它方式都沒有紙和筆有效率。當我們要畫一套新的主視覺、原型、分鏡、字體,都沒有可以媲美紙筆的形式(某些情況數碼繪畫也行)。

一個APP的圖標,在定稿前經歷下方大量的手繪方案。形體和創意是在手繪過程中完成的,換成每次都實際用PS做出來,你們覺得需要消耗多少時間。

並且,畫得越像,將需要表達的細節都考慮到,在電腦還原的操作過程效率也就越高,如果你只有小學生的手繪能力,這個手繪方案不僅無法代表最終結果,還可能在最終實現的過程裡發現各種問題面目全非。

直接和我們核心工作掛鉤的,還有繪製原型,原型圖的溝通可以節省雙方很多時間。用軟件設計出的原型圖有些抽象,會讓大家不瞭解具體內容搭配下的情況。而手繪的原型圖可以幫助我們有更多的思考。不僅可以用於溝通方案,還可以後期包裝展示時放入,讓自己的作品區別於他人。

手繪和天分

總有很多人喜歡唸叨天賦的問題,但是相信我,我們需要掌握的合格的繪畫技巧完全沒到需要拼天賦的程度。學設計的繪畫基礎是來實現設計目的不是用來當畫家的!

另一個存在的客觀現象就是,有些人因為小時候沒學過畫畫,內心就默認了自己是不可能學得會畫畫的,所以乾脆就把這個當成夢想高高掛著了,而不是嘗試學一下。

但是,那些美術高考衝刺班,短短的三兩個月,就可以把一個幾乎沒基礎的高中生,培訓得去參考美術高考,這就說明了絕大部分智商正常的人,都是可以通過後天的學習而獲得畫畫這個技能的。

沒有誰入門不是一條線畫得歪歪扭扭的,只要願意花精力,願意勤奮的練習,一兩個月時間掌握基礎的繪畫水平是完全沒有問題的,如果你一定要談理想談天賦,糾結那些虛無的藝術細胞!那麼你只適合這個結論:

完事開頭難! 然後中間難、最後結尾更難。

UI設計師是怎樣練成的——手繪技巧篇


以後不許動不動說自己沒天賦了喔~

當我們在學習繪畫時應該學什麼

前面我已經說過,繪畫的學習目的是什麼!既然有目的,那我們就要制定合適的繪畫學習方向,不要盲目,戒驕戒躁!

如果時間充足,有金錢預算,我還是推薦大家報一些高中生培訓美術的畫室,這些畫室遠遠比成人美術培訓的工作室水平更好。

1、一定要從最簡單的幾何石膏開畫起,第一步掌握具體的輪廓,明暗關係。

2、然後畫相對複雜的靜物,重點理解物體的排版,還有更復雜立體結構表現,光和影更豐富的表現形式。

3、學結構素描去解構物體,掌握快速打稿的能力。而結構素描的基礎比較脫離不開前面素描繪畫的意識訓練,對物體完整形體的認識越深刻,結構素描就越準確,這也是將來我們日常工作中可以被應用得最多的實際技能。

老實說,這個技能也同樣適用未來要學習3D軟件的情況,3D的建模水平和效率不止是讓你們掌握各種操作工具,更重要的是意識,對物體立體結構的拆解組合意識。

4、可選項,學習速寫。更適合經過一點簡單的訓練,然後經常在日常中隨手練習,可以拓展出一些意想不到的效果。

那如果有人說自己沒預算又非常沒時間呢?

UI設計師是怎樣練成的——手繪技巧篇

只要畫好樣結構素描和速寫!你不需要一本正經的準備畫板工具,每天只要有閒時,用水筆和筆記本就可以進行練習,畫所有你們視線內可以解構的物體,電視、鼠標、杯子、電腦、手機、相機、檯燈,順便多看看網上的視頻或者買點相關的技法書籍。

再次提示大噶,學習繪畫我們是通過動手的實踐鍛鍊對應的思考能力。有時候畫得不是太好沒關係,重點是一直帶著思考去學習,每一次實踐都應該讓你感覺到自己加深對物體的理解。

還有在這個過程中,由簡到難的學習,也適合同時進行設計軟件中的擬物圖標設計訓練,圖形複雜度和自己的手繪階段進行匹配,你們才可以更好吸收知識點,將美術思維模式轉化到設計思考的過程裡。

當我們在學習繪畫時應該避免什麼

學習繪畫只是我們學習設計的過程之一,不要掉進學習的陷阱裡面,覺得自己可以畫各種各樣的東西,開始買數位板,開始給男神、愛豆畫形象,畫漫畫,畫插畫。

如果沒有很多年的基礎訓練,你在拓展數碼繪畫的道路上是走不遠的。

很多人急不可耐就上手數位板,你看再多相關的數碼繪畫的教學,PS教學,功底不行就是不行,畫的東西都是半吊子水平。況且你們是學設計不是學插畫的,總想著畫一些一瓶不滿半瓶晃盪的東西出來展示,毫無意義。

所以不要輕易決定買數位板,普通的手繪工具足夠訓練手繪能力了。

這裡是今天的筆記,自取喔~


UI設計師是怎樣練成的——手繪技巧篇


請帶著明確的目的出發,掌握好繪畫這門基礎技能,做一名更合格的UI設計師吧!

好啵~

UI設計師是怎樣練成的——手繪技巧篇


分享到:


相關文章: