情感化設(shè)計(jì)在圖形用戶界面中的應(yīng)用

PAGEApplicationofEmotionalDesigninGraphicalUserInterfaceAbstract：Theinterfacedesigninproductsbeginstooccupyanimportantrole.Asuccessfulproductmusthaveexcellentvisualdesignandsmoothinteractionprocessininterfacedesign.Thisarticlewillstudyhowemotionaldesignaffectsthegraphicaluserinterface.Theresearchmethodisthroughliteratureresearch.Withtextanalysis,theresearchcontentistointerprettheconceptsandtheoriesofgraphicaluserinterfacesandemotionaldesign,summarizecategories,studythebasicprinciplesofemotionaldesign,andanalyzetheemotionaldesignelementsintheinterface.Itisconcludedthatemotionaldesignisinarelativelylatestageofinterfacedesign.Itcandesigntheinterface,function,contentandotherelementsthroughtheuser'scognitivemode,sothattheusercangeneratepositiveemotionssuchasease,appointment,surprise,trust,etc.wheninteractingwiththeinterface,soastoidentifytheproductattheinstinctandbehaviorlayers,andthenatThereflectionlayerresonatesandmakestheproductstandoutinthemarket.Keywords:InterfaceDesign,Emotional,UserExperience

目錄第1章緒論 11.1研究背景 11.2研究目的與意義 11.3研究方法 21.4研究?jī)?nèi)容 2第2章圖形用戶界面與情感化設(shè)計(jì)的概述 22.1圖形用戶界面的研究 42.1.1圖形用戶界面的概念 42.1.2圖形用戶界面的種類 52.2情感化設(shè)計(jì)的研究 52.2.1情感化設(shè)計(jì)的概念 52.2.2情感化設(shè)計(jì)的理論研究 6第3章圖形用戶界面中的情感化設(shè)計(jì)元素分析 73.1情感化設(shè)計(jì)的層面劃分 83.2視覺(jué)本能層面的情感化元素分析 83.2.1圖形用戶界面中的布局 83.2.2圖形用戶界面中的文字 93.2.3圖形用戶界面中的色彩 93.2.4圖形用戶界面中的圖形與動(dòng)效 103.3交互行為層面的情感化元素分析 113.3.1圖形用戶界面中的交互方式分析 113.3.2圖形用戶界面中的情感體驗(yàn)元素分析 123.4反思層面的情感化元素分析 12第4章圖形用戶界面情感化設(shè)計(jì)的原則與方法 144.1圖形用戶界面情感化設(shè)計(jì)綜合分析 144.2圖形用戶界面情感化設(shè)計(jì)的原則 144.2.1視覺(jué)層級(jí)設(shè)計(jì)原則 144.2.2操作層級(jí)設(shè)計(jì)原則 154.2.3反思層級(jí)設(shè)計(jì)原則 164.3圖形用戶界面情感化設(shè)計(jì)的方法 16第5章圖形用戶界面情感化設(shè)計(jì)設(shè)計(jì)實(shí)踐 185.1設(shè)計(jì)項(xiàng)目概述 185.2需求分析及確立目標(biāo) 185.3情感化設(shè)計(jì) 185.3.1本能層面 185.3.2行為層面 185.3.3反思層面 185.4架構(gòu)及線框圖設(shè)計(jì) 185.5高保真視覺(jué)效果展示 18第6章總結(jié) 19參考文獻(xiàn)： 20致謝 21PAGE34第1章緒論1.1研究背景在當(dāng)今科技飛速發(fā)展時(shí)期，互聯(lián)網(wǎng)產(chǎn)業(yè)逐漸表現(xiàn)出多樣化的產(chǎn)業(yè)形態(tài)特征?；ヂ?lián)網(wǎng)技術(shù)在不斷的發(fā)展完善，不僅使大眾信息交流的效率得到了一定的提升，同時(shí)也推動(dòng)著許多產(chǎn)業(yè)服務(wù)鏈條的改進(jìn)。目前互聯(lián)網(wǎng)產(chǎn)業(yè)正處于持續(xù)擴(kuò)展的狀態(tài)，特別是：智能終端、自動(dòng)價(jià)值等產(chǎn)業(yè)，因此新經(jīng)濟(jì)產(chǎn)業(yè)形態(tài)營(yíng)運(yùn)而生，并得到了巨大的發(fā)展。未來(lái)一段時(shí)間內(nèi)，5G將得到進(jìn)一步的推行，將會(huì)推動(dòng)著新經(jīng)濟(jì)產(chǎn)業(yè)運(yùn)轉(zhuǎn)模式的變革。部分事物將會(huì)被重新進(jìn)行定義，例如：手機(jī)，將不再只是單純的電話，而是作為一個(gè)多媒體載體的形式存在。而汽車上的中控不再是冷冰冰的按鍵，也是一塊可操作的終端產(chǎn)品。擁有圖形用戶界面的終端產(chǎn)品主要是手機(jī)APP與車機(jī)應(yīng)用，互聯(lián)網(wǎng)加快了他們的增長(zhǎng)速度，據(jù)數(shù)據(jù)統(tǒng)計(jì)目前在我國(guó)第三方的應(yīng)用程序提供下載的APP有數(shù)千萬(wàn)之多，因?yàn)橹袊?guó)有著全球最多的網(wǎng)民，手機(jī)及各種終端設(shè)備逐漸成為我們的生活必需品，在未來(lái)，人們肯定要在5G上開(kāi)辟一個(gè)新的戰(zhàn)場(chǎng)。但是由于產(chǎn)品的野蠻發(fā)展，帶來(lái)的問(wèn)題就是產(chǎn)品的各種體驗(yàn)極差，沒(méi)有考慮用戶的感受。楚孔闖.認(rèn)知心理學(xué)下的移動(dòng)端產(chǎn)品中反饋設(shè)計(jì)的情感化研究[D].北京交通大學(xué),2017.楚孔闖.認(rèn)知心理學(xué)下的移動(dòng)端產(chǎn)品中反饋設(shè)計(jì)的情感化研究[D].北京交通大學(xué),2017.伴隨著各種終端產(chǎn)品的界面設(shè)計(jì)在近年來(lái)受到互聯(lián)網(wǎng)公司的追捧，界面設(shè)計(jì)是完成人機(jī)之間信息的相互傳遞和相互交流的一種用戶體驗(yàn)式圖形設(shè)計(jì)，我們使用產(chǎn)品的體驗(yàn)已經(jīng)從原本生硬的交互體驗(yàn)逐漸變化成具有情感化的體驗(yàn)。1.2研究目的與意義在面對(duì)各種終端產(chǎn)品與軟體應(yīng)用的種類優(yōu)化和用戶體驗(yàn)的不斷優(yōu)化，產(chǎn)品的使用體驗(yàn)已經(jīng)達(dá)到了一個(gè)的固定的狀態(tài)下，各類產(chǎn)品已經(jīng)變得同質(zhì)化，需要一些東西讓產(chǎn)品脫穎而出，這個(gè)問(wèn)題是現(xiàn)在設(shè)計(jì)師所面臨的主要問(wèn)題之一，因?yàn)楝F(xiàn)在中國(guó)的多數(shù)產(chǎn)品不是從0-1的過(guò)程，而是在突破1-2的過(guò)程，在想方設(shè)法的提高用戶的留存率。因?yàn)楫a(chǎn)品的功能交互和用戶的日常生活密切聯(lián)系，情感化設(shè)計(jì)在界面設(shè)計(jì)中變得非常重要，情感化設(shè)計(jì)可以讓產(chǎn)品變得實(shí)用易用，增加用戶體驗(yàn)時(shí)愉悅感，可以讓產(chǎn)品在市場(chǎng)上競(jìng)爭(zhēng)力。本文研究的一個(gè)重要目標(biāo)便是通過(guò)采用情感化設(shè)計(jì)的基本原則與方法實(shí)現(xiàn)用戶情感體驗(yàn)的進(jìn)一步提升，運(yùn)用在各種終端產(chǎn)品上，因?yàn)楝F(xiàn)在是一個(gè)消費(fèi)時(shí)代，產(chǎn)品泛濫的時(shí)代，是一個(gè)同質(zhì)化很嚴(yán)重的時(shí)代，情感化設(shè)計(jì)能使用戶在操作中獲得良好的體驗(yàn)，從而改善產(chǎn)品的界面設(shè)計(jì)以及交互體驗(yàn)，甚至是人們的生活方式。增田宗昭.知的資本論[M].中信出版社,2017.1.3研究方法本文研究過(guò)程中采用的方法主要包括：文獻(xiàn)研究法：該方法主要是從以下兩個(gè)方向進(jìn)行相應(yīng)研究工作的，即：圖形界面設(shè)計(jì)、情感化設(shè)計(jì)等，網(wǎng)絡(luò)文獻(xiàn)資源主要是知網(wǎng)、萬(wàn)方等，并通過(guò)百度、谷歌進(jìn)行相關(guān)資料的補(bǔ)充，并且去各種用戶體驗(yàn)相關(guān)的文章資訊獲取所需資料。文本分析法：研究各類學(xué)者對(duì)與圖形界面設(shè)計(jì)、情感化設(shè)計(jì)研究的文獻(xiàn)，對(duì)相應(yīng)的內(nèi)容進(jìn)行了整理歸納，具體分析研究了上述內(nèi)容所涉及到的情感化設(shè)計(jì)與圖形用戶界面設(shè)計(jì)。了解現(xiàn)在終端產(chǎn)品的發(fā)展過(guò)程及趨勢(shì)，挖掘用戶對(duì)產(chǎn)品的需求，搜集各類關(guān)于情感化設(shè)計(jì)與圖形用戶界面設(shè)計(jì)的相關(guān)文獻(xiàn)，列出題綱，整理歸納，為圖形用戶界面提供參考原則，再通過(guò)調(diào)研分析情感化設(shè)計(jì)，獲取原則以及方法。確保最后設(shè)計(jì)的產(chǎn)品擁有良好的用戶體驗(yàn)。1.4研究?jī)?nèi)容本文所選擇的研究界面為移動(dòng)端設(shè)計(jì)，從提高移動(dòng)化界面設(shè)計(jì)情感化體驗(yàn)的角度入手開(kāi)展相應(yīng)的研究工作。以下是對(duì)本文研究?jī)?nèi)容的具體介紹：(1)對(duì)圖形用戶界面以及情感化設(shè)計(jì)等內(nèi)容進(jìn)行了解讀與分析，歸納好圖形用戶界面的基本概念與種類，研究情感化設(shè)計(jì)的概念以及理論原則，細(xì)化分析圖形用戶界面中的情感化設(shè)計(jì)元素，研究它們之間是如何相互作用。(2)分別從用戶、設(shè)計(jì)師等角度出發(fā)，對(duì)手機(jī)應(yīng)用界面情感化設(shè)計(jì)等方面的內(nèi)容進(jìn)行了深入的分析。(3)從以下三個(gè)角度出發(fā)：視覺(jué)層、操作層、反思層對(duì)情感化設(shè)計(jì)進(jìn)行了分析，了解更深層次的情感，研究它們存在產(chǎn)品中的必要性。(4)基于情緒版等設(shè)計(jì)方法對(duì)移動(dòng)端界面視覺(jué)等進(jìn)行了改進(jìn)與評(píng)估，對(duì)設(shè)計(jì)方案的可行性以及情緒版設(shè)計(jì)方法的具體效果等進(jìn)行了檢驗(yàn)。

