拯救手殘！手繪大神Filip Chaeder教你產品設計手繪十大法則

最新 02-02

讓人人都懂點兒設計

設計史論

全文字數 :3260 閱讀時長:9分鐘

作為一名工業設計師，當我門選擇用手繪完成設計表達時，時間對我們設計師來說，是十分珍貴的。那麼如何在保證畫面出品質量的同時，提升你完成設計表達的速度的呢？接下來設計師Filip Chaeder會教你他平日經常用到的手繪小技巧。

以下方法均為在手繪軟體sketchbook上使用

UI 布局 vs. 用手習慣

UI Placement vs. Hand Travel

UI的布局是在提升手繪速度時常常被忽略的一個方面。我是慣用右手者，所以，很自然地，我的手一般都位於數位板的右側。如果你也和我一樣的話，那麼，將你所有常用的應用安置於屏幕的右側，這樣，當你想要選擇工具欄時，便無須跨越屏幕，就能找到所需的工具。這對於改善你的工作流程而言，似乎只是一個很小的進展。但是，試想想看，在整個手繪過程中，你需要變換多少不同的工具？而這個小習慣，將大大減少你的手跨越屏幕，來回穿梭的時間，它將持續改善你的手繪體驗。而且，這也更符合人體工程學的理論，因為在整個繪圖的過程中，你的手臂基本上可以維持在一個相同的位置。

我習慣於這種所有東西都放在慣用手一側的感覺。

建立圖層一定要積極

Be Proactive with Layer Structuring

手板繪的一大優勢是在完成效果圖的過程中，你可以很輕鬆地改變所繪製的東西。這也是快速繪製出一幅美觀效果圖的關鍵所在。我畫過的每張效果圖，總是會修改到最後一秒。

務必保持圖層的結構足夠清晰，這樣，你很容易就能找到某個線稿或是某個細節所在的圖層。繪製一定時間之後，應以便於你理解的方式整理圖層，並為它們命名。

另一個能幫助你快速找到圖層的方式，便是圖例中所示，建立編組，將手繪圖層整理到群組文件夾中。

預想好最終效果圖

Envision the Final Image

在紙面上手繪時，你總是需要仔細想好某一方案，才能下筆開始畫。這邊突出了手繪板的另一大優勢——在繪製最終效果圖的過程中，你可以輕鬆地完成大量設計方案。你只需要單獨繪製出產品的不同角度，然後就可以任意地移動它們，直到找出最完美的構圖。話雖如此，先畫出一個粗略的草圖還是很有必要的。假如草圖的角度選擇有誤，將不利於畫面的最終呈現。你可以臨摹你所喜愛的設計師的作品，也可以像下圖所示的那樣先繪製出一些縮略圖。

當我開始畫圖時，我總是會新建一個單獨的圖層，畫出大致的構圖。

但我總是會隱藏這個圖層，在快要完成所有視圖時，再將它打開，將所完成的效果圖與之對比。

只繪製右視圖（或左視圖）

Starting Off Right (or Left)

當我有靈感的時候，我首先要畫的往往是不同角度的視圖——側視圖、正視圖、俯視圖等等。這樣做有助於我構建出最終方案，而且，當我們已經有了各個面的細節之後，很容易就可以構建出產品透視圖。這就是為什麼你們總能在我的作品中看到這些視圖。

側視圖十分特別，因為它可能是最容易畫出的視圖，同時，它依然能向觀眾傳達許多產品信息（並且，運用側視圖表達產品的案例數不勝數）。在許多案例中，你只需要將這一個視圖呈現給觀眾，便能百分之百地傳達出設計內涵和它的功能所在。

繪畫的法則是不必繪製不必要的視圖——一個角度最多一個視圖。繪製太多相似的視圖不僅浪費時間，並且也無助於為觀者傳達更多產品信息。

巧用鏡像工具（Symmetry）

Saving Time with Symmetry

