天天看點

設計師畫草圖 轉

設計師畫草圖 轉

我對使用者體驗草圖繪制的體會,我們的導師,草圖繪制大師Kate Rutter教會了我們如何通過草圖将自己的創意呈現于紙上。下面是為大家分享一些能夠用于快速、有效繪制草圖的實體或抽象工具。

為什麼要繪制草圖?

作為使用者體驗設計師,我們應當能夠自如的與不同的職能團隊協作打造複雜、有效的産品。為了確定未來的成功,在産品創造的早期階段形成多樣的創意是必不可少的,因為最好的創意往往出現于創造過程。通過收集有關創意的回報資訊,可以讓我們在開始進一步工作之前達到去僞存真的效果。

就我個人而言,馬克筆和紙就像鑰匙一樣能夠開啟我腦中充滿童年色彩的創意、探索空間,這一空間也是打造創意的最理想境界。

你的設計需要哪種類型的回報?

作品的詳實程度,與我們預期得到的回報情況之間有着直接的聯系。如果我們呈現出一個彩色、詳盡的PSD模拟圖,那麼可能會聽到如下的回報:

“你為什麼要選這個字型”(也就是說,回報面會比較窄)

但是,如果你呈現出一個手繪的UI草圖,可能會得到如下的回報:

“使用者應該怎麼從這添加好友”(亦即:回報面比較廣)

在設計早期,我們需要盡可能寬泛(概括性)的回報。不要讓對方的注意力被吸引到設計的表象上去。

另外,如果詳實程度過高,就會過早的把我們框入到既定的創意範圍内并刺激我們在完美程度上鑽牛角尖。但是通過紙和筆,就可以避免很多這一類陷阱。

從心理學角度講,看非正式的草圖,會比看精心修飾過的内容更加容易激發觀看者提出建設性的意見。即便是黑白的矢量UI草圖也能抑制對方提出太有針對性的回報。

不一定要很漂亮,但一定要簡單。

很多同行不會自诩為大藝術家,好在我們幹的活也并非藝術,而是資訊傳達。但即便你不認為自己是個藝術家,學習一些基本的技術技巧也能夠幫助你通過草圖繪制表達自己。不當藝術家實際上反而能讓你把精力集中到創意,而非草圖是否美觀上,百利而無一害。

而對于自诩為藝術家的人,其所面臨的難點就在于如何在短期批量出産草圖時放下對完美的追求。這對于熱衷打造精美圖形和線條的設計師來說,恐怕會很難。使用Time boxing這套工具則可以幫助設計師克服這一困難,實作快速創意。要記住,我們的目标是創造出快速的資訊傳達媒介。

來看看這套工具:

設計師畫草圖 轉

你需要使用下列工具:

1.寬記号筆——要突出表現對象時使用

2.細記号筆——用于繪制主要圖形

3.超細記号筆——用于繪制較小的細節

4.30%或40%灰色馬克筆——用于添加陰影以及讓特點區域深入背景中

5.黃色熒光筆——用于繪制關鍵點,例如互動區域

6.一沓繪圖紙

7.便利貼

8.小貼紙

9.計時器

技巧

熱身練習:在Tradecraft的課堂上,使用者體驗設計師會學習如何在計時器的幫助下繪制草圖。一般我們首先會看一套網站的截圖,然後用5秒鐘時間繪制出自己所關注到的5個元素。其效果大緻如下:

設計師畫草圖 轉

這項練習能夠強迫我們的大腦進行詳實度思考并跳出完美主義的局限。我們會首先思考貼近度、層次關系和主次關系等基本視覺概念,并會注意到最吸引注意力的内容及其原因。經常進行這項練習能夠鍛煉自己的思維能力。

創意形成:我們開始對産品或功能進行創意繪制。在此過程中,我們需要快速完成下列各階段,每個階段限時5到10分鐘:

1. 有哪些問題?描繪出目标使用者及其所面臨的問題:

設計師畫草圖 轉

2. 你的創意對解決這個問題有何幫助?畫出你的使用者用你的産品解決問題的情景。

設計師畫草圖 轉

3. 産品如何使用——畫出6種使用者與産品/功能互動或使用産品/功能解決問題的情景:

設計師畫草圖 轉

提示:每個方框的大小相當于一個便利貼

4.票選最佳創意

如果你們是團隊合作,可以用貼紙投票選出最有趣或最重要的一個設計範圍進行深入(藍色是你隊友的投票,紅色是你自己的投票。)如果你是一個人,那票數最多的人估計就是你自己了。

5.做出5套快速UI草圖

設想你的設計在UI中向使用者呈現的方式。你不需要畫出界面的所有細節,隻需要畫出與你目前所探索範圍相關的内容。

設計師畫草圖 轉

然後選出你最中意的一套UI草圖。

6.詳細UI草圖

在這一步,你可以開始拓展自己最佳的UI創意,并思考如何對其進行進一步深入。使用注解說明可能存在疑問的地方。這次的草圖需要讓人一眼能夠看明白。

設計師畫草圖 轉

提示:草圖中加入使用者元素能夠強調出你選擇目前設計的理由。

7.    畫出前後流程

下面,你可以開始考慮與目前界面前後聯系的螢幕界面,進而初步思索互動方式。這一步需要用黃色的熒光筆和灰色馬克筆來凸顯出重要的部分以及互動内容。

設計師畫草圖 轉

總結

上述的全部過程時長約45分鐘。這一神奇的流程能夠幫助你快速獲得創意。

養成快速繪制草圖呈現創意的習慣。不要管草圖漂不漂亮,将精力集中到如何清楚傳達創意訊息上。要記住:

“UBU(醜但是有用)遠比(漂亮但是沒意義)有效”——Kate Rutter

創意草圖繪制有許多技巧,對于哪些方法最有效也存在着各種不同的理論。你可以多多練習,自己探索最适合自己的方法。

衷心希望各位設計師和非設計師朋友提供有關創意草圖繪制的意見。

翻譯:蔣燦

原文位址:medium.com

轉載于:https://www.cnblogs.com/tttry/p/4775044.html

ui