第2章圖形用戶界面與情感化設(shè)計(jì)的概述2.1圖形用戶界面的研究2.1.1圖形用戶界面的概念圖形用戶界面主要指的是通過(guò)圖形顯示等方式進(jìn)行操作的用戶界面，目前這一概念更多用于指移動(dòng)終端的用戶界面。第一個(gè)計(jì)算機(jī)圖形顯示系統(tǒng)誕生之后，視窗系統(tǒng)的概念被提出，即：Sketchpad（圖2-1），其編寫者為SAGEProject（美國(guó)空軍防空系統(tǒng)）和IvanSutherland，被認(rèn)為是計(jì)算機(jī)輔助繪圖程序的創(chuàng)始者。圖2-11963年的SketchPad圖形用戶界面是一種用于實(shí)現(xiàn)系統(tǒng)與用戶完成交互與信息交換功能的重要媒介，可以有效的進(jìn)行信息內(nèi)部形式與人類可接受形式的轉(zhuǎn)換。用戶界面是一種用于使用戶與硬件之間得到有效溝通的軟件，設(shè)計(jì)這一界面的目的是為了使用戶操作硬件的效率得到進(jìn)一步的提升，用戶界面的定義十分廣泛，指的是人機(jī)交互與圖形用戶接口，用戶界面在人類與機(jī)械的信息交流領(lǐng)域當(dāng)中普遍存在。圖形用戶界面是指對(duì)軟件的人機(jī)交通，不僅具有較強(qiáng)操作邏輯，同時(shí)其界面設(shè)計(jì)也相對(duì)較為美觀。UI設(shè)計(jì)不僅可以賦予軟件的獨(dú)特個(gè)性，同時(shí)也對(duì)軟件操作的舒適性等的提升具有重要影響，能夠使軟件的定位與特點(diǎn)等得到充分的反映。2.1.2圖形用戶界面的種類目前互聯(lián)網(wǎng)科技與通訊技術(shù)正處于不斷發(fā)展的狀態(tài)，通訊電子消費(fèi)產(chǎn)品，特別是：手機(jī)、電腦等在人們?nèi)粘Ｉ町?dāng)中的重要性不斷增大。電子消費(fèi)產(chǎn)品的圖形用戶界面對(duì)于軟硬件系統(tǒng)與用戶的數(shù)據(jù)傳遞與交互等過(guò)程具有十分關(guān)鍵的影響方面。通常情況下，可以將電子消費(fèi)產(chǎn)品圖形用戶界面劃分為以下兩種基本類型1、具體產(chǎn)品獨(dú)有的操作系統(tǒng)用戶交互界面操作系統(tǒng)用戶交互界面與電子消費(fèi)產(chǎn)品是相互捆綁的關(guān)系，屬于產(chǎn)品的組成部分。例如：某一品牌的收集或者電腦所具有的操作系統(tǒng)對(duì)應(yīng)的交互界面，主要指的是開(kāi)機(jī)的畫面以及用戶界面的布局、桌面背景與視窗排列方式等。2、可運(yùn)行于不同品牌和型號(hào)電子產(chǎn)品的軟件軟件是基于互聯(lián)網(wǎng)、電腦或者手機(jī)等前提下存在的，其盈利模式與傳統(tǒng)的貨幣交換存在著較大的差異，免費(fèi)軟件通過(guò)免費(fèi)的推廣模式，雖然沒(méi)有從用戶處得到相應(yīng)的利益，但是卻能夠通過(guò)互聯(lián)網(wǎng)廣告或者增值服務(wù)等獲得相應(yīng)的利潤(rùn)收入。2.2情感化設(shè)計(jì)的研究2.2.1情感化設(shè)計(jì)的概念情感化設(shè)計(jì)當(dāng)中的情感主要是指人對(duì)外界作用所作出的具體反應(yīng)。在這類需求得到充分滿足時(shí)，人們便容易產(chǎn)生相對(duì)愉悅的感受，但是當(dāng)遇到相應(yīng)的問(wèn)題時(shí)，不可避免會(huì)產(chǎn)生一些負(fù)面情緒，例如：厭惡等，此時(shí)需求處于未滿足的狀態(tài)。情感化設(shè)計(jì)便是為了使用戶需求得到滿足而進(jìn)行的設(shè)計(jì)過(guò)程，設(shè)計(jì)的開(kāi)始階段，可以將其視作為一種創(chuàng)意工具，在設(shè)計(jì)完成之后以及運(yùn)營(yíng)中，可以變成一個(gè)原則尺度來(lái)把控。陳震.交互設(shè)計(jì)對(duì)于移動(dòng)設(shè)備用戶體驗(yàn)的影響—以情感化設(shè)計(jì)為視角[D].復(fù)旦大學(xué),2013.情感化設(shè)計(jì)的概念最早是在2005年由Donald.A.Norman提出的，他指出：產(chǎn)品不僅只是具有功能性的導(dǎo)向作用，同時(shí)也需要關(guān)注用戶的體驗(yàn)，在時(shí)代發(fā)展的推動(dòng)下，設(shè)計(jì)需要考慮的因素也在逐漸增多。因?yàn)槿伺c機(jī)之間溝通越來(lái)越重要，這個(gè)過(guò)程又與人們的生活息息相關(guān)，因此情感化十分關(guān)鍵。他認(rèn)為特征層次主要包括以下三類：本能的、行為的、反思的，并對(duì)日常生活當(dāng)中，情感對(duì)決策的重要影響進(jìn)行了論證。唐納德·A·諾曼.設(shè)計(jì)心理學(xué)3:情感化設(shè)計(jì)[M].中信出版社,2015.2.2.2情感化設(shè)計(jì)的理論研究情感化設(shè)計(jì)其實(shí)從古至今已經(jīng)有漫長(zhǎng)的歷史，通過(guò)對(duì)國(guó)內(nèi)外文獻(xiàn)有關(guān)情感化設(shè)計(jì)內(nèi)容的大體瀏覽，目前一般可以歸結(jié)成三種理論體系：Desmet的產(chǎn)品情感反應(yīng)模型、Donad.A.Norman的三層次理論和山本健一的“感性工學(xué)”（1）Desmet的產(chǎn)品情感反應(yīng)模型曾經(jīng)在北歐的代爾福特理工大學(xué)工業(yè)設(shè)計(jì)學(xué)院攻讀博士學(xué)位的著名荷蘭工業(yè)設(shè)計(jì)師PieterM.A.Desmet，他所研究的項(xiàng)目是“情感化設(shè)計(jì)”，簡(jiǎn)單解釋起來(lái)就是主要研究產(chǎn)品設(shè)計(jì)和該產(chǎn)品給人所帶來(lái)的情感刺激之間的關(guān)系，Desmet的產(chǎn)品情感模型包含以下四個(gè)方面，包括產(chǎn)品評(píng)估、產(chǎn)品關(guān)注、產(chǎn)品刺激和情感，該模型簡(jiǎn)單概括來(lái)說(shuō)就是向參與者展示一張和參與者目的、個(gè)人態(tài)度和喜好相符合的產(chǎn)品圖像，通過(guò)讓他們用動(dòng)畫的方式去表現(xiàn)被刺激產(chǎn)生的情感，觀察參與者是否感受到了某種情感。圖2-2Desmet的產(chǎn)品情感反應(yīng)模型（2）Donald.A.Norman的三層次理論Donald.A.Norman教授對(duì)于情感在設(shè)計(jì)的重要地位和作用是通過(guò)設(shè)計(jì)的三維度來(lái)闡述的，包括本能、行為和反思，側(cè)重在這三個(gè)設(shè)計(jì)維度進(jìn)行設(shè)計(jì)創(chuàng)新，這將會(huì)給消費(fèi)者耳目一新的感覺(jué)，進(jìn)而充滿驚喜，最終導(dǎo)致消費(fèi)沖動(dòng)。設(shè)計(jì)的三維度之間并不是并列存在的關(guān)系，而是各有各的不同之處。首先就是生物因素本能，它作為情感加工的起點(diǎn)，它能夠?qū)ν饨绛h(huán)境變化進(jìn)行迅速的判斷，在產(chǎn)品對(duì)消費(fèi)者帶來(lái)感官刺激之后，它迅速進(jìn)行反應(yīng)，例如產(chǎn)品的好壞、設(shè)計(jì)是否新穎，或者是產(chǎn)品是安全還是危險(xiǎn)，把這些信號(hào)適當(dāng)傳遞給肌肉系統(tǒng)。行為和本能相比就是更為高級(jí)的存在，它作為控制大多數(shù)人類行為的因素，消費(fèi)者需要從中習(xí)得購(gòu)買和使用技能，也就是在對(duì)產(chǎn)品的購(gòu)買和使用中激發(fā)情感，獲得滿足感、成就感等。三維度中最高級(jí)的存在就是反思水平，它是通過(guò)本能和行為所引發(fā)的消費(fèi)者本身情感更加復(fù)雜的交織，包括個(gè)人背景、文化經(jīng)歷、知識(shí)、意識(shí)等許多因素。三者的關(guān)系簡(jiǎn)單概括來(lái)說(shuō)就是反思控制行為、行為控制本能。Norman教授在書中所指的設(shè)計(jì)并不是表象中我們所理解的例如游戲、社交、軟件或服務(wù)方面的設(shè)計(jì)，而是一種更加廣義的設(shè)計(jì)。三維度理論并不是對(duì)設(shè)計(jì)進(jìn)行具體指導(dǎo)，更多是以哲學(xué)方面的理論去解釋消費(fèi)者對(duì)于產(chǎn)品設(shè)計(jì)的行為傾向。（3）山本健一的“感性工學(xué)”1986年，日本馬自達(dá)汽車集團(tuán)前會(huì)長(zhǎng)山本健一在美國(guó)密西根大學(xué)進(jìn)行的題目為“汽車文化論”的演講中首次提出了“感性工學(xué)”?！案行怨W(xué)”用我們能夠能理解的方式來(lái)解釋就是將“人”的感性與“物”的設(shè)計(jì)理性以工程技術(shù)結(jié)合在一起。這種理論通過(guò)對(duì)消費(fèi)者對(duì)于產(chǎn)品的感性態(tài)度和期待將其應(yīng)用在產(chǎn)品設(shè)計(jì)的特性上，生產(chǎn)出符合期待值的產(chǎn)品。感性工學(xué)也是基于人因工程的面向消費(fèi)者的產(chǎn)品開(kāi)發(fā)技術(shù)。這項(xiàng)技術(shù)的應(yīng)用可以將模糊的感知需求和圖像轉(zhuǎn)化為詳細(xì)設(shè)計(jì)的元素，感性工學(xué)從以下3個(gè)方面進(jìn)行研究:首先是根據(jù)心理學(xué)和人因工程去探討顧客的感覺(jué)和需求;其次，通過(guò)定量和定性分析，對(duì)于消費(fèi)者模糊的感性產(chǎn)品期望中找到其所期望的設(shè)計(jì)特性;最后是感性工學(xué)的模式和人機(jī)系統(tǒng)的建立。日本是感性工學(xué)的發(fā)源地,感性工學(xué)起初是在汽車行業(yè)進(jìn)行了應(yīng)用,后來(lái)該理論趨于成熟，開(kāi)始廣泛應(yīng)用在各個(gè)行業(yè)，例如在住宅、服裝、家電產(chǎn)品等，通過(guò)該理論的應(yīng)用取得了很多成果[17220]。通過(guò)感性工學(xué)在產(chǎn)品設(shè)計(jì)中所取得的巨大成功，這項(xiàng)理論逐漸傳播到了美國(guó)、中國(guó)、西歐等國(guó)家。雖然感性工學(xué)現(xiàn)在還存在一些缺陷，例如不同的個(gè)體對(duì)于感性的理解有差異，如何去處理個(gè)體間的不同；感性術(shù)語(yǔ)和產(chǎn)品特性之間如何去用定量的方式表示兩者的關(guān)系等，但是目前感性工學(xué)還是最具有人性化的產(chǎn)品設(shè)計(jì)方法。第3章圖形用戶界面中的情感化設(shè)計(jì)元素分析3.1情感化設(shè)計(jì)的層面劃分本章將利用在業(yè)內(nèi)較為公認(rèn)的Donald.A.Norman的三層次理論模型為基礎(chǔ)（圖3-1），他將人類大腦活動(dòng)部分劃分為三層次：本能、行為和反思。本能作為先天的部分存在；行為控制人類日常的動(dòng)作；反思是大腦的思考部分。本能層面就是在界面設(shè)計(jì)的視覺(jué)層面，消費(fèi)者對(duì)于產(chǎn)品設(shè)計(jì)之間的交互行為對(duì)應(yīng)的就是行為層，反思層面指的就是界面設(shè)計(jì)的產(chǎn)品意義、思想影響、體驗(yàn)的分享、文化價(jià)值、用戶的感受。臧澈.基于信息認(rèn)知的移動(dòng)應(yīng)用程序界面的情感化設(shè)計(jì)研究[D].華東理工大學(xué),2013圖3-1Donald.A.Norman的三層次理論模型3.2視覺(jué)本能層面的情感化元素分析本能層面就是在界面設(shè)計(jì)的視覺(jué)層面，用戶或消費(fèi)者通過(guò)對(duì)圖形用戶界面的感知引發(fā)情感。根據(jù)Norman的三個(gè)層次理論，這種情感就主要體現(xiàn)在這三個(gè)層次上。本節(jié)以視覺(jué)層面包含的五個(gè)因素為依據(jù)對(duì)圖形用戶界面的情感化因素進(jìn)行解釋分析。圖形用戶界面的美觀因素，一般是指人直接能夠一眼看到的，符合人們審美的要素，包括界面的布局，文字，顏色，圖形與動(dòng)態(tài)特效，這些因素從視覺(jué)上直接影響用戶的情緒。3.2.1圖形用戶界面中的布局界面的布局和定位：圖形用戶界面中的布局主要是將能通過(guò)視覺(jué)看到的元素進(jìn)行安排。設(shè)計(jì)界面的元素分為：圖形放置的方向、放置的位置和圖形如何進(jìn)行排列。這些安排好之后，在界面中能為用戶呈現(xiàn)出便捷清晰的優(yōu)點(diǎn)，提高效率。(1)方位界面中各個(gè)元素的不同朝向在我們需要傳達(dá)與方向有關(guān)的信息的時(shí)候十分重要，方向在很多時(shí)候在界面提醒作用、引導(dǎo)用戶的操作。所以有的時(shí)候他需要被用戶容易察覺(jué)。(2)位置位置是一個(gè)相對(duì)的概念，位置常常用來(lái)表達(dá)層級(jí)之間的信息傳達(dá)，特別是移動(dòng)端界面，界面較小，位置更加的關(guān)鍵，一般信息呈現(xiàn)從左上角開(kāi)始，位置還與人機(jī)工程學(xué)息息相關(guān)。(3)排列組合排列組合最重要的就是視覺(jué)焦點(diǎn)，排列組合就是分清主次，將元素與頁(yè)面之間的關(guān)系結(jié)構(gòu)排列清晰，條理分明，層級(jí)清晰的板式布局會(huì)讓頁(yè)面的信息呈現(xiàn)更為明確，減少用戶接受、讀取和分析復(fù)雜信息的學(xué)習(xí)成本，還會(huì)提高了用戶使用產(chǎn)品的效率3.2.2圖形用戶界面中的文字文字的比重非常大，在圖形用戶界面中圖形的標(biāo)題和正文都是以文字進(jìn)行闡述，文字的大小、顏色和文字字體都需要和界面的設(shè)計(jì)相適應(yīng)，不能出現(xiàn)突兀的情況；文字是向用戶傳遞信息的介質(zhì)，因此文字信息無(wú)需過(guò)于繁瑣，應(yīng)簡(jiǎn)單明了令用戶知曉，最終達(dá)到文字傳遞信息的目的，減少用戶的理解效率，提高用戶的體驗(yàn)。在界面中設(shè)計(jì)文字一般要3點(diǎn)原則：（1）文字要簡(jiǎn)單明了，文字的使用不能過(guò)于專業(yè)化，避免用戶無(wú)法理解文字的含義的現(xiàn)象發(fā)生；（2）在使用文字時(shí)，盡量少用否定句，否定句是強(qiáng)調(diào)作用，會(huì)增加用戶的思考時(shí)間，只有想向用戶提供警示時(shí)，才可以使用否定句，其余應(yīng)多使用肯定句；減少使用被動(dòng)語(yǔ)態(tài)；（3）文字段落格式應(yīng)符合要求，內(nèi)容簡(jiǎn)潔清楚。3.2.3圖形用戶界面中的色彩對(duì)于用戶來(lái)說(shuō)，色彩能夠?yàn)橛脩籼峁┎煌囊曈X(jué)感受，通過(guò)不同的色彩搭配能加深用戶的印象，從而刺激用戶的好奇心和點(diǎn)擊率。色彩分為三要素：色相、純度、明度。通常分為主色、輔色和點(diǎn)綴顏色，主要顏色能主導(dǎo)產(chǎn)品的定位和風(fēng)格；輔助顏色則是襯托作用；點(diǎn)綴顏色一般會(huì)用主色系的互補(bǔ)色與對(duì)比色，起到畫龍點(diǎn)睛的效果，不同的顏色有著不一樣的寓意在里頭，例如色相的冷暖能讓人冷靜或者興奮；純度的高低能讓人愉悅或者壓抑；明度的輕重讓人沉重或者輕松。R.Porcelijn,M.B.vanDijk.EmotionalDesign;ApplicationofaResearch-BasedDesignApproach[J].KnowTechnPol,2007.3.2.4圖形用戶界面中的圖形與動(dòng)效圖形是界面中常常需要用戶理解的元素，它主要分為形狀、尺寸。（1）形狀形狀對(duì)用戶的意識(shí)與行為有很大的影響，圖形是設(shè)計(jì)語(yǔ)言的構(gòu)成的主要部分，圖形是傳遞信息的重要符號(hào)。圖形可以使具象或者意象，可以讓用戶通過(guò)對(duì)自然界的認(rèn)識(shí)與經(jīng)驗(yàn)來(lái)解讀形狀，圖形因?yàn)楸任淖指有蜗?、直觀，在某些特定的場(chǎng)景比文字更加高效。(2)尺寸尺寸的大小是相對(duì)的，界面如果有太多相似的圖形存在的話，使用尺寸這個(gè)變量能更好的表達(dá)重要性，尺寸的大小也可以提高一些控件的可用性，提高使用產(chǎn)品的效率。圖形設(shè)計(jì)應(yīng)遵循如下3條原則:(1)使用簡(jiǎn)單明了的圖形來(lái)表示整體象征含義，使圖形的形態(tài)簡(jiǎn)潔易懂;(2)根據(jù)物體來(lái)采用隱喻手法設(shè)計(jì)圖形，更加符合用戶的認(rèn)知程度;(3)不同設(shè)備終端下分辨率也有所不同，需要相應(yīng)的適配。動(dòng)效在越來(lái)越的產(chǎn)品開(kāi)始運(yùn)用，適當(dāng)且合理的動(dòng)效，會(huì)為整個(gè)頁(yè)面增加趣味性和亮點(diǎn)，動(dòng)效對(duì)人們的視覺(jué)沖擊力相對(duì)更為強(qiáng)烈，可以很好抓住用戶眼球，吸引用戶的注意力。3.3交互行為層面的情感化元素分析3.3.1圖形用戶界面中的交互方式分析現(xiàn)在交互方式層出不窮（圖3-2），一個(gè)好的交互方式會(huì)讓用戶使用操作時(shí)感到絲滑順暢、輕松易用。反之，用戶使用產(chǎn)品的時(shí)候就會(huì)感覺(jué)交互方式不流暢，感到疑惑。在界面設(shè)計(jì)中，應(yīng)該要采用大眾較為熟悉、容易理解且不與用戶現(xiàn)有操作習(xí)慣的操作方式，盡可能避免不必要的教學(xué)，降低用戶的學(xué)習(xí)成本和進(jìn)入門檻。圖3-2常用交互方式目前移動(dòng)設(shè)備的尺寸越來(lái)越大，用戶雖然在大屏幕的情況下獲得了比較好的視覺(jué)體驗(yàn)，但是不能夠單手操作，相應(yīng)的也減少了用戶的體驗(yàn)。手勢(shì)操作一般分為手機(jī)操作和信息輸入（圖3-3）。為了根據(jù)用戶的不同需求提升產(chǎn)品的使用體驗(yàn)，滿足用戶的單手操作需求。一般握持移動(dòng)設(shè)備分為三種，雙手持機(jī)操作、單手持機(jī)操作和一手持機(jī)一手操作的方式。見(jiàn)下圖，有三種顏色，即紅色、黃色和綠色。綠色區(qū)域是三種操作方式中可以單手操作的區(qū)域，黃色區(qū)域在單手操作中需要拇指伸展才能達(dá)到的區(qū)域，紅色區(qū)域是單手操作中最難達(dá)到的區(qū)域。比較單手操作方式的操作區(qū)域，綠色區(qū)域最少，在實(shí)際使用時(shí)，單手使用的情況卻是最多，所以要在設(shè)計(jì)過(guò)程中多多考慮用戶的單手握持。圖3-3用戶操作手機(jī)范圍3.3.2圖形用戶界面中的情感體驗(yàn)元素分析界面的交互操作層面能為用戶提供高效率和優(yōu)質(zhì)的產(chǎn)品體驗(yàn)，在設(shè)計(jì)產(chǎn)品時(shí)（操作方式的設(shè)計(jì)）要兼顧三要素：產(chǎn)品操作的功能性，產(chǎn)品操作的理解程度，產(chǎn)品操作的使用是否方便。在實(shí)際操作過(guò)程中，我們對(duì)產(chǎn)品自然而然產(chǎn)生種評(píng)價(jià)，對(duì)于操作性難的產(chǎn)品，我們對(duì)其評(píng)價(jià)一般是負(fù)面的，會(huì)減少對(duì)該產(chǎn)品的使用次數(shù)。只有設(shè)計(jì)出令用戶滿意的產(chǎn)品，才能夠提高大眾用戶對(duì)產(chǎn)品的整體評(píng)價(jià)，提高產(chǎn)品的外在形象。顧振宇.交互設(shè)計(jì):原理與方法[M].北京:清華大學(xué)出版社,2016.3.4反思層面的情感化元素分析一個(gè)人的反思行為能夠?qū)Ξa(chǎn)品呈現(xiàn)出不同的體驗(yàn)效果，在充分理解了產(chǎn)品的操作方式，會(huì)加深用戶的使用體驗(yàn)，提高效率。產(chǎn)品能夠激發(fā)人的情緒、記憶分為很多種，一般化分為正面、負(fù)面情緒，情感化設(shè)計(jì)的目的就是希望利用用戶的情緒進(jìn)行設(shè)計(jì)，從而達(dá)到更好的用戶體驗(yàn)。（1）正面情緒在情感化設(shè)計(jì)中，用戶在使用產(chǎn)品時(shí)獲取到更多的正面的、積極地情緒，是設(shè)計(jì)師所愿意看到的，這樣可以拉近人與產(chǎn)品之間的距離，使二者之間的交互具有情感。一般來(lái)說(shuō)想要增加用戶的正面情緒就需要提高使用產(chǎn)品的愉悅度，愉悅度包含了用戶可控性、互動(dòng)分享和參與。適當(dāng)?shù)淖層脩羰褂卯a(chǎn)品時(shí)產(chǎn)生共鳴感也是一個(gè)很好的方法，共鳴感有三種表現(xiàn)方式：周圍參照、品牌關(guān)聯(lián)與對(duì)比記錄。馬超，鄭曉東.App界面視覺(jué)圖形的情感化設(shè)計(jì)研究[J].科技視界,2018.（1）負(fù)面情緒在設(shè)計(jì)中，對(duì)待人們的負(fù)面情緒要比正面情緒更加謹(jǐn)慎，因?yàn)槲覀円櫦暗娇赡芤l(fā)的負(fù)面情緒，盡量避免，或者尋找對(duì)應(yīng)的舉措。例如游戲類界面常常出現(xiàn)的連續(xù)簽到活動(dòng)，我們知道如果斷簽了用戶會(huì)有一定的負(fù)面情緒，所以設(shè)計(jì)師常常會(huì)添加一個(gè)補(bǔ)簽功能，利用用戶的負(fù)面情緒進(jìn)而推動(dòng)自己產(chǎn)品。還有填寫表單的時(shí)候，出現(xiàn)紅色的錯(cuò)誤提醒和解釋，以及不可用的灰色按鈕都會(huì)警告提醒用戶，讓用戶產(chǎn)生灰心失望、精神處于高度準(zhǔn)備狀態(tài)的情緒，從而阻止行為層面的錯(cuò)誤操作，進(jìn)入反思層面，進(jìn)行反省和糾正錯(cuò)誤。因此單純的去注意用戶的負(fù)面情緒還不夠，更要巧妙地去利用它。TrevorVanGorp,EdieAdams.DesignforEmotion[M].USA:MorganKaufmann,2012.

