交互設(shè)計之設(shè)計心境:創(chuàng)造情緒板的7個動機(jī)

1 評論 12427 瀏覽 45 收藏 11 分鐘

本文將致力于稱為情緒板的技術(shù)。讓我們來看看情緒板是什么,以及他們在設(shè)計師的工作流程中是如何幫助的。enjoy~

想象一下你努力工作,花了很多時間來創(chuàng)建一個詳細(xì)的原型,然后一個客戶拒絕它甚至不接近他想要的。聽起來很熟悉,不是嗎?至少每一個設(shè)計師都經(jīng)歷過這樣一個不愉快的局面。也許現(xiàn)在每個人都希望得到一些相關(guān)的建議,如何避免這種情況,但真正說沒有一個完美的決定。

然而,有幾種方法有助于降低客戶拒絕的風(fēng)險,并節(jié)省設(shè)計師的時間和勇氣。今天的文章致力于稱為情緒板的技術(shù)。讓我們來看看情緒板是什么,以及他們在設(shè)計師的工作流程中是如何幫助的。

什么是情緒板?

情緒板技術(shù)不僅在設(shè)計領(lǐng)域流行,而且在許多創(chuàng)造性的專業(yè)人員中流行。情緒板是確實(shí)的板(數(shù)字或材料),從照片到各種肌理,人們填充不同種類的東西以至于能將想法和概念形象化。

與線框和原型不同,情緒板不顯示未來項(xiàng)目的詳細(xì)圖片。它們意在傳遞正確的情緒,并帶來產(chǎn)品期望的情感。

情緒板是一個有用的工具,幫助設(shè)計師有效地與客戶和團(tuán)隊成員合作。紙板可以在一個緊湊的時間框架內(nèi)輕松地被創(chuàng)建,并把抽象的想法變成現(xiàn)實(shí)。這樣,設(shè)計師可以有效地與他人分享他們的想法,因?yàn)橐曈X材料總是比流暢的說法更好。

如何創(chuàng)建情緒板?

情緒板是一個很好的方法來實(shí)驗(yàn)調(diào)色板,字體和風(fēng)格,以及規(guī)劃一個項(xiàng)目的視覺層次。每個人都自己決定在情緒板中包含哪些組成部分。UI/UX設(shè)計師通常使用各種樣本以至于可以來描述界面元素的特征。讓我們來看看情緒板常見的幾種類型。

自由拼貼

設(shè)計師經(jīng)常收集免費(fèi)高清的圖片,方便他們在項(xiàng)目或其他地方使用這些素材。這些收集品可能有助于情緒板的創(chuàng)作。將美麗的照片組成的自由拼貼是傳遞設(shè)計理念的一種有效方式。此外,拼貼可以用插圖,字體和顏色案例來構(gòu)成。

創(chuàng)建這種類型的情緒板是最快的,也是最容易的。但是,如果客戶比較關(guān)注細(xì)節(jié),他們可能并不會對將來項(xiàng)目中的這些拼貼感興趣。

參考收集

靈感來源和想法可視化的另一種方法是找高質(zhì)量的參考。網(wǎng)上有很多資源,如Behance和Dribble,在那里設(shè)計師可以通過免費(fèi)瀏覽的方式獲取靈感和還有一些實(shí)際項(xiàng)目的示例。由一個相同風(fēng)格或任何其他特性聯(lián)合起來的設(shè)計作品可以很容易地說明一個新項(xiàng)目的想法。此外,這樣的情緒板可以幫助客戶有效地理解一個概念,因?yàn)樗麄兛梢钥吹筋愃频膮⒖?,并能夠大致想象出他們的產(chǎn)品會是什么樣子。

模版畫板

這些情緒畫板更像是原型和線框圖。他們的目標(biāo)是展示產(chǎn)品的結(jié)構(gòu)和視覺層次。不同之處在于模版畫板上的UI元素沒有線框圖中的原型或示意圖那么詳細(xì)。把隨機(jī)的插圖和照片來當(dāng)做界面的構(gòu)成元素,并以此來展示(數(shù)字)產(chǎn)品的布局。此外,可以用這種方式選擇圖像,從而更容易的確認(rèn)合適的配色。這種方法比原型更快,因?yàn)樗恍枰?xì)節(jié)。

為什么UI/ UX設(shè)計師應(yīng)該創(chuàng)建情緒畫板?

我們中的許多人可能注意到,在設(shè)計工作流程中,線框和圓形總是被描述為基本階段,而很少人提到情緒畫板。有些人認(rèn)為他們是在浪費(fèi)時間,或是認(rèn)為這只是一種“娛樂”。經(jīng)管如此,仍然有很多人把畫板作為每個創(chuàng)意過程的一部分。但是他們?yōu)槭裁匆x擇這項(xiàng)技術(shù)呢?在這里,我們收集了設(shè)計師的原因清單。

