網(wǎng)站制作應該采用情緒板設計方法

2021-06-12    分類: 網(wǎng)站制作

我們在日常工作中經(jīng)常會花很長時間產(chǎn)出精致的,高品質(zhì)的設計,得到的結(jié)果卻是一句:“這不是我想要的!”一般情況下,在沒有看到具象物體前,需求方并不清楚自己想要什么。但是看實物后,就可以很容易的判斷是否符合自己的預期或喜好。所以,避免過多為錯誤買單前,要了解需求方對于風格的期望要求,從而確定整個產(chǎn)品的風格是很有必要的。
1.情緒板是什么 
情緒板(英: Mood Board)是一種啟發(fā)式和探索性的方法。設計師將自己認為合適的組件、圖片和素材都整理到一起,在紙或者屏幕上進行拼貼組合,快速地向他人傳達設計師想要表達的整體“感覺(feel)”,可作為一種可視化的溝通工具。一般包括:視覺風格、色彩、字體排版、圖案和紋理整體外觀。
2.情緒板有何用
· 提高工作效率
說到設計方法論可能大家以為會花很長時間,其實不然,設計師可以根據(jù)情緒板為基礎向需求方建立一個快速的風格指南,從而被輕松編輯。
設計師可以在風格指南的基礎上快速進入交互設計、視覺設計,且如果需求方的意向發(fā)生改變,設計師也可迅速調(diào)整設計方向。
· 更好了解需求
往往設計師在與需求方溝通的時候,認知不在同一個層面,很難完全互相理解。這時情緒版的作用就在于將實際可討論的視覺意向展示出來,讓溝通和討論產(chǎn)生一個實在的落腳點。
· 精準產(chǎn)出方案
根據(jù)產(chǎn)品屬性和特征尋找大量視覺圖片,包括色彩、肌理、風格、形狀等。讓目標用戶進行挑選,以此作為設計方向或設計形式的參考。通常用于提取配色方案、視覺風格、質(zhì)感材質(zhì),為視覺設計提供靈感。
3.情緒版制作過程 
· 體驗關(guān)鍵詞
首先,要明確產(chǎn)品的定位以及目標用戶。在一個需求中,通過團隊腦暴和用戶研究,我們可以在有限的區(qū)間內(nèi)創(chuàng)建用戶畫像,綜合品牌及行業(yè)風格,可以得出體驗關(guān)鍵詞。關(guān)鍵詞和腦暴類似,包括各個方面,可以是感官、場景或者名詞等等。
· 關(guān)鍵詞聯(lián)想
設計師根據(jù)創(chuàng)建的體驗關(guān)鍵詞進行篩選,再對篩選之后的關(guān)鍵詞進行發(fā)散和聯(lián)想,這樣就可以獲得更多的靈感。
· 收集素材
設計師在關(guān)鍵詞創(chuàng)建完成之后,接下來根據(jù)關(guān)鍵詞在相關(guān)網(wǎng)站尋找相應的素材,這里用到最多的是在視覺中國、花瓣美思、Pinterest、Behance等網(wǎng)站中進行發(fā)掘。
· 創(chuàng)建情緒版
這一步需要將收集到的素材進行歸納和整理,可依據(jù)不同的維度進行分類,如設計內(nèi)容(字體、配色、排版、圖形等)、風格意向(扁平化、2.5D、3D等)、應用場景(電商、實體、營銷等)
創(chuàng)建情緒版是一個不斷迭代的過程,通常為“選擇素材-排列素材-討論反思-收集來源-選擇素材”循環(huán)往復,最終產(chǎn)出適應當前情境的情緒版。
4. 情緒版的類型 
· 拼貼情緒版
拼貼式情緒版是最簡單創(chuàng)建的情緒版方式。在設計拼貼情緒版的時候,設計師無需考慮字體大小、圖片尺寸、特定顏色等細節(jié)問題。搜集一些免費可用的高分辨率圖片,作為素材,以便今后能夠用到項目當中去。這些圖片可以制作為情緒板。這些拼貼當中還可以加入字體、配色、插畫作為示例。

情緒板設計方法

情緒板設計方法

· 精致型情緒版
精致型情緒版又被稱為模板式情緒版,這種情緒版可以詳細規(guī)范字體(字形、字號)、配色、button風格、圖片風格等個性化元素。借用模板式設計,展示出產(chǎn)品的結(jié)構(gòu)和視覺層次。相對于效果稿和交互圖,情緒版更為模糊的定義風格,組件隨機分布,圖片和粗略的布局結(jié)合在一起,說明了基本的構(gòu)思。這種情緒板成型更快,因為它不需要細節(jié)支撐。

情緒板設計方法

情緒板設計方法

5.情緒版的工具 
· Invision Board
是國外設計師用的比較多的一個工具,里面可以創(chuàng)建各種情緒板,里面的布局視覺層次也很豐富,上傳和分享也比較容易。

情緒板設計方法

情緒板設計方法

· Pinterest
是全球設計師用的最多的情緒板收集平臺,可以里面分享到你的手機里,任何朋友都可以看到,也可以團隊使用,來保障設計風格。

情緒板設計方法

情緒板設計方法

· 花瓣
國內(nèi)常用,有很多設計師搜集并分類了很多國內(nèi)外優(yōu)質(zhì)的圖片。

情緒板設計方法

情緒板設計方法

· Tumblr
有很多很優(yōu)秀的圖片和視頻能很好幫助我們?nèi)フ业揭恍└信d趣的情緒的圖片收集整理。

情緒板設計方法

情緒板設計方法

6.總結(jié) 
情緒板是創(chuàng)意工作的好幫手,無論是用來尋找靈感還是強化工作流程,都頗為實用。設計師即要站在自己的角度(設計師)想問題,又要換位思考,站在用戶的角度想問題。這樣,他才能更加容易接受你的建議。
(鄭重聲明:本文版權(quán)歸原作者環(huán)鐵藝術(shù)家李健所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請聯(lián)系我們刪除;如作者信息標記有誤,請聯(lián)系我們修改。)

文章題目:網(wǎng)站制作應該采用情緒板設計方法
標題路徑:http://www.bm7419.com/news5/117355.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名