第4章圖形用戶界面情感化設(shè)計(jì)的原則與方法4.1圖形用戶界面情感化設(shè)計(jì)綜合分析圖形用戶界面設(shè)計(jì)中最重要是方便使用性，合理的界面設(shè)計(jì)能夠提高用戶的操作效率，在保證方便使用的前提下，如果能在保證易用性的基礎(chǔ)上增加趣味性與情感化設(shè)計(jì)，兩者相互搭配，合理的應(yīng)用起來(lái)，理性搭配感性，在實(shí)用易用的同時(shí)直達(dá)用戶內(nèi)心傳達(dá)情感因素，可以讓用戶體驗(yàn)到美好的情感體驗(yàn)，這才是設(shè)計(jì)的藝術(shù)魅力精髓。戴小樂(lè).APP交互界面設(shè)計(jì)初探—“理性設(shè)計(jì)”與“情感化設(shè)計(jì)”分析[J].藝術(shù)科技,2013.網(wǎng)絡(luò)時(shí)代的便捷，讓我們和電子產(chǎn)品的交流越來(lái)越密切，例如，網(wǎng)絡(luò)電視、平板電腦等等，這也就讓情感化設(shè)計(jì)有了用武之地，機(jī)器沒(méi)有情感，在設(shè)計(jì)電子機(jī)器的同時(shí)加入情感，能夠提高用戶的產(chǎn)品體驗(yàn)，從而提高用戶的生活水平。在設(shè)計(jì)過(guò)程中，我們要盡量避免用專家角度，時(shí)刻把主流用戶放在前面，因?yàn)橹髁饔脩舨攀怯脩趔w驗(yàn)的重點(diǎn)，專家角度的用戶過(guò)于追求完美的結(jié)果。賈爾斯·科爾伯恩.簡(jiǎn)約至上[M].賈爾斯·科爾伯恩.簡(jiǎn)約至上[M].北京:人民郵電出版社,20184.2圖形用戶界面情感化設(shè)計(jì)的原則4.2.1視覺(jué)層級(jí)設(shè)計(jì)原則我們?cè)谠O(shè)計(jì)過(guò)程中要保持站在用戶的角度上，要保證用戶觀看的界面是美觀的、舒適的，適當(dāng)?shù)臅r(shí)候添加積極的情感讓用戶有共鳴感。圖形用戶界面情感化設(shè)計(jì)的視覺(jué)層面包括布局合理、圖形辨識(shí)度高、文字傳達(dá)明確、色彩搭配合理、引導(dǎo)聯(lián)想。（1）布局合理，結(jié)構(gòu)層級(jí)清晰，布局不僅僅只是為了視覺(jué)的好看，要考慮是否能讓用戶可以正確迅速的進(jìn)行識(shí)別與交互操作。界面的布局需要準(zhǔn)守四個(gè)原則：平衡原則，因?yàn)閾頂D的界面會(huì)讓用戶出現(xiàn)錯(cuò)誤接收，所以維持布局總體的平衡；預(yù)期原則，界面中的元素的處理應(yīng)當(dāng)統(tǒng)一化，保證預(yù)期的動(dòng)作讓用戶得知；順序原則，需要正確的排列與分段；規(guī)則化原則，畫面需要統(tǒng)一性、各種文字、圖形等元素需要統(tǒng)一規(guī)范。（2）圖形辨識(shí)度高，易于識(shí)別，設(shè)計(jì)時(shí)要在界面中突出重點(diǎn)，圖形的形態(tài)一定要進(jìn)行一定的隱喻，這樣可以貼近用戶的認(rèn)知范圍，圖形要主次分明，尺寸大小合適，紋理清晰。（3）文字傳達(dá)明確，文字的用語(yǔ)要簡(jiǎn)潔，少用專業(yè)用語(yǔ)，使用通俗語(yǔ)言，在按鈕控件中的文案盡量使用描述操作的動(dòng)詞，格式合理與信息內(nèi)容清晰。（4）顏色搭配趨于合理，情感寓意表達(dá)明白準(zhǔn)確。設(shè)計(jì)時(shí)，顏色是界面設(shè)計(jì)的一個(gè)極其重要的屬性，要安排好圖形的主要色彩與次要色彩之間的有機(jī)關(guān)系，以防影響界面最后的視覺(jué)效果;不同顏色的所代表的情感都是不同的，設(shè)計(jì)師們?cè)谠O(shè)計(jì)界面時(shí)，要考量用戶的心理和產(chǎn)品的功能及其其他綜合需求，選擇適合的配色。（5）引導(dǎo)聯(lián)想，在界面中要寓意明確，能夠準(zhǔn)確的表達(dá)寓意，激起用戶的情緒化記憶?？梢圆捎靡恍╇[喻，引起用戶的聯(lián)想，賦予界面趣味，提高產(chǎn)品認(rèn)知度，引起情感的共鳴。楊麗;胡依娜.APP產(chǎn)品情感化設(shè)計(jì)研究—基于用戶體驗(yàn)[J].高等財(cái)經(jīng)教育研究,2017.4.2.2操作層級(jí)設(shè)計(jì)原則界面的交互操作上必須是易于理解、容易上手的，這便需要界面要有條有理，盡量精簡(jiǎn)、指令要清楚。如果界面復(fù)雜混亂，用戶容易操作錯(cuò)誤，太復(fù)雜的話，容易提高用戶的門檻，這不是好事。（1）有效的傳遞信息：信息的形式比較復(fù)雜，可能是圖形、文字，也可能是指令、顏色等。確保使用較為通俗的語(yǔ)言，盡量少使用專業(yè)術(shù)語(yǔ)、語(yǔ)義不清晰的符號(hào)與圖形。多使用解釋說(shuō)明，因?yàn)楝F(xiàn)在界面功能越來(lái)越復(fù)雜，及時(shí)的解釋說(shuō)明可以很好的解決用戶認(rèn)知錯(cuò)誤的問(wèn)題。（2）反饋及時(shí)與容錯(cuò)：人與產(chǎn)品之間是不斷的進(jìn)行獲取信息與反饋信息的，反饋如果及時(shí)準(zhǔn)確，將為用戶帶來(lái)愉悅，效率提高。反之，則容易讓用戶產(chǎn)生厭惡、焦慮的情緒。產(chǎn)品的容錯(cuò)性是指能夠提供返回操作的命令方式，用戶可能會(huì)誤操作，這是產(chǎn)品應(yīng)該要提供可返回的步驟，讓用戶繼續(xù)操作下去的可能性。AlanCooper,RobertReimann,DavidCronin.AboutFace3[M].USA:JohnWiley&Sons,2007.4.2.3反思層級(jí)設(shè)計(jì)原則在界面的反思層面，主要有三個(gè)方面（1）通過(guò)引起用戶的記憶，加深用戶對(duì)產(chǎn)品的印象，產(chǎn)生共鳴。（2）提高用戶使用產(chǎn)品的操作體驗(yàn)，簡(jiǎn)單的操作體驗(yàn)?zāi)軌蛱岣哂脩舻母惺?，能給用戶一種了然于胸的能力。產(chǎn)品具有趣味性，能夠提高用戶的依賴度。產(chǎn)品具有分享功能，能夠滿足用戶的歸屬感。（3）用戶和產(chǎn)品之間擁有共鳴，在該產(chǎn)品和其他產(chǎn)品的對(duì)比中，品牌的關(guān)聯(lián)可以增加用戶對(duì)產(chǎn)品的好感與信任，對(duì)比記錄影響用戶的購(gòu)買意向決策。4.3圖形用戶界面情感化設(shè)計(jì)的方法在圖形用戶界面的設(shè)計(jì)中，通常會(huì)建立情緒版的方式來(lái)獲取設(shè)計(jì)方向或者形式的參考，情緒版主要是調(diào)查研究并分析總結(jié)能夠引起用戶情感共鳴的元素，例如色彩、圖像、視頻，前期的調(diào)研如果足夠準(zhǔn)確，那么對(duì)于中后期產(chǎn)品的開(kāi)發(fā)研發(fā)將會(huì)有參考價(jià)值，它能夠讓開(kāi)發(fā)出來(lái)的產(chǎn)品取得用戶的喜愛(ài)。劉津，孫睿劉津，孫睿.破繭成蝶2:以產(chǎn)品為中心的設(shè)計(jì)革命[M].北京:人民郵電出版社,2018（1）確立產(chǎn)品設(shè)計(jì)主題開(kāi)始階段最重要的就是確立產(chǎn)品的設(shè)計(jì)主題與設(shè)計(jì)風(fēng)格，可以通過(guò)定義關(guān)鍵字來(lái)逐個(gè)進(jìn)行，需要結(jié)合前期的用戶研究調(diào)研來(lái)獲取與明確相關(guān)的主題的情感語(yǔ)義詞匯。（2）情感關(guān)鍵詞的收集在收集情感關(guān)鍵詞時(shí)，盡可能的讓流程各個(gè)階段的人員參與進(jìn)來(lái)，這樣可以發(fā)散思路，通過(guò)頭腦風(fēng)暴可以了解到每個(gè)人心中的定義。情緒版中關(guān)鍵詞不必收到束縛，多發(fā)散思維來(lái)與團(tuán)隊(duì)相互討論理解。（3）情感關(guān)鍵詞的提煉在提煉關(guān)鍵詞的時(shí)候，要從三方面入手：視覺(jué)映射、物理映射、心理映射，可以慢慢的從一個(gè)大的概念開(kāi)始縮小，這個(gè)過(guò)程主要是幫助設(shè)計(jì)師從用戶的角度去理解。（4）情緒版圖片的收集固定關(guān)鍵詞后，要利用互聯(lián)網(wǎng)及生活，大量收集可能涉及的圖片，然后再通過(guò)圖片背后的語(yǔ)義來(lái)新增刪減。（5）情緒版的輸出收集素材對(duì)其進(jìn)行整理得出結(jié)論，有5個(gè)內(nèi)容的設(shè)計(jì)能夠?qū)τ脩舢a(chǎn)生影響：界面的色彩，圖形大小，畫面質(zhì)感，構(gòu)圖安排和字體。（6）設(shè)計(jì)輸出最后根據(jù)情緒板進(jìn)行視覺(jué)設(shè)計(jì)，在設(shè)計(jì)之前，要先進(jìn)行總體的勾勒，提取主色來(lái)獲取相對(duì)應(yīng)的配色方案，再根據(jù)畫面的分配狀況來(lái)進(jìn)行設(shè)計(jì)，為之后正式創(chuàng)作打基礎(chǔ)。情緒版能夠令項(xiàng)目組每一位成員了解設(shè)計(jì)的目的，根據(jù)目的來(lái)完成設(shè)計(jì)效果。通過(guò)該方式能夠令不同的設(shè)計(jì)師創(chuàng)造相同的設(shè)計(jì)效果。