許多產品都有一定的對稱性。當繪製這類產品時，鏡像工具可以為你節約大量時間。對於繪製透視圖而言，這個方法也許並不理想，但對於側視圖和正視圖而言，這絕對是完美的選擇。在完成這類對稱線條之後，你可以在某一側添加一些獨特的小細節，這樣你的畫面看起來便不會有太多工具的痕迹。

如果你還未嘗試過鏡像工具，那麼趕緊讓它成為你在產品設計中最友好的小夥伴吧！

透視圖從此簡單易畫

Perspective Is Hard (Make It Easier)

繪製效果圖時需要花大量時間的，要數透視圖了。一個產品的透視圖往往是展示設計時最具說服力的方式，因為它能給予觀者大量的產品信息，只要繪製恰當，它必定是令人印象深刻的。然而，如果透視圖有著明顯的錯誤，它將會讓觀者質疑你的設計。接下來的方法可以讓你在手繪的過程中，不用痛苦地薅頭髮，就可以繪製出近乎完美的透視圖。

第一個方法是利用SketchbookPro軟體提供的透視圖工具。這是繪製單點透視、兩點透視，甚至三點透視的一條捷徑。

又一個透視圖技能

Another Perspective Cheat

另一個繪製近乎完美的透視圖的方法是創建一個相似的3D模型（假如你有3D軟體的話），然後把它當作手繪的參照物。在用這個方法的時候，你必須注意它的不足之處——如果你為這個3D模型添加過多的細節的話，那麼反而會耗費你更多的時間。而如果你只是將細節添加到手繪中的話，那麼流程往往會更快一些。我常常只是建一些基本型的3D模型，比如立方體、圓柱體等，然後快速地進入繪製效果圖的過程。

並不是所有人都會將3D模型作為參照物，但是如果你習慣了這個方法的話，這將會是一個很好的選擇。

有了畫筆工具，你就是外科醫生！

Become a Surgeon with the Stroke

假如你的方案中有著許多不同的曲線設計，那麼想要將它們都完美地畫出來絕非易事。在下面這個案例中，你可以看到一個麵包機的效果圖，儘管它的整體造型趨於長方體，但很難從這個設計上看到任何平直的線條。我喜歡用平滑畫筆工具來畫出乾淨清晰的線稿。有了這個工具，當你在繪製這類曲線時，可以省去不少麻煩，節約不少重畫線條的時間。

平滑畫筆工具的好處不言而喻，但如果你的設計方案更多的是平直的線條，那就用直線工具（Line）來繪製。

平滑畫筆工具助你畫出漂亮的曲線。

魔棒工具

The Magic Wand

當進行到繪製明暗關係時，在可以選擇的這些工具中，鮮有令我頗為滿意的。運用顏色填充（Color Fields）和魔棒工具，你可以輕鬆地將你想要塑造的區域分離出來。這為你免去了不少麻煩，你再也不必像個瘋子一樣去糾結，到底是控制住自己的手，保持在線框內上色，還是用橡皮擦擦掉畫出框的部分。在下面這個案例中，你可以看到我畫了一個簡單的方塊造型，在步驟「3」中，我用了油漆桶工具（The Color Bucket）為方塊的三個面填充了不同色調的綠色。接著，我用魔棒工具將每個面單獨選出來，然後畫上暗部陰影以及白色高光。

你也許沒想到竟然可以用魔棒工具和移動選區工具（Gradients）來畫出物體的明暗關係。

畫出完美的橢圓

Creating the Perfect Ellipse

假如你曾試著用一支普通的筆在紙上畫出一個完美的橢圓，你一定感受過什麼是艱難和絕望。還好我們有SketchBook中的橢圓工具（The Ellipse Tool），它可以讓畫橢圓的過程就像在公園散步一樣簡單。從此，我再也畫不出一看就是手抖了的橢圓（要是能畫一次freestyle的橢圓也好呀），而這一切都應該感謝橢圓工具，自從有了它，畫橢圓真的是太迅速了啊！在下圖中，你們可以看到一個滿是橢圓的產品設計，如果是純手繪的話，這將耗費很多的時間才能完成這一過程。