1.節(jié)省時間和精力

情緒畫板的第一個且很大的有點(diǎn)是它不需要花太多的時間就能完成。這意味著,在幾小時或者更少時間內(nèi),設(shè)計師就可以創(chuàng)建一個視覺指南,為客戶提出一個概念。情緒畫板可以很容易地編輯,這樣既省時又省力。

這樣的視覺指南是一個很好的基礎(chǔ),可以快速的跳轉(zhuǎn)到下一個階段——原型階段。此外,如果客戶對結(jié)果不滿意且想要一個新方案,設(shè)計師也不會變得神經(jīng)質(zhì),因?yàn)樗麄儾挥没ㄒ徽斓臅r間來創(chuàng)建一個詳細(xì)的演示。

2. 獲取靈感

當(dāng)然,設(shè)計師不能總是依賴靈感,因?yàn)樗麄冇泄ぷ饕觯欢?,如果?chuàng)造者收到啟發(fā),事情就能更有效的進(jìn)行。情緒畫板是一個尋找創(chuàng)意和熱情的好方法。美麗的照片和插圖有助于找到正確的情緒和風(fēng)格。此外,如果可能,你可以試著通過你周圍的東西來創(chuàng)建一個情緒畫板當(dāng)做素材使用。據(jù)說手工對創(chuàng)造性思維有很大的影響。所以為何不試一試呢?

3. 找到一個對的顏色配色板

一個拼貼內(nèi)可以包含照片、插畫和顏色形成布置引人入勝的樣品。在一個板上混合不同顏色的圖片,即使UI元素還沒有準(zhǔn)備好,設(shè)計者也可以用調(diào)色板進(jìn)行實(shí)驗(yàn)。

4. 加強(qiáng)與客戶的溝通

當(dāng)產(chǎn)品處于抽象概念階段時,設(shè)計師和客戶有時很難在討論時相互理解。例如,雙方可以以不同的方式看到某種風(fēng)格,從而引起爭論。這就是為什么使用一些視覺參考如情緒板總是一個好主意

5. 少說話,多展示

繼續(xù)上面的觀點(diǎn),應(yīng)該說任何長的報告都不能比視覺呈現(xiàn)更好地解釋你的計劃和想法。在客戶的腦海中,文字無法成形,但視覺材料是一個可靠的指導(dǎo),幫助客戶深入深入細(xì)節(jié)并正確理解你的想法。

在早期階段說明你的想法,這樣客戶可以看到你的計劃以及他們的產(chǎn)品是如何成形的。

6. 為設(shè)計找到一種風(fēng)格

如果一個創(chuàng)意團(tuán)隊沒有收到客戶關(guān)于設(shè)計風(fēng)格的指示,任務(wù)就落在設(shè)計師的肩上。要了解一種或另一種樣式如何工作,不必為它們中的每一種構(gòu)建詳細(xì)的原型。添加到情緒板不同的紋理,實(shí)驗(yàn)類型的插圖,測試字體,并改變顏色。用情緒板來嘗試選項(xiàng)比用一個接一個地改變原型更快、更方便。

7.?讓客戶參與流程

獲得客戶信任的方法之一是讓他們覺得自己深入?yún)⑴c了一個項(xiàng)目。因此,在這個階段,如果他們愿意,他們可以積極參與風(fēng)格和樣本的選擇。在非設(shè)計師的情況下,做模型是一種很簡單的技巧。

可以建議客戶對照片和圖片進(jìn)行拼貼,如果不是新客戶,也可以提供參考。通過這種方式,設(shè)計師可以輕松地了解客戶的品味和偏好,并了解他們對項(xiàng)目的期望。

數(shù)字設(shè)計項(xiàng)目的情緒板的例子

為了更實(shí)際地介紹這個問題,我們想向您展示由Tubik設(shè)計師Dima Panchenko編寫的用于用戶界面設(shè)計項(xiàng)目的擴(kuò)展情緒板集。他還做了一些常規(guī)筆記向客戶展示了情緒板,這對溝通的過程和選擇了項(xiàng)目的概念有積極的影響。

1.?用于設(shè)置客戶對屏幕總體風(fēng)格概念的偏好的情緒板

2. 情緒板呈現(xiàn)出項(xiàng)目需求所對應(yīng)的風(fēng)格上的眼光

3. 一個足球主題的運(yùn)動的心情板概念上的變種

對于每一個創(chuàng)造者情緒板可以變成有用的習(xí)慣。設(shè)計師可以創(chuàng)造情緒板去找靈感或者在他們的工作流程中作為額外的工具。

 

原文作者:Tubik Studio

原文鏈接:https://uxplanet.org/design-mood-7-motives-to-create-mood-boards-b81ae36e399f

譯文作者:兔子翻譯組

本文由@兔子翻譯組 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖作者提供

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!