第5章圖形用戶界面情感化設(shè)計(jì)實(shí)踐5.1設(shè)計(jì)項(xiàng)目概述隨著生活水平與經(jīng)濟(jì)能力的提高，很多一二線的人士對(duì)于生活態(tài)度以及生活方式開(kāi)始發(fā)生一些變化，會(huì)注意生活中的細(xì)節(jié)、會(huì)去做一些事情讓自己擁有更好的生活方式，在針對(duì)擁有較多電子產(chǎn)品的青年階段人士調(diào)研過(guò)程中，發(fā)現(xiàn)一個(gè)新的亞文化-每日常攜帶，很多人喜歡將自己每天出行時(shí)或者工作時(shí)的物品做一個(gè)整理，然后再優(yōu)化使工作的效率變高或者生活的質(zhì)量變好。這個(gè)日常攜帶（EDC）最早由美國(guó)一些戶外玩家開(kāi)始流行，他們建立一個(gè)叫EVERYDAYCARRY的社區(qū)網(wǎng)站，相互在里面交流每個(gè)人的日常攜帶，逐漸形成一個(gè)導(dǎo)購(gòu)評(píng)測(cè)的社區(qū)，翻包文化就是從這里開(kāi)始，而在中國(guó)，一些擁有較多電子產(chǎn)品的人士也開(kāi)始涌入了這個(gè)日常攜帶的概念，他們與戶外玩家的目的不一樣，他們是想要優(yōu)化或者更新每天出行時(shí)所帶的物件來(lái)增加生產(chǎn)力與獲取更好的生活方式。所以他們常常會(huì)去查看相同職業(yè)或者相同愛(ài)好人士是怎么樣的每日出行裝備。所以我們將設(shè)計(jì)一款資訊類產(chǎn)品來(lái)滿足這些人士的需求。5.2需求分析及確立目標(biāo)在這些數(shù)擁有較多電子產(chǎn)品的人士中，常常會(huì)去查看每一個(gè)物件的導(dǎo)購(gòu)評(píng)測(cè)或者相互搭配的方式等等，需要去看相同職業(yè)的人士是怎么樣的每日出行裝備、現(xiàn)在僅有一些貼吧或者碎片化的文章能提供給這些人查看，所有他們的需求就是要有一款可以有整體化的社區(qū)交流、導(dǎo)購(gòu)評(píng)測(cè)的產(chǎn)品，可以更快的檢索別人的每日出行裝備。在功能上需要有資訊類的文章、導(dǎo)購(gòu)向的產(chǎn)品欄目以及社區(qū)向的交流功能。其設(shè)計(jì)目標(biāo)就是讓需求人士拋棄原本到處去每個(gè)網(wǎng)站或者社區(qū)去檢索關(guān)于日常攜帶的信息，而采用整體化的產(chǎn)品，一站式將資訊類文章及社區(qū)交流整合在一起。5.3情感化設(shè)計(jì)5.3.1本能層面（1）此產(chǎn)品的logo使用了帶有棱角、深藍(lán)色的圖形，為用戶留下科技、穩(wěn)定、專業(yè)的感覺(jué)。（2）tab欄的圖標(biāo)采用面性，點(diǎn)擊與未點(diǎn)擊采用視覺(jué)差異較明顯的透明度變化，能夠讓用戶更清晰明了。金剛區(qū)采用溫和圓形的統(tǒng)一樣式，使用戶在使用產(chǎn)品時(shí)不會(huì)產(chǎn)生壓迫感。5.3.2行為層面（1）logo中圖形部分由字母E組成，與包裝盒元素組合在一起，便于理解寓意。（2）界面咨詢文章采用feed流的方式，給人干凈、利落的印象；背景采用淡灰色，與圖形與文字相互錯(cuò)開(kāi)，具有更強(qiáng)的可讀性；可以點(diǎn)擊的文字與圖形內(nèi)容將尺寸大小最大合理化，方便用戶的點(diǎn)擊以及滑動(dòng)。5.3.3反思層面（1）logo背景使用純白，與圖形深藍(lán)色做出對(duì)比，相互對(duì)應(yīng)，引起聯(lián)想。（2）在點(diǎn)贊、評(píng)論、分享時(shí)，增加微動(dòng)效，通過(guò)這種反饋可以增加產(chǎn)品與用戶之間的情感溝通；對(duì)于各個(gè)模塊的層級(jí)相互錯(cuò)開(kāi)，用戶可以馬上清楚每個(gè)模塊的位置，讓用戶有良好的掌握感；進(jìn)而對(duì)自身開(kāi)始評(píng)價(jià)或者反思。5.4架構(gòu)因?yàn)榇水a(chǎn)品為個(gè)人創(chuàng)建，在繪制界面的架構(gòu)時(shí)缺少比較重要的團(tuán)隊(duì)討論步驟，所以關(guān)于產(chǎn)品的頭腦風(fēng)暴需要加大更多的精力，把思維發(fā)散，才能將整個(gè)設(shè)計(jì)過(guò)程中每個(gè)交互操作流程以及用戶問(wèn)題的回饋都能清晰明了。標(biāo)簽欄分為五大類，首頁(yè)、動(dòng)態(tài)、產(chǎn)品、信息、我，可以滿足用戶對(duì)于咨詢與社區(qū)交流的需求。（圖5-1）圖5-1日常攜帶的交互架構(gòu)5.5低保真原型功能流程說(shuō)明低保真原型最重要的就是要清晰功能的流程走向與跳轉(zhuǎn)，傳達(dá)的內(nèi)容主要是使用產(chǎn)品的基本流程與整個(gè)界面中的排版方式與內(nèi)容的設(shè)置。（1）登錄與注冊(cè)圖5-2注冊(cè)與登錄原型圖登錄頁(yè)面中弱化注冊(cè)流程，輸入手機(jī)號(hào)后檢測(cè)到未注冊(cè)的話將會(huì)自動(dòng)注冊(cè)賬戶，減少用戶的操作步驟。未輸入與輸入中時(shí)下方的確認(rèn)按鈕有狀態(tài)變化，使用戶更加清晰明了。（圖5-2）（2）首頁(yè)與文章圖5-3首頁(yè)與文章原型圖用戶是需求的集合，在首頁(yè)設(shè)計(jì)中將功能布局細(xì)化，劃分為搜索欄+輪播圖+金剛區(qū)+推薦文章，為用戶群體提供便攜化的操作界面，滿足用戶對(duì)于互聯(lián)網(wǎng)產(chǎn)品的行為習(xí)慣，文章內(nèi)容模塊采用單大圖來(lái)吸引用戶。（圖5-3）（3）動(dòng)態(tài)圖5-4關(guān)注與推薦原型圖關(guān)于動(dòng)態(tài)頁(yè)面劃分為關(guān)注與推薦，左右滑動(dòng)即可切換，這個(gè)模塊利用社交屬性來(lái)提高用戶的留存率、減少用戶的流失，關(guān)注模塊提供給用戶一個(gè)分享裝備、記錄生活的平臺(tái)，推薦模塊可以利用大數(shù)據(jù)推算的數(shù)據(jù)來(lái)吸引用戶留存。（圖5-4）（4）產(chǎn)品圖5-5產(chǎn)品與用戶點(diǎn)評(píng)原型圖關(guān)于動(dòng)態(tài)頁(yè)面劃分為關(guān)注與推薦，左右滑動(dòng)即可切換，這個(gè)模塊利用社交屬性來(lái)提高用戶的留存率、減少用戶的流失，關(guān)注模塊提供給用戶一個(gè)分享裝備、記錄生活的平臺(tái)，推薦模塊可以利用大數(shù)據(jù)推算的數(shù)據(jù)來(lái)吸引用戶留存。（圖5-5）（5）消息圖5-6消息與用戶聊天原型圖消息頁(yè)面是動(dòng)態(tài)模塊中社區(qū)交流的延展，主要將系統(tǒng)級(jí)的提醒整合在一起（通知、點(diǎn)贊、評(píng)論），與其他用戶交流單獨(dú)排列，方便用戶進(jìn)入更深層的交流。輸入方式增加表情功能與添加圖片視頻功能，提高交流的多樣性。（圖5-6）（6）我圖5-7用戶中心原型圖用戶中心主要將自己的創(chuàng)作與收藏整合在一起，由于此頁(yè)面的點(diǎn)擊率較低，所以將設(shè)置類子功能平鋪在一級(jí)頁(yè)面。（圖5-7）5.6高保真視覺(jué)效果展示（1）啟動(dòng)ICON圖5-8啟動(dòng)ICON圖標(biāo)靈感來(lái)自于產(chǎn)品的開(kāi)箱盒子，利用邊緣組成E字母，代表這個(gè)日常攜帶EDC中的首字母E，深藍(lán)色的漸變代表著產(chǎn)品屬性是科技、穩(wěn)定、專業(yè)。（圖5-8）（2）啟動(dòng)頁(yè)圖5-9啟動(dòng)頁(yè)啟動(dòng)頁(yè)使用人物扁平插畫，具象人物能引起用戶的共鳴。（圖5-9）（3）登錄與注冊(cè)圖5-10登錄與注冊(cè)頁(yè)面優(yōu)先提供手機(jī)號(hào)登錄，能夠減少用戶的操作步驟，按鈕的狀態(tài)隨著用戶的輸入而變化。將第三方登錄方式置于下面。（圖5-10）（4）首頁(yè)與文章圖5-11首頁(yè)與文章頁(yè)面（5）動(dòng)態(tài)圖5-12關(guān)注與推薦頁(yè)面（6）產(chǎn)品圖5-13產(chǎn)品與點(diǎn)評(píng)頁(yè)面（7）消息圖5-14消息與聊天頁(yè)面（8）我圖5-15個(gè)人中心頁(yè)面

