當你在方案設計一個網頁的時候，不務必要完全依賴電子設備。懂得怎樣手繪能夠幫助提升設計的效率，給你更多的靈感。
設計學院里都會給學生們教授許多基本課程。毫無疑問，許多大型機構或者創(chuàng)業(yè)企業(yè)都在操作返璞歸真的手法來實行設計創(chuàng)造。無論你是長期涂鴉的骨灰級高手，還是剛剛起步的素描小小菜，可以操作紙張與畫筆來實行創(chuàng)造是極其緊要的設計技能。不用擔心。模仿鉛筆功能的有些工具也不是蓋的。在這個以設備為主打的時代，還是很大的空間來實行簡易又能被認同的設計創(chuàng)造。
實際上，我常常聽到許多人埋怨設計師們浪費太多時間與成本在操作PS制作精致的計劃草圖。手繪則齊備更大的靈活性，它能夠幫助你在縮減成本的同時成長更具原創(chuàng)性的計劃草圖。
無論你是在一個大企業(yè)工作，或是一位自由職業(yè)設計師，通過手繪草圖來與顧客交流都是不可或缺的。
為何要繪制草圖?
手繪草圖相對數(shù)字線框圖或者電子繪畫更有優(yōu)點。它方便攜帶，簡易易懂，更具創(chuàng)作力，屢試不爽。沒有何比操作筆和紙更簡易徑直的表達方式了。

我發(fā)現(xiàn)， 用戶更喜愛在獲取信息的同時可以提出建議和實行更改。操作電子設備制作出來的圖紙看起來接近成品，這樣會讓 用戶失去建議和修改的欲望。手繪草圖則極其隨便，你能夠隨便修改。

圖：這樣的線框圖看起來文字極其多，并且很難通過這個圖來表達作品的風格和基調，特別是有些照片與視覺上的素材。你何時見過這些大“XX”描述過將要放在這里的圖片?
通過速寫，你能夠迅速的將自己腦海中的創(chuàng)意記錄下來。手繪草圖是極其靈驗率的，你能夠減輕在電腦前的工作時間，花更多的時間關注于創(chuàng)造。你只需要卷起袖子就能夠找到修復計劃。

圖：這個草圖最終會制作成PS格式的電子圖片。你能夠看見電子草圖與手繪草圖部署的相似之處，也會發(fā)現(xiàn)手繪草圖更能表現(xiàn)最終作品的藝術風格。
操作手繪草圖能夠減輕替代圖片的操作(就是那些替代你正式圖片用的大叉叉)。手繪網頁草圖也能夠為你節(jié)約購買替代圖片的成本。

圖：這個就是網頁的樣本。你看到從手繪草圖到最終樣本的進化進程了嗎?
怎樣著手?
有一點是能夠肯定的，那就是熟能生巧。所以拿起筆，操起速寫本著手不停的涂鴉吧。
我發(fā)現(xiàn)最佳的手法就是在排隊或者等待的時候練習速寫，在你喝咖啡的時候，或者在雜貨店購物的時候，又或者在等火車的時候。任何等待的時間都能夠借助來實行手繪練習。
畫下任何你看到的東西，這將會幫助你給在 用戶面前體現(xiàn)你的想法。對每日所見的物品實行繪畫能夠幫你收集靈感，隨身攜帶速寫本的話你就能夠隨時記錄下自己的想法。
隨著練習的時間與數(shù)量的提升，你的手繪將會越來越精致，并且會成長成為修正式的繪畫風格。
網站設計師的手繪
在方案制作一個網頁時，手繪是方案中必不可少的一個部分。你能夠操作它來實行設計、客戶體驗檢測，客戶界面元素設計，甚至是字體的檢測。
我曾經在幾個網頁上操作手繪草圖的手法來實行項宗旨創(chuàng)造與制作，例如攝影圖片和圖標設計。我也曾經操作手繪來修復棘手的客戶界面問題，例如怎樣制作可以舒適操作的按鈕。
手繪是實行設計想法交流的最好工具。并且 用戶們也喜愛具備創(chuàng)意的元素。讓他們也加入到這個進程中來，你會發(fā)現(xiàn)他們也喜愛涂涂畫畫。
之前有一個 用戶對我說過：“我想到了你就能夠畫出來，實在是太神奇了?！边@就是在 用戶會議中現(xiàn)場手繪的魔力。
警示!練習，練習，再練習

圖：Doodlers Anonymous是一個很棒的社區(qū)，你能夠在這里著手練習手繪，也能夠看到其他人的涂鴉作品的同時發(fā)現(xiàn)別人的閃光點。這同時也是一個共享與交流的好社區(qū)。
要警惕，這個世界是很殘酷的。練習手繪也會是很困難的。如果你不是個繪畫老手，或者沒有籌備好繪畫的工具…… 那就還是在工作之余多花些時間練習吧。
如果想找些靈感，就常去瞧瞧 Worldwide Sketchcrawl， Doodlers Anonymous，還有 Urban Sketchers。
在研讀繪畫教材和不斷在繪畫博客上提交習作之后，你就要想想，我是不是已經籌備好在 用戶面前實行手繪了?

