情緒板攜手視覺(jué)設(shè)計(jì)
一.視覺(jué)設(shè)計(jì)的現(xiàn)實(shí)困境
互聯(lián)網(wǎng)產(chǎn)品的視覺(jué)設(shè)計(jì)存在著很多不確定性,譬如:
你按照“典雅”去設(shè)計(jì)的,他卻覺(jué)得是“清新”?——評(píng)判的主觀性&看到圖畫(huà)才明白
有時(shí)不喜歡某些設(shè)計(jì)作品,卻無(wú)法立即說(shuō)出原因——潛意識(shí)
開(kāi)始要求一種風(fēng)格,很快變卦要求改成另一種風(fēng)格——不了解用戶(hù)
如果“以用戶(hù)為中心的設(shè)計(jì)”不是一個(gè)噱頭的話,我們可以試試讓“用戶(hù)”來(lái)給視覺(jué)設(shè)計(jì)一個(gè)方向。
雖然傳統(tǒng)用戶(hù)研究方法對(duì)于“了解用戶(hù)”有些幫助,但似乎對(duì)“直接指導(dǎo)視覺(jué)設(shè)計(jì)”無(wú)能為力。
有沒(méi)有一種用戶(hù)研究方法可以同時(shí)解決視覺(jué)設(shè)計(jì)中的“評(píng)判主觀性”、“看到實(shí)際作品才明白”、“說(shuō)不出潛意識(shí)感受”的問(wèn)題,進(jìn)而“直接指導(dǎo)視覺(jué)設(shè)計(jì)”?
二.情緒板方法的理論基礎(chǔ)
情緒板是一種借助于圖像,啟發(fā)和探索用戶(hù)的體驗(yàn),然后再作用于視覺(jué)設(shè)計(jì)的研究方法。 可以調(diào)查并形成具有指導(dǎo)意義的“風(fēng)格感受”和“設(shè)計(jì)元素”。
情緒板的核心原理是依靠“圖像”,溝通產(chǎn)品與用戶(hù)、用戶(hù)的潛意識(shí)與意識(shí)、用戶(hù)的感性(情緒)與理性,其神經(jīng)心理學(xué)基礎(chǔ)為:
- 大部分溝通為非語(yǔ)言的
- 思考是通過(guò)影像產(chǎn)生的
- 感官影像為重要隱喻,而這些影像大多是視覺(jué)的
- 思考中的深層結(jié)構(gòu)是可觸及的
- 體驗(yàn)是理性與感性(情緒)的混合
三.情緒板方法的操作過(guò)程
完整過(guò)程總覽:
獲得關(guān)鍵詞:
圖片素材的收集:
邀請(qǐng)用戶(hù)來(lái)參與創(chuàng)建情緒板:
四.情緒板用于視覺(jué)設(shè)計(jì)的實(shí)踐
前文第三部分已經(jīng)詳細(xì)描述了從準(zhǔn)備到參與創(chuàng)建情緒板的過(guò)程,此部分不再贅述這個(gè)過(guò)程;重點(diǎn)闡述如何分析、利用情緒板的結(jié)果,并與視覺(jué)設(shè)計(jì)很好地結(jié)合起來(lái)(就目前實(shí)際工作中的體會(huì)而言,此部分可能比前期情緒板的制作過(guò)程更有強(qiáng)調(diào)的必要)。
在APP Store 隨意選擇一款手機(jī)應(yīng)用《老偏方》,用作實(shí)踐。
對(duì)《老偏方》采用情緒板的用戶(hù)研究方法(具體過(guò)程略去)。情緒板結(jié)果如下:
情緒板結(jié)果分析、及提取視覺(jué)元素:
設(shè)計(jì)過(guò)程:
背景
導(dǎo)航
點(diǎn)擊導(dǎo)航
最終成果(對(duì)比)
總結(jié):
工作中有兩種認(rèn)知加工模式:
- 自上而下的加工,是指人在認(rèn)知活動(dòng)時(shí)運(yùn)用個(gè)體已有的知識(shí)和概念去加工當(dāng)前的信息的過(guò)程。
- 自下而上的加工,也叫數(shù)據(jù)驅(qū)動(dòng)或材料刺激驅(qū)動(dòng)加工,它強(qiáng)調(diào)了刺激物本身在模式識(shí)別中的重要性。
平時(shí)我們視覺(jué)設(shè)計(jì)工作中可能采用得更多的是偏自下而上的加工方式,而若能很充分仔細(xì)地分析情緒板的結(jié)果、并發(fā)揮主觀能動(dòng)性充分利用,則能幫助我們鍛煉自上而下的加工方式(并且這種主觀能動(dòng)性的發(fā)揮還有正確大方向的保障)。兩種認(rèn)知加工方式的反復(fù)輪替訓(xùn)練和結(jié)合使用則有助于我們提升設(shè)計(jì)的思維水平。
本文地址:http://likemindfilms.com/tutorial/ui1569.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