第6章總結(jié)本文討論的是在這個(gè)產(chǎn)品同質(zhì)化的市場(chǎng)，情感化設(shè)計(jì)是如何與界面設(shè)計(jì)中相互聯(lián)系的，宏觀的分析了存在于界面設(shè)計(jì)中屬于情感化設(shè)計(jì)的元素。再通過(guò)文獻(xiàn)以及所整理的理論概念析出關(guān)于情感化設(shè)計(jì)的基本原則與設(shè)計(jì)方法。最后通過(guò)實(shí)踐來(lái)探討在終端的界面設(shè)計(jì)中如何將情感化設(shè)計(jì)使用上去，還有進(jìn)行對(duì)產(chǎn)品的反思，了解用戶與產(chǎn)品之間是如何緊密相關(guān)的。本論文的見(jiàn)解是強(qiáng)調(diào)情感化設(shè)計(jì)的地位在界面設(shè)計(jì)中，在保證產(chǎn)品的視覺(jué)設(shè)計(jì)和交互體驗(yàn)在滿足基本的功能下，優(yōu)先去著手用戶的情感需求，畢竟每個(gè)人都希望在使用產(chǎn)品的過(guò)程中可以感覺(jué)到這個(gè)產(chǎn)品非常地實(shí)用、易用并且還能感受到一個(gè)愉悅、舒適的場(chǎng)景，這才是一個(gè)產(chǎn)品。