圖：這是個前期的電子手繪草圖。我當時在試試著將線框數(shù)位手繪與Wacom數(shù)位板混搭操作。從這里我發(fā)現(xiàn)，想要更多地與 用戶實行互動，簡筆畫是遠遠不夠的。
在手繪設計項目草圖時需要提出的問題
首先我會問自己，我理解那些我將會在設計中操作到的東西嗎?如果是一個再設計項目，我會將已有的元素列成清單，并寫出顧客們期待看到的新元素。
如果是一個新的網頁，我會參考同類別的網站，并對這些網站實行競爭解析，同時明晰客戶們的需要，把這些要素寫成清單。
接下來，我會詢問 用戶是否有特別喜歡的設計風格。許多時候 用戶都有自己喜歡的網站。理解這些對接下來的設計是很有幫助的。色彩搭配、字體選取、語言風格、視覺元素，還有設計趨向，這些往往會對市場營銷導致影響。圖片共享、情緒展板、還有設計“尋寶”，這些流程都會幫助你理解 用戶的喜好。
手繪一個設計草圖

圖：這是我為一個私立學校設計網頁是畫的草圖。宗旨就是要在充分展現(xiàn)網頁部署的同時，又不浪費太多時間在PS的渲染上。
首先，將頁面上的關鍵內容收集起來。我會操作便利貼或者建立一個文檔。當然，我還是會從文字著手，不過文字只是將最原始的創(chuàng)意記錄下來，這樣我就清楚網頁上將會出現(xiàn)什么內容。
第二，我會從不同的創(chuàng)意中挑出有些來實行手繪。一點我有了很棒的點子，我就能夠下定決心完成它。通常我都會從 用戶和同行中得到許多反饋。手繪草圖在視覺上是很不正式的，這樣 用戶會更放心的選取中意的計劃來實行下一步的制作。
典型的項目環(huán)節(jié)

圖：這就是由選出的草圖制作成的PS成品。你能夠看見手繪草圖對圖片選取的幫助。
大部分的項目，我都會從簡易的方形和有些縮略圖著手畫起。這個進程極其簡易，但是它幫助我為 用戶、經理和合作伙伴提供許多選取。
當我們著手探討縮略圖和縮略圖背后的想法時，我會將選好的縮略圖用粗糙的手繪來實行表示。這些草圖能夠幫助確立網頁中內容的主次和頁面的部署。我也會畫下照片和其他素材，用來為按鍵或者其他圖標的排版做籌備。
在前期我會盡量弄清楚客戶想要的是什么，還有怎樣安排好網頁上的內容。這個階段是需要合作的。我會將我的草圖展示給 用戶、經理、團隊同事們。如果需要，我們甚至會讓有些客戶來實行檢測。接下來我再對草圖實行變更和完竣。
一旦草圖大致定下來之后，我會畫一個正式的線框圖。像傳統(tǒng)的線框圖一樣，手繪的線框圖會有詳盡的內容，文字、圖標以及圖片。這樣我的設計風格以及有些創(chuàng)意就會在這個草圖中得到檢測和印證。我也會操作手繪線框來檢測客戶界面的元素，以確保它們可以被操作。我們會檢測所有的計劃，有時候也會有形成有些介于二者之間的設計計劃。
一些時候，當我需要對 用戶實行正式的展示時，我會操作墨水而不是石墨來實行手繪。墨水會提升手繪的正式感，如果要上色的話，我也不用擔心由于石墨的不穩(wěn)固而模糊了網頁上的界面元素。
最后，你將會建立自己的設計環(huán)節(jié)。手繪最棒的一點就是它使設計變?yōu)樽杂?。你能夠隨時隨地記錄自己的創(chuàng)意。
實用的手繪“利器”

圖：找到適合的繪圖工具很緊要。我很喜愛用Uni-Ball Vision. 一只便攜的小毛筆能夠方便填充顏色。
普通來講，這些就是會議中互動繪畫慣用的工具。
鋼筆——我很愛用鋼筆來畫畫。當然，這需要有務必的自信，但是你能夠隨時重構你的線條。 用戶也很喜愛墨水的可見性。我最喜愛的筆是Uni-Ball Vision。它是防水的，你能夠操作水彩來上色。
便攜白板——拿一張舊的白板，然后裁成小塊，這樣就有許多小的便攜白板了。你能夠帶著你的便攜白板從一個辦公室到另一個辦公室，也能夠與印象筆記一起操作來記錄工作和草圖。
大尺寸速寫本——不要畏畏縮縮的用小尺寸的速寫本來為 用戶畫圖。找一個至少14英寸長的本子。這樣能夠更好的展示你的作品。
活動掛圖——活動掛圖其實跟便攜白板差不多，都是能夠吸引 用戶的工具。如果是可粘貼的，就能夠貼在墻上方便長時間的設計探討。
那又如何?
最為一個設計師，最棒的工具就是你的想法。你火速高效展現(xiàn)信息的能力將你與網頁建設環(huán)節(jié)中的其他人區(qū)分開來。手繪則能夠將你從鼠標和顯示器前解放出來。
擁有過硬的手繪技能的話，設計師們能夠即興創(chuàng)造，并將對話引導向革新的路途上。手繪能夠是慵懶的，這樣能夠保持項宗旨親切感。
趕快握好你的筆，操起速寫本，將你的涂鴉變成有市場價值的圖畫吧。