萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網站視覺設計:情緒板攜手視覺設計

網站視覺設計:情緒板攜手視覺設計

網站視覺設計:情緒板攜手視覺設計 三聯教程

  一.視覺設計的現實困境

  互聯網產品的視覺設計存在著很多不確定性,譬如:

  你按照“典雅”去設計的,他卻覺得是“清新”?——評判的主觀性&看到圖畫才明白

  有時不喜歡某些設計作品,卻無法立即說出原因——潛意識

  開始要求一種風格,很快變卦要求改成另一種風格——不了解用戶

  如果“以用戶為中心的設計”不是一個噱頭的話,我們可以試試讓“用戶”來給視覺設計一個方向。

  雖然傳統用戶研究方法對於“了解用戶”有些幫助,但似乎對“直接指導視覺設計”無能為力。

  有沒有一種用戶研究方法可以同時解決視覺設計中的“評判主觀性”、“看到實際作品才明白”、“說不出潛意識感受”的問題,進而“直接指導視覺設計”?

  二.情緒板方法的理論基礎

  情緒板是一種借助於圖像,啟發和探索用戶的體驗,然後再作用於視覺設計的研究方法。 可以調查並形成具有指導意義的“風格感受”和“設計元素”。

  情緒板的核心原理是依靠“圖像”,溝通產品與用戶、用戶的潛意識與意識、用戶的感性(情緒)與理性,其神經心理學基礎為:

  大部分溝通為非語言的

  思考是通過影像產生的

  感官影像為重要隱喻,而這些影像大多是視覺的

  思考中的深層結構是可觸及的

  體驗是理性與感性(情緒)的混合

  三.情緒板方法的操作過程

  完整過程總覽:

  獲得關鍵詞:

  圖片素材的收集:

  邀請用戶來參與創建情緒板:

  四.情緒板用於視覺設計的實踐

  前文第三部分已經詳細描述了從准備到參與創建情緒板的過程,此部分不再贅述這個過程;重點闡述如何分析、利用情緒板的結果,並與視覺設計很好地結合起來(就目前實際工作中的體會而言,此部分可能比前期情緒板的制作過程更有強調的必要)。

  在APP Store 隨意選擇一款手機應用《老偏方》,用作實踐。

  對《老偏方》采用情緒板的用戶研究方法(具體過程略去)。情緒板結果如下:

  情緒板結果分析、及提取視覺元素:

  設計過程:

  背景

  導航

  點擊導航

  最終成果(對比)

  總結:

  工作中有兩種認知加工模式:

  自上而下的加工,是指人在認知活動時運用個體已有的知識和概念去加工當前的信息的過程。

  自下而上的加工,也叫數據驅動或材料刺激驅動加工,它強調了刺激物本身在模式識別中的重要性。

  平時我們視覺設計工作中可能采用得更多的是偏自下而上的加工方式,而若能很充分仔細地分析情緒板的結果、並發揮主觀能動性充分利用,則能幫助我們鍛煉自上而下的加工方式(並且這種主觀能動性的發揮還有正確大方向的保障)。兩種認知加工方式的反復輪替訓練和結合使用則有助於我們提升設計的思維水平。

  感謝趙設計師,後半部分《老偏方》的視覺設計的示范由她完成。

copyright © 萬盛學電腦網 all rights reserved