參考文獻(xiàn)：[1]楚孔闖.認(rèn)知心理學(xué)下的移動(dòng)端產(chǎn)品中反饋設(shè)計(jì)的情感化研究[D].北京交通大學(xué),2017.12-13[2]增田宗昭.知的資本論[M].中信出版社,2017.30-39[3]陳震.交互設(shè)計(jì)對(duì)于移動(dòng)設(shè)備用戶體驗(yàn)的影響—以情感化設(shè)計(jì)為視角[D].復(fù)旦大學(xué),2013.15-17[4]唐納德·A·諾曼.設(shè)計(jì)心理學(xué)3:情感化設(shè)計(jì)[M].中信出版社,2015.49-70[5]臧澈.基于信息認(rèn)知的移動(dòng)應(yīng)用程序界面的情感化設(shè)計(jì)研究[D].華東理工大學(xué),2013.21-26[6]R.Porcelijn,M.B.vanDijk.EmotionalDesign;ApplicationofaResearch-BasedDesignApproach[J].KnowTechnPol,2007.141[7]顧振宇.交互設(shè)計(jì):原理與方法[M].北京:清華大學(xué)出版社,2016.11-12[8]馬超，鄭曉東.App界面視覺(jué)圖形的情感化設(shè)計(jì)研究[J].科技視界,2018.49[9]TrevorVanGorp,EdieAdams.DesignforEmotion[M].USA:MorganKaufmann,2012.21-22[10]戴小樂(lè).APP交互界面設(shè)計(jì)初探—“理性設(shè)計(jì)”與“情感化設(shè)計(jì)”分析[J].藝術(shù)科技,2013.263[11]賈爾斯·科爾伯恩.簡(jiǎn)約至上[M].北京:人民郵電出版社,2018.36[12]楊麗，胡依娜.APP產(chǎn)品情感化設(shè)計(jì)研究—基于用戶體驗(yàn)[J].高等財(cái)經(jīng)教育研究,2017.81-83[13]AlanCooper,RobertReimann,DavidCronin.AboutFace3[M].USA:JohnWiley&Sons,2007.461-467[14]劉津，孫睿.破繭成蝶2:以產(chǎn)品為中心的設(shè)計(jì)革命[M].北京:人民郵電出版社,2018.37-55致謝大學(xué)四年的學(xué)習(xí)生活即將畫上句號(hào)，回顧這四年在學(xué)校的學(xué)習(xí)、生活以及工作，受到太多人的幫助與支持，感謝在大學(xué)生活這條路有你們的幫助，在你們幫助下，我在只是增長(zhǎng)的同時(shí)，也越發(fā)清楚我自己的將來(lái)發(fā)展的目標(biāo)以及方向。本論文在王祎老師的嚴(yán)格指導(dǎo)下所完成，從題目的選取、設(shè)計(jì)的推進(jìn)以及論文的撰寫修改都離不開(kāi)老師的悉心指導(dǎo)。首先我，最要感謝是這4年來(lái)對(duì)我悉心指導(dǎo)的所有老師，感謝她們?cè)谡n堂、在工作室教我如何做產(chǎn)品，她們嚴(yán)謹(jǐn)?shù)氖谡n態(tài)度以及提供給我的寶貴意見(jiàn)讓我對(duì)自己未來(lái)的人生計(jì)劃有了一定的規(guī)劃。其次，我要感謝我的室友，他們是我背后的護(hù)盾，感謝他們這一路對(duì)我的關(guān)心以及理解，給予了我源源不斷的設(shè)計(jì)技巧。還要感謝我的家人，給予了我一個(gè)美好、溫暖的成長(zhǎng)環(huán)境，可以讓我專心推進(jìn)自己的夢(mèng)想，給了我不斷奮斗的動(dòng)力。最后，再次感謝所有對(duì)我批評(píng)以及提出建議的所有老師和同學(xué)！

