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

2018-8-19    博博

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

人人都是產品經理 2018-08-19 14:05:13

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

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

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

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

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

什么是情緒板?

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

與線框和原型不同,情緒板不顯示未來項目的詳細圖片。它們意在傳遞正確的情緒,并帶來產品期望的情感。

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

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

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

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

自由拼貼

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

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

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

參考收集

靈感來源和想法可視化的另一種方法是找高質量的參考。網上有很多資源,如Behance和Dribble,在那里設計師可以通過免費瀏覽的方式獲取靈感和還有一些實際項目的示例。由一個相同風格或任何其他特性聯(lián)合起來的設計作品可以很容易地說明一個新項目的想法。此外,這樣的情緒板可以幫助客戶有效地理解一個概念,因為他們可以看到類似的參考,并能夠大致想象出他們的產品會是什么樣子。

模版畫板

這些情緒畫板更像是原型和線框圖。他們的目標是展示產品的結構和視覺層次。不同之處在于模版畫板上的UI元素沒有線框圖中的原型或示意圖那么詳細。把隨機的插圖和照片來當做界面的構成元素,并以此來展示(數(shù)字)產品的布局。此外,可以用這種方式選擇圖像,從而更容易的確認合適的配色。這種方法比原型更快,因為它不需要細節(jié)。

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

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

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

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

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

這樣的視覺指南是一個很好的基礎,可以快速的跳轉到下一個階段——原型階段。此外,如果客戶對結果不滿意且想要一個新方案,設計師也不會變得神經質,因為他們不用花一整天的時間來創(chuàng)建一個詳細的演示。

2. 獲取靈感

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

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

一個拼貼內可以包含照片、插畫和顏色形成布置引人入勝的樣品。在一個板上混合不同顏色的圖片,即使UI元素還沒有準備好,設計者也可以用調色板進行實驗。

4. 加強與客戶的溝通

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

5. 少說話,多展示

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

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

6. 為設計找到一種風格

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

7. 讓客戶參與流程

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

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

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

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

1. 用于設置客戶對屏幕總體風格概念的偏好的情緒板

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

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

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

藍藍設計m.sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