編者按：隨著軟件越來越多，很多設(shè)計師都能迅速做出精美的高保真原型，所以今天@-朱宇軒?這篇好文特意給喜歡一開始上手就用高保真的同學(xué)提個醒，用紙和筆也許能整個設(shè)計過程更爽。至于用紙筆的好處以及什么時候該用高保真原型，讓這篇好文為你揭秘！

先用紙和筆來畫草圖能讓整個設(shè)計過程變得更爽

我爹是一個插畫師，所以我記得小時候，家里到處都擺著老爹干活的家當(dāng)。用大頭筆在畫紙上畫畫時發(fā)出的沙沙聲，和大白兔糖一樣成了我最回味的童年記憶。長大之后我成了一枚設(shè)計師，但是來到這個時代我發(fā)現(xiàn)，真的掏出紙筆來畫畫的機(jī)會是越來越少有了。今時今日，人們能很容易就下載到各類高保真的UI kits，各種精美的libraries，更有多到泛濫的軟件能幫助我們很容易就做出一個炫酷到爆的高保真原型。

在為Design Sprint干活的那幾年里，我常常喜歡用各種不同的作死方法來進(jìn)行我的工作。期間我發(fā)現(xiàn)，回歸到用紙和筆來畫低保真的原型這種做法真是深得我心，畫草圖能讓你的腦筋騰出更多的空間來思索新的點(diǎn)子，挖掘出真正有意義的問題，讓我有更多的時間和產(chǎn)品或者視覺或者開發(fā)撕逼，而不是浪費(fèi)在畫一個個炫到不發(fā)朋友圈天理難容原型上。

掏出筆來

項(xiàng)目剛剛開始的時候用筆畫草圖真是再好不過，因?yàn)閳F(tuán)隊里面的每個人都能直接參與進(jìn)來，不會用axure的人多得很，但是要找一個在紙上畫個畫都不會的人有點(diǎn)難。這事幾乎沒有任何工具使用成本，團(tuán)隊里每個人都能給你畫上幾個表達(dá)自己的想法，拋開撕逼不講，有時候這樣子真的很有幫助。在為一個近期就要出街的產(chǎn)品做設(shè)計的時侯我就用上了這個小技巧。

草畫用戶流

用講故事或者直接制作用戶使用流程的方法來找出對于用戶來說最最關(guān)鍵的東西。大家都知道，我們經(jīng)常會習(xí)慣性的墮入摳細(xì)節(jié)陷阱里面去，看不到整體，忘了真正要解決的問題。那么我們就把需要的界面全畫出來，釘在黑板上，大家就沒細(xì)節(jié)可以摳了（因?yàn)閯谫Y就是往丑的畫），而且把所有的界面呈現(xiàn)在大白板之上我們就不會忘記整個大流程了。

雖然還是草圖階段，但貼出來然后叫上產(chǎn)品和開發(fā)過來嘮一嘮也不算早了。這件事很重要，為什么？因?yàn)檫@樣這樣能讓大伙都能以最簡單最純粹的情況之下看到你整體的設(shè)計思路，大伙都能在真正的問題上給出自己角度的意見，就算撕起來了也還是在值得撕的點(diǎn)上撕。這就是草圖的利好之處。作為交互設(shè)計師，撕逼導(dǎo)向能力也是你的業(yè)務(wù)水平體現(xiàn)之一。

關(guān)注對的問題

上面已經(jīng)說過，你給出的原型對于一個小會議提供的討論點(diǎn)其實(shí)是起決定性作用的，大家基于這些個原型給出的不同的意見，不同的反饋會讓產(chǎn)品最后出來樣子不同。用簡單的原型來對討論的點(diǎn)進(jìn)行導(dǎo)向，解決好真正在某個階段需要解決的問題之后，我們再來畫高保真原型真的還不遲。

一來就整個漂亮到不行的mockup好像在和別人說：“大局已定，不能再改”。不知道大家平時難道沒有這樣的趕腳

不僅畫原型簡單，其實(shí)修改也沒啥成本，別人在你的紙上加幾筆你一點(diǎn)都不心疼，愛咋整咋整，因此我們能得到更多的反饋，之后的修改也是簡單快捷，不經(jīng)意間省更多的時間，早打卡早下班。

轉(zhuǎn)化成高保真原型

我沒法告訴你讓項(xiàng)目保留在草圖的狀態(tài)要持續(xù)多久才顯得你專業(yè)，其實(shí)我也是看情況。

在我的項(xiàng)目里面，通常的情況是幾屏幾屏的轉(zhuǎn)化為高保真原型，而不是一次性全部給出來的。我習(xí)慣把草圖一張張掃描出來，扔到google slides里面。不用說，這個過程肯定是要把我們討論得出的東西綜合起來一起制作我們的高保真原型。做出來之后我習(xí)慣把兩種不同保真程度的原型擺在一起看一看，打印出來，并且還是釘在小白板上來代替之前的低保真模型，接下來當(dāng)然還是繼續(xù)把大家聚起來看一看啦。

自己來試試看

我們做設(shè)計，有一條很重要的就是，不要一來就事事追求完美。

下次，自己來試試看，在打開Sketch或Illustrator之前不如停下來看看是不是應(yīng)該拿起筆來先畫。

「優(yōu)設(shè)精品教程合集」

MBE 風(fēng)格圖標(biāo)：
《PS熱門教程！教你5分鐘快速繪制超火的MBE風(fēng)格圖標(biāo)》

五分鐘海報教程：
《PS教程！5分鐘設(shè)計出極具格調(diào)的藝術(shù)海報（一）》
《PS教程！5分鐘設(shè)計出極具格調(diào)的藝術(shù)海報（二）》

原文地址：medium

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量130萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com