論文的研究方法和手段有哪些

（1）調(diào)查法

調(diào)查法是科學(xué)研究中最常用的方法之一。它是有目的、有計(jì)劃、有系統(tǒng)地搜集有關(guān)研究對(duì)象現(xiàn)實(shí)狀況或歷史狀況的材料的方法。一般是通過(guò)書面或口頭回答問(wèn)題的方式獲得大量數(shù)據(jù)，進(jìn)而對(duì)調(diào)查中收集的大量數(shù)據(jù)進(jìn)行分析、比較、總結(jié)歸納，為人們提供規(guī)律性的知識(shí)。

（一）典型例子

調(diào)查法中最典型的例子是問(wèn)卷調(diào)查法。它是通過(guò)書面提問(wèn)收集信息的一種方法，即調(diào)查人員編制調(diào)查項(xiàng)目表，分發(fā)或郵寄給相關(guān)人員，詢問(wèn)答案，然后收集、整理、統(tǒng)計(jì)和研究。

（二）研究步驟

1.確定調(diào)查課題

確定題目時(shí)要注意選題是否具有研究的必要性和可能性，同時(shí)要注意選題切忌太大，也要避免無(wú)意義的重復(fù)勞動(dòng)。

2.制定調(diào)查計(jì)劃

要明確調(diào)查課題、調(diào)查目的、調(diào)查對(duì)象、調(diào)查范圍、調(diào)查手段、調(diào)查步驟、時(shí)間安排。

