五年時間轉(zhuǎn)瞬即逝，在自己小窩的最后一個周末；眼看著家當(dāng)和心情都被打包的差不多了，整個人卻終于感冒發(fā)燒腹瀉垮了下來，這是鬧哪樣呢。所幸本周前面幾天可以抽出些時間做掉這篇譯文，今天發(fā)掉先。接下來的兩個月，大概要集中業(yè)余零散精力放在一本iOS書的翻譯上了；希望還能有些時間分給這邊。雜七雜八就到這里，我們直接進入正文——草圖原型實戰(zhàn)技巧，沒有務(wù)虛的大道理，每個內(nèi)容要點都很實用。走著。

在如今的用戶體驗及產(chǎn)品圈子里，越來越多的人開始了解到草圖及相關(guān)的原型工作對于整個設(shè)計流程的重要意義；不過在實際工作中，真正會拿起紙和筆的人貌似不是很多。作為一名用戶體驗設(shè)計師，我（英文原文作者）每天都會畫草圖，我還霸著辦公室的一整面墻，在上面鋪滿草圖，標(biāo)注著各種上下文情景腳本。

確實，使用電腦中的原型設(shè)計軟件代替紙和筆，在很多時候是一種省時省力的做法，不過從可視化與實體化的角度來看，這并不是最好的解決方案。當(dāng)你正在構(gòu)思網(wǎng)站頁面或是移動應(yīng)用的布局，琢磨著功能流程及上下文情景腳本的時候，拿起筆畫畫草圖才是更加直接有效的方式——它可以幫助你集中精力解決眼前的問題，盡情的勾勒各種想法，而不必為工具軟件的使用方法或功能限制等方面的因素分散注意力。

很多文章都會告訴你草圖這東西有多給力，但是基本不會從實戰(zhàn)的角度進行深入而細(xì)致的講解；本文則不然，我會實打?qū)嵉膹木唧w執(zhí)行的角度，向大家介紹一些常用技巧及其背后的道理，這些都是我和其他很多用戶體驗設(shè)計師在每天的工作中所要用到的。

草圖 ≠ 繪畫

從視覺角度上講，即使最完美的草圖作品，與真正意義上的“繪畫”相比也是相距甚遠(yuǎn)的。如同你的思維與靈感，草圖應(yīng)該處于一種持續(xù)變化的狀態(tài)，隨時可以根據(jù)需求進行調(diào)整。你確實不必掌握那些真正的繪畫技能，不過有相關(guān)經(jīng)驗的話自然更好。

那么草圖的本質(zhì)到底是什么呢？簡單來說：

草圖是思維的表達(dá)方式，用來解決問題。

草圖是一種可視化的、更加清晰有效的溝通方式。

畫草圖是一種技能，實踐的越多，能力越強。

不要太在意草圖在“繪畫”方面的視覺效果，試著把它當(dāng)作海報來審視——你第一眼看到的是什么？細(xì)節(jié)信息在什么地方？記住，人的目光總會被細(xì)節(jié)與強烈的對比所吸引。

就像語言表達(dá)能力可以決定人與人之間互相了解的程度，草圖的表現(xiàn)力也會直接影響到產(chǎn)品設(shè)計流程中的信息溝通。好在，我們有一些不錯的方法可以學(xué)習(xí)和運用，在實踐中逐漸提高自己的草圖表達(dá)技能。

分層作業(yè)

技巧

初期，使用淺灰色的馬克筆（大約20%到30%的灰度）勾畫輪廓和布局結(jié)構(gòu)；在進入界面元素的細(xì)節(jié)部分之后，逐漸使用顏色更深的馬克筆或鋼筆。

解釋

從淺色開始初步的框架工作，會讓事情變的容易些；在這個階段，犯些錯誤也無妨，你可以逐步評估和調(diào)整想法。把線畫的凌亂些也沒太大所謂，在接下來的階段，使用顏色更深的線條逐步完善草圖之后，沒人會注意到這些早期的淺色輪廓。

隨著靈感落實成為確定的想法，并不斷的躍然紙上，我們使用的顏色也可以逐步加深了，必要的時候可以使用鋼筆來勾勒細(xì)節(jié)。通過灰度的差異來體現(xiàn)界面的邏輯，整個草圖的層次感會非常鮮明。

分層的做法還可以幫助我們在初期將注意力放在內(nèi)容結(jié)構(gòu)與視圖繼承等方面，不至于一開始就被各種細(xì)節(jié)問題和想法糾纏。如果你知道眼下的界面中需要一個列表，但不清楚列表項中的具體內(nèi)容，那么就使用淺色筆隨便畫些曲線來代替文案；在之后的細(xì)節(jié)階段，再回過頭來用深色筆添加一些具體的范例內(nèi)容。

注意

如果你更習(xí)慣于使用圓珠筆起草，并且打算接下來用馬克筆做輔助的話，記得將圓珠筆的墨跡晾干先，否則會被馬克筆中的酒精成分污濁掉。

經(jīng)過越來越多的實踐，你也許開始變的更有把握，而逐漸忽視淺色底層繪制；最終結(jié)果也許不會很壞，但我個人仍然建議保留這一步驟，因為你可以在這個階段里做很多實驗性的摸索，一點點評估和落實頭腦中的想法。

標(biāo)簽： 草圖原型 用戶體驗 產(chǎn)品體驗 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。