學手繪對於UI設計師的意義是什麼？

12-08

現在一談到設計，都會說「手繪是設計師的一道隱形的天花板」。那麼，手繪對於設計師的意義是什麼呢？在學習手繪時應該知道的「學手繪的目的」又是什麼？

兩年前，寫過一個UI入門的回答，學習的第二步著重強調了，成為一名設計師，應該具備一些基本的手繪功底。雖然我知道對於很多圈子而言，設計師該不該學習繪畫是具有爭議性的，但我還是要力推新手入門必須重視這門技巧。

之所以還要寫個新回答，不僅是這兩年對這件事有新的看法，也在於自己群里以及自己培訓的學生，對於學習繪畫的認識上有很大的曲解。學習繪畫，首先必須明白為什麼要學，以及學了以後有什麼用！否則很容易淪為形式上的過場，在漫長的學習生涯中欺騙自己做過努力的又一借口。

------------------------------

一、手繪的作用：

第1，鍛煉我們理解物體的形體、輪廓、明暗的思維。

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

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

比如看上面這練習，就是因為缺乏這樣的思維能力，所以各處細節都有明顯的錯誤。比如上層圓弧和下方的完全不一致，冰淇淋的投影導致像插在蛋糕上的紙片，左側流下的醬料已經沒有受到光源直射了還和其它位置的高光使用一樣的亮度。

這些細節的問題並不是來源於軟體使用的不熟悉，而是做的時候在意識里壓根沒有這種概念，依葫蘆畫瓢也是有門檻的！所以很多人在擬物的練習上無論增加多少素材，也只是在錯誤的道路上越走越遠。再看看另一張大家都看過的圖：

成熟的作品，透視關係嚴謹，圓盤和紙張垂直並傾斜的角度自然，紙張螺旋的形狀也合理。更細節的地方還包括邊緣做舊的效果，是持續變化的，而沒有這種美術思考能力的人只會畫出一條生硬的曲線。底部的反光和地面帶有橘紅氛圍色的處理也是亮點，更接近真實世界的通透感塑造，沒有這種思考能力的人絕對想像不到的。

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

第2，學會構圖

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

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

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

第3，最經濟的試錯手段

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

牢記住上面那句話，任何其它方式都沒有紙和筆有效率。當我們要畫一套新的icon，新的主視覺、原型、分鏡、字體，都沒有可以媲美紙筆的形式（某些情況數碼繪畫也行）。比如下面的例子：

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

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

再者，去年現象級的騰訊營銷方案，薛之謙的騰訊動漫H5活動，在前期也做了大量的方案制定。

相信我，這個階段裡面誰都不會想看見各種小學生級別的圖像表達。

直接和我們核心工作掛鉤的，還有繪製原型，這當然是畫得越專業大家查看起來越舒適，何樂不為呢？

最後舉個額外的例子，包括字體創作里，如果寫不出一手好字或者懂得怎麼繪製的字體設計師，是成不了大器的！比如左佐老師最近的新書里提供的手稿：

如果不會用平行筆、平頭筆等專業書寫工具，那麼只會用PS鋼筆的操作是遠遠不可能比手寫更有效率的。

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

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

二、手繪和天分：

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

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

完事開頭難！ 然後中間難、最後結尾更難。別人比你有天賦還比你更努力，那你努力還有什麼用？

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

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

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

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

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

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

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

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

那如果沒預算又非常沒時間的呢？

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

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

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

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

撲滅你們渴望裝逼的洪荒之力
扔了你們的數位板！扔了你們的數位板！扔了你們的數位板！

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

如果沒有很多年的基礎訓練，你在拓展數碼繪畫的道路上是走不遠的。舉個常見的例子：

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

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

-------------------------------------------------

丟個 UI 群號誒：5537969

對於UI設計師來說，手繪在實際工作的應用上是打草稿的一種方式。比如我有一個概念，我如果用設計工具打草稿比手繪還要快，那就沒手繪什麼事兒了。

實際上，手繪對於UI設計師最大的意義在於練習並學習手繪的時候可以體會到比如平面構成，對比，線條，層次等等一干視覺原理，但這些東西手繪並不是唯一的學習途徑。但凡是學過設計的都學過畫畫（素描最起碼），但實際工作中用到多少大家心裡都有數。個人覺得這並不是一個值得過分強調的技能。

至於說手繪是天花板，真的有點本末倒置。就比如：字寫得好對作家的意義是什麼？

謝邀…

手繪高手，能做到心中有靈感，躍然於紙上，ps就只做最後的潤色。

但是。。

「市場上99.9%ui設計師的設計水平，還遠遠沒有達到拼手繪的程度」 ——屎蒂夫.喬布斯

我覺得很多時候造型思維是個障礙，ui設計往往要考慮的是簡化和統一。不過除了遊戲UI這個以外，遊戲UI還是非常注重手繪能力的。

其實不是手繪突然變得重要，而是有美術基礎重要。

其他設計類專業都是有四年專業課基礎的，其中既有理論基礎也有繪畫基礎。

