2017-4-23 資深UI設計者
兩年前,寫過一篇UI入門的文章,學習的第二步著重強調了,成為一名設計師,應該具備一些基本的手繪功底。雖然我知道對于很多圈子而言,設計師該不該學習繪畫是具有爭議性的,但我還是要力推新手入門必須重視這門技巧。
UI 自學入門:《超實用新手指南!零基礎如何自學UI設計?》
學習繪畫,首先必須明白為什么要學,以及學了以后有什么用,否則很容易淪為形式上的過場,在漫長的學習生涯中欺騙自己做過努力的又一借口。
1. 鍛煉我們理解物體的形體、輪廓、明暗的思維
比如看上面這張作品,在創作過程中我們要畫出瓶子的明暗關系,物體間交匯的陰影,各物體的輪廓,前后景的景深,畫布的褶皺方式等……而這都是有意識的思考后動手才能完成的結果,構成一幅平穩準確細節豐富的作品。持續的繪畫練習,除了排線這些硬性的技巧,同時就是在鍛煉我們對畫面的專業思考能力,觀察和發現細節的習慣,而有這樣的思維訓練,在以后我們繪制圖形、圖標、擬物風格作品的時候才能快速抓到要點。
比如看上面這練習,就是因為缺乏這樣的思維能力,所以各處細節都有明顯的錯誤。比如上層圓弧和下方的完全不一致,冰淇淋的投影導致像插在蛋糕上的紙片,左側流下的醬料已經沒有受到光源直射了還和其它位置的高光使用一樣的亮度。這些細節的問題并不是來源于軟件使用的不熟悉,而是做的時候在意識里壓根沒有這種概念,依葫蘆畫瓢也是有門檻的!所以很多人在擬物的練習上無論增加多少素材,也只是在錯誤的道路上越走越遠。再看看另一張大家都看過的圖:
成熟的作品,透視關系嚴謹,圓盤和紙張垂直并傾斜的角度自然,紙張螺旋的形狀也合理。更細節的地方還包括邊緣做舊的效果,是持續變化的,而沒有這種美術思考能力的人只會畫出一條生硬的曲線。底部的反光和地面帶有橘紅氛圍色的處理也是亮點,更接近真實世界的通透感塑造,沒有這種思考能力的人絕對想象不到的。
當通過繪畫掌握美術的思考能力時,畫擬物圖標很快就會突破軟件的限制,因為你會清楚知道每個步驟自己應該實現的是什么,然后查閱軟件的功能去實現,每一次操作都是有的放矢。
2. 學會構圖
還用上面那種那副靜物素描的圖來解釋。學畫畫的人應該都知道,每次開始這種現實描摹時,我們要給靜物凹造型,比如瓶子要在正中央還是右側,蘋果要放幾個,堆到一起還是散開各地,下方的畫布怎么給褶皺好看,這就是立體構成的實踐操作。然后你需要把內容完整畫進紙上,就需要在畫布做構圖,是用居中還是三角,黃金三分還是螺旋,無論通過什么手段,最終都是找到一個你覺得好看的位置。而這個過程也是平面構成的實踐操作。在未來如果學習攝影也會有良好的助力。再說日常一點的,這種經驗,會落地到以后你做主視覺和排版的能力。
3. 紙和筆是我們最的試錯工具
牢記住上面那句話,任何其它方式都沒有紙和筆有效率。當我們要畫一套新的icon,新的主視覺、原型、分鏡、字體,都沒有可以媲美紙筆的形式(某些情況數碼繪畫也行)。比如下面的例子:
這是一個Mac OS上的APP的圖標,在定稿前經歷下方大量的手繪方案。形體和創意是在手繪過程中完成的,換成每次都實際用PS做出來,你們覺得需要消耗多少時間。并且,畫得越像,將需要表達的細節都考慮到,在電腦還原的操作過程效率也就越高,如果你只有小學生的手繪能力,這個手繪方案不僅無法代表最終結果,還可能在最終實現的過程里發現各種問題面目全非。再者,去年現象級的騰訊營銷方案,薛之謙的騰訊動漫H5活動,在前期也做了大量的方案制定。
相信我,這個階段里面誰都不會想看見各種小學生級別的圖像表達。直接和我們核心工作掛鉤的,還有繪制原型,這當然是畫得越專業大家查看起來越舒適,何樂不為呢?最后舉個額外的例子,包括字體創作里,如果寫不出一手好字或者懂得怎么繪制的字體設計師,是成不了大器的,比如左佐老師最近的新書里提供的手稿:
如果不會用平行筆、平頭筆等專業書寫工具,那么只會用PS鋼筆的操作是遠遠不可能比手寫更有效率的。
繪畫學習提供專業的思考方式,觀察細節的方法,具備美感的基本認知,并且讓我們以這種形式可以進行設計方案多樣化的嘗試。這才是我們學習繪畫的最終目的。
總有很多人喜歡念叨天賦的問題,但是相信我,我們需要掌握的合格的繪畫技巧完全沒到需要拼天賦的程度。
學設計的繪畫基礎是來實現設計目的不是用來當畫家的,沒有誰入門不是一條線畫得歪歪扭扭的,只要愿意花精力,愿意勤奮的練習,一兩個月時間掌握基礎的繪畫水平是完全沒有問題的,如果你一定要談理想談天賦,糾結那些虛無的藝術細胞,那么你只適合這個結論:萬事開頭難, 然后中間難,最后結尾更難。別人比你有天賦還比你更努力,那你努力還有什么用?
前面我已經說過,繪畫的學習目的是什么。既然有目的,那我們就要制定合適的繪畫學習方向,不要盲目,戒驕戒躁,如果時間充足,有金錢預算,我還是推薦大家報一些高中生培訓美術的畫室,這些畫室遠遠比成人美術培訓的工作室水平更好。
1. 一定要從最簡單的幾何石膏開畫起,第一步掌握具體的輪廓,明暗關系。
2. 然后畫相對復雜的靜物,重點理解物體的排版,還有更復雜立體結構表現,光和影更豐富的表現形式。
3. 學結構素描去解構物體,掌握快速打稿的能力。而結構素描的基礎比較脫離不開前面素描繪畫的意識訓練,對物體完整形體的認識越深刻,結構素描就越準確,這也是將來我們日常工作中可以被應用得最多的實際技能。
老實說,這個技能也同樣適用未來要學習3D軟件的情況,3D的建模水平和效率不止是讓你們掌握各種操作工具,更重要的是意識,對物體立體結構的拆解組合意識。
4. 可選項,學習速寫。更適合經過一點簡單的訓練,然后經常在日常中隨手練習,可以拓展出一些意想不到的效果。
那如果沒預算又非常沒時間的呢?只要畫好結構素描和速寫。你不需要一本正經的準備畫板工具,每天只要有閑時,用水筆和筆記本就可以進行練習,畫所有你們視線內可以解構的物體,杯子、電腦、手機、相機、臺燈、糖果盒,順便多看看網上的視頻,或者買點相關的技法書籍。
再次提示你們,學習繪畫我們是通過動手的實踐鍛煉對應的思考能力。有時候畫得不是太好沒關系,重點是一直帶著思考去學習,每一次實踐都應該讓你感覺到自己加深對物體的理解。
在這個過程中,由簡到難的學習,也適合同時進行設計軟件中的擬物圖標設計訓練,圖形復雜度和自己的手繪階段進行匹配,你們才可以更好吸收知識點,將美術思維模式轉化到設計思考的過程里。
撲滅你們渴望裝逼的洪荒之力,扔了你們的數位板!扔了你們的數位板!扔了你們的數位板!學習繪畫只是我們學習設計的過程之一,不要掉進學習的陷阱里面,覺得自己可以畫各種各樣的東西,開始買數位板,開始給妹紙、男神畫形象,開始學習畫CG,畫漫畫,畫插畫!如果沒有很多年的基礎訓練,你在拓展數碼繪畫的道路上是走不遠的。舉個常見的例子:
很多人急不可耐就上手數位板,你看再多相關的數碼繪畫的教學,PS教學,功底不行就是不行,畫的東西都是半吊子水平。況且你們是學設計不是學插畫的,總想著畫一些一瓶不滿半瓶晃蕩的東西出來展示,毫無意義。請帶著明確的目的出發,掌握好繪畫這門基礎技能,做一名更合格的UI設計師吧!
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務