3.收集材料

收集材料時(shí)要盡可能保持材料的客觀性，盡可能采取多種手段或途徑。

4.整理材料

將收集到的材料進(jìn)行整理，以便后續(xù)總結(jié)歸納、形成結(jié)論。

5.總結(jié)研究

對(duì)整理完的材料進(jìn)行分析、總結(jié)、歸納，得出一般性的結(jié)論。

（三）特點(diǎn)

調(diào)查法相對(duì)其他研究方法來(lái)說(shuō)較為耗時(shí)耗力，但也有其優(yōu)勢(shì)，即獲得的一手資料信息真實(shí)具體，能夠?qū)ρ芯繉?duì)象有更加準(zhǔn)確、清晰的認(rèn)識(shí)。

（2）觀察法

觀察法是指人們有目的、有計(jì)劃地通過(guò)感官和輔助儀器，對(duì)處于自然狀態(tài)下的客觀事物進(jìn)行系統(tǒng)考察，從而獲取經(jīng)驗(yàn)事實(shí)的一種科學(xué)研究方法。

（一）典型例子

皮亞杰的兒童認(rèn)知發(fā)展理論就是通過(guò)觀察法提煉總結(jié)出來(lái)的；兒童心理學(xué)創(chuàng)始人——普萊爾，也是在一次次地使用觀察法后，提出了兒童心理學(xué)領(lǐng)域中的諸多理論。

（二）研究步驟

1.明確觀察對(duì)象

在選擇和確定研究問(wèn)題的基礎(chǔ)上確定觀察者與觀察對(duì)象。

2.制定觀察計(jì)劃

在觀察計(jì)劃中要規(guī)定明確的觀察目的、重點(diǎn)、范圍以及要搜集的材料。

3.做好觀察準(zhǔn)備

觀察準(zhǔn)備是否充分，往往影響觀察的成敗。

4.做好記錄

在觀察過(guò)程中要時(shí)時(shí)記錄，不放掉任何一個(gè)關(guān)鍵信息。

（三）特點(diǎn)

觀察法具有拓展人們的感性知識(shí)、啟發(fā)思想等優(yōu)點(diǎn)，但是由于其強(qiáng)調(diào)研究要在自然環(huán)境下進(jìn)行，且不允許摻雜個(gè)人的偏見(jiàn)，確為實(shí)際操作帶來(lái)了一定困難。

（3）實(shí)驗(yàn)法

實(shí)驗(yàn)法是指經(jīng)過(guò)精心設(shè)計(jì)，在高度控制的條件下，通過(guò)操縱某些因素，從而發(fā)現(xiàn)變量間因果關(guān)系以驗(yàn)證預(yù)定假設(shè)的研究方法。核心在于對(duì)所要研究的對(duì)象在條件方面加以適當(dāng)?shù)目刂疲懦匀粻顟B(tài)下無(wú)關(guān)因素的干擾。

（一）典型例子

采取實(shí)驗(yàn)法的一個(gè)典例是羅森塔爾效應(yīng)的提出，美國(guó)心理學(xué)家羅森塔爾和L.雅各布森通過(guò)對(duì)小學(xué)生進(jìn)行“未來(lái)