而UI很多學校還沒有開設對應的專業，很多轉行來做UI設計師的之前沒有美術基礎，所以手繪才變成了隱形的天花板。

不管是平面設計還是界面設計，對於畫面的整體把控和構圖其實都是圖形的設計能力，而手繪只是其中一種表現方式而已，能用草圖準確表達自己的設計思路，能在拿到需求時有更多的實現方式。

當我們說到設計的時候不妨先想想，這是什麼設計--建築？環藝？陶瓷？書籍裝幀？字體？工業？……
每個學科看似都叫設計，實際上有共同點也有其本身特性。面對題主的問題，對症下藥因地制宜才是正道。

手繪是什麼？為什麼不說是插畫或者素描或者油畫或者水彩等等，偏要說是手繪？其中的端倪在哪呢？

從我們對一件事的名稱定義，就能找到其事物特性並且相關答案了。

如今ui設計中越來越多的運用到手繪，從app本身來看，啟動頁引導頁包括活動期間一些小插畫都是要運用到手繪的

可以說，一個會手繪的ui，是非常值錢的
簡單舉幾個例子
Uc頭條 2016最有誠意的全年盤點
http://image.uc.cn/s/uae/g/0z/h5/bufu2016v2/bufu2016v5.html?v=5uc_param_str=dnfrpfbivecpbtntdsuc_biz_str=S%3Acustom%7CC%3Atitlebar_hoversource=xishuashuazzd_from=uc-iflowsm_article_id=9641778856776062334dl_type=2app=uc-iflowfrom=timelineisappinstalled=0

我用年畫給您拜個年

https://wximg.qq.com/wxp/moment/NkLiIrvhb/html/?theme=5option=3greeting=1/from=timelineisappinstalled=0#/detail/

1月10日京東盛典
https://h5.m.jd.com/dev/oAzjQ5pcPJyaNVP6oDddVRinT8a/index.html?from=timelineisappinstalled=0

多圖預警

各式各樣的插畫

圖有些老，但是意思不耽誤

手繪里包含了很多設計師必須知道的知識點，構圖，排版，透視，細節的表現等等，一個會手繪的ui設計師，是非常值錢的，把手繪運用到作品中，也會讓你的作品增色不少。

現在不是前幾年了，已經不是你會畫個icon，鋪幾張界面就可以搞定了的時候了，隨著培訓班的量產，ui分級越來越嚴重，就像金字塔一樣，高級ui資源稀少，初級ui多入牛毛。
隨著社會的進步，我相信公司會越來越簡潔化，公司更需要的是全面多樣的人才，正如現在所說的全棧設計師。
如果真的想在這一行做下去，並且不愁薪資的話，我建議可以往產品路線，懂需求。或者是會交互，能設計。要麼就是不管產品的事情，做好設計會代碼，保證項目的完成度和進度。

技多不壓身的，但是也要有所精通，然後就是領域要廣。

個人愚見，歡迎指正。

在設計師還普遍被外人叫成美工的年代，手繪技能還基本算是個標配技能。時代進步了，手繪技能成了奢侈配置。

UI設計師不是畫師，是要有自己思考的創造者，手繪是用來思考以及探索自己設計理念思路的其中一種手段。

目前在職產品設計師，個人在團隊里的定位是偏交互和用戶體驗方向的，並非專精視覺的UI設計師。手繪對視覺設計師的幫助不用說了，一個專業視覺設計師對色和型的把握，對細節的把控都需要通過手繪培養。我來說說手繪對偏產品、UX、前端方向的設計師的意義吧。我現在每天都會畫一點畫，練練線條，不求畫的像專業藝術出生的那麼精緻，只求構圖和線條簡潔，明快。一開始只是一個純粹的個人課餘提升項目，現在覺得手繪變成了自己思考的方式。下面說下手繪在產品設計流程中的意義吧。

1.表達
輸出觀點是設計師和其他崗位人協作最重要的能力之一，沒有什麼比邊陳述觀點邊快速在白板上手繪一個原型更有說服力了。概括表達，驗證觀點，傳達信息，這是手繪的優勢。

2.最小成本的試錯迭代方式
「精益」的理論覆蓋了現代互聯網產品生產流程的每一個環節，設計也需要敏捷化，迭代試錯是一種創作方式，而手繪是實現快速迭代最便捷的手段。

3.沉浸式創造
這一點可能只試用於我個人，離開屏幕在紙面上進行工作的時候我總能更加專註和集中。在電腦上工作時很容易受到其他信息的干擾，同時也忍不住去看一些參考，找一些設計的定式。而事實上那些參考在設計還沒有最初形態是不應該知道的，網上信息魚龍混雜，存在是不一定合理的，更沒有必要被不合理的東西桎梏住你的想法。

手繪是一種表現的手段，不是設計師要學手繪，而是設計師要有圖形的設計能力，平面設計的元素說起來就兩種，圖形和文字，所以，攝影，PS，插畫，甚至三維建模渲染本質上都是圖形的設計，這樣的能力對於UI設計師來說是不可或缺的