起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識設(shè)計師要畫草圖
小編推薦：關(guān)于對用戶體驗草圖繪制的體會，我們的導(dǎo)師，草圖繪制大師Kate Rutter教會了我們?nèi)绾瓮ㄟ^草圖將自己的創(chuàng)意呈現(xiàn)于紙上。下面是為大家分享一些能夠用于快速、有效繪制草圖的實體或抽象工具。
為什么要繪制草圖？
作為用戶體驗設(shè)計師，我們應(yīng)當能夠自如的與不同的職能團隊協(xié)作打造復(fù)雜、有效的產(chǎn)品。為了確保未來的成功，在產(chǎn)品創(chuàng)造的早期階段形成多樣的創(chuàng)意是必不可少的，因為最好的創(chuàng)意往往出現(xiàn)于創(chuàng)造過程。通過收集有關(guān)創(chuàng)意的反饋信息，可以讓我們在開始進一步工作之前達到去偽存真的效果。
就我個人而言，馬克筆和紙就像鑰匙一樣能夠開啟我腦中充滿童年色彩的創(chuàng)意、探索空間，這一空間也是打造創(chuàng)意的最理想境界。
你的設(shè)計需要哪種類型的反饋？
作品的詳實程度，與我們預(yù)期得到的反饋情況之間有著直接的聯(lián)系。如果我們呈現(xiàn)出一個彩色、詳盡的PSD模擬圖，那么可能會聽到如下的反饋：
“你為什么要選這個字體”（也就是說，反饋面會比較窄）
但是，如果你呈現(xiàn)出一個手繪的UI草圖，可能會得到如下的反饋：
“用戶應(yīng)該怎么從這添加好友”（亦即：反饋面比較廣）
在設(shè)計早期，我們需要盡可能寬泛（概括性）的反饋。不要讓對方的注意力被吸引到設(shè)計的表象上去。
另外，如果詳實程度過高，就會過早的把我們框入到既定的創(chuàng)意范圍內(nèi)并刺激我們在完美程度上鉆牛角尖。但是通過紙和筆，就可以避免很多這一類陷阱。
從心理學(xué)角度講，看非正式的草圖，會比看精心修飾過的內(nèi)容更加容易激發(fā)觀看者提出建設(shè)性的意見。即便是黑白的矢量UI草圖也能抑制對方提出太有針對性的反饋。
不一定要很漂亮，但一定要簡單。
很多同行不會自詡為大藝術(shù)家，好在我們干的活也并非藝術(shù)，而是信息傳達。但即便你不認為自己是個藝術(shù)家，學(xué)習(xí)一些基本的技術(shù)技巧也能夠幫助你通過草圖繪制表達自己。不當藝術(shù)家實際上反而能讓你把精力集中到創(chuàng)意，而非草圖是否美觀上，百利而無一害。
而對于自詡為藝術(shù)家的人，其所面臨的難點就在于如何在短期批量出產(chǎn)草圖時放下對完美的追求。這對于熱衷打造精美圖形和線條的設(shè)計師來說，恐怕會很難。使用Time boxing這套工具則可以幫助設(shè)計師克服這一困難，實現(xiàn)快速創(chuàng)意。要記住，我們的目標是創(chuàng)造出快速的信息傳達媒介。
來看看這套工具：
你需要使用下列工具：
1.寬記號筆——要突出表現(xiàn)對象時使用
2.細記號筆——用于繪制主要圖形
3.超細記號筆——用于繪制較小的細節(jié)
4.30%或40%灰色馬克筆——用于添加陰影以及讓特點區(qū)域深入背景中
5.黃色熒光筆——用于繪制關(guān)鍵點，例如交互區(qū)域
6.一沓繪圖紙
7.便利貼
8.小貼紙
9.計時器
技巧
熱身練習(xí)：在Tradecraft的課堂上，用戶體驗設(shè)計師會學(xué)習(xí)如何在計時器的幫助下繪制草圖。一般我們首先會看一套網(wǎng)站的截圖，然后用5秒鐘時間繪制出自己所關(guān)注到的5個元素。其效果大致如下：
這項練習(xí)能夠強迫我們的大腦進行詳實度思考并跳出完美主義的局限。我們會首先思考貼近度、層次關(guān)系和主次關(guān)系等基本視覺概念，并會注意到最吸引注意力的內(nèi)容及其原因。經(jīng)常進行這項練習(xí)能夠鍛煉自己的思維能力。
創(chuàng)意形成：我們開始對產(chǎn)品或功能進行創(chuàng)意繪制。在此過程中，我們需要快速完成下列各階段，每個階段限時5到10分鐘：
1. 有哪些問題？描繪出目標用戶及其所面臨的問題：
2. 你的創(chuàng)意對解決這個問題有何幫助？畫出你的用戶用你的產(chǎn)品解決問題的情景。
3. 產(chǎn)品如何使用——畫出6種用戶與產(chǎn)品/功能交互或使用產(chǎn)品/功能解決問題的情景：
提示：每個方框的大小相當于一個便利貼
4.票選最佳創(chuàng)意
如果你們是團隊合作，可以用貼紙投票選出最有趣或最重要的一個設(shè)計范圍進行深入（藍色是你隊友的投票，紅色是你自己的投票。）如果你是一個人，那票數(shù)最多的人估計就是你自己了。
5.做出5套快速UI草圖
設(shè)想你的設(shè)計在UI中向用戶呈現(xiàn)的方式。你不需要畫出界面的所有細節(jié)，只需要畫出與你當前所探索范圍相關(guān)的內(nèi)容。
然后選出你最中意的一套UI草圖。
6.詳細UI草圖
在這一步，你可以開始拓展自己最佳的UI創(chuàng)意，并思考如何對其進行進一步深入。使用注解說明可能存在疑問的地方。這次的草圖需要讓人一眼能夠看明白。
提示：草圖中加入用戶元素能夠強調(diào)出你選擇當前設(shè)計的理由。
7. 畫出前后流程
下面，你可以開始考慮與當前界面前后聯(lián)系的屏幕界面，進而初步思索交互方式。這一步需要用黃色的熒光筆和灰色馬克筆來凸顯出重要的部分以及交互內(nèi)容。
總結(jié)
上述的全部過程時長約45分鐘。這一神奇的流程能夠幫助你快速獲得創(chuàng)意。
養(yǎng)成快速繪制草圖呈現(xiàn)創(chuàng)意的習(xí)慣。不要管草圖漂不漂亮，將精力集中到如何清楚傳達創(chuàng)意訊息上。要記?。?/p>
“UBU（丑但是有用）遠比（漂亮但是沒意義）有效”——Kate Rutter
創(chuàng)意草圖繪制有許多技巧，對于哪些方法最有效也存在著各種不同的理論。你可以多多練習(xí)，自己探索最適合自己的方法。
衷心希望各位設(shè)計師和非設(shè)計師朋友提供有關(guān)創(chuàng)意草圖繪制的意見。
翻譯：蔣燦 原文
非常好
是哇是哇