移動互聯(lián)網(wǎng)產(chǎn)品界面的視覺設計探析

嚴甜甜　（鄭州輕工業(yè)學院　450000）

?

移動互聯(lián)網(wǎng)產(chǎn)品界面的視覺設計探析

嚴甜甜（鄭州輕工業(yè)學院450000）

摘要：移動互聯(lián)網(wǎng)產(chǎn)品界面的視覺設計是一門跨專業(yè)的綜合學科，它包含了諸如美學、心理學、人體工程學、計算機科學、社會學等多學科內(nèi)容。界面設計始終貫穿于用戶需求研究、新產(chǎn)品投放市場、產(chǎn)品周期化迭代的整個過程。本文分析了移動互聯(lián)網(wǎng)產(chǎn)品產(chǎn)生的時代背景及界面視覺設計的重要性，從美學和用戶體驗的角度探討了應然的界面設計，最后總結(jié)了移動互聯(lián)網(wǎng)軟件產(chǎn)品界面視覺設計的要點。

關(guān)鍵詞：移動互聯(lián)網(wǎng)；產(chǎn)品界面；視覺設計

移動通信技術(shù)和互聯(lián)網(wǎng)技術(shù)成為當下科技領(lǐng)域中發(fā)展最為迅猛的兩大信息產(chǎn)業(yè)。在這樣一個科技背景下，移動互聯(lián)網(wǎng)兼具移動通信的便攜性和互聯(lián)網(wǎng)的即時快捷性，為廣大用戶提供了更為高效便捷的信息交互平臺；移動互聯(lián)網(wǎng)產(chǎn)品在智能手機上的應用，深刻影響著人們衣食住行的各個方面。

移動互聯(lián)網(wǎng)產(chǎn)品的界面作為用戶體驗的最直接內(nèi)容，是產(chǎn)品設計理念和使用功能的重要體現(xiàn)，界面視覺設計是移動互聯(lián)網(wǎng)產(chǎn)品設計中應關(guān)注的核心問題之一。

一、界面視覺設計的美學

用戶對應用界面視覺美的體驗是多維度而全方位的，正如約翰·杜威（John Dewey）將審美視作一種整體性、完整性和豐富性的體驗過程。移動互聯(lián)網(wǎng)應用的界面設計美學就是設計人與界面的關(guān)系，界面視覺設計要滿足用戶需求，要選擇有效的被受眾理解和快速被受眾接受的表達方式，喚起用戶情感體驗和自我認同的作用。

審美活動是感性的，因此審美過程具有從感官刺激到精神升華的過程。界面視覺的美感體驗與用戶對產(chǎn)品的認知過程是分不開的，移動互聯(lián)網(wǎng)應用界面的視覺審美過程，主要表現(xiàn)為愉悅的感官體驗、流暢的操作體驗、使用時的樂趣以及情感的喚起，其中的美包含人與界面的無障礙溝通、用戶需求與界面設計的協(xié)調(diào)、良好的認知及情感化體驗。主要體現(xiàn)在界面的視覺吸引力和趣味性以及遵循用戶對界面視覺的心理預期，使產(chǎn)品界面的視覺效果不僅能夠吸引用戶，還能符合用戶的心理模型、體現(xiàn)人性化的關(guān)懷。

二、用戶體驗與界面視覺設計

用戶需求決定了產(chǎn)品的定位以及產(chǎn)品設計的目的和理念，而界面的視覺設計會直接作用用戶體驗的結(jié)果，因此界面的視覺設計應遵循產(chǎn)品的體驗規(guī)律，以用戶需求為中心來指導設計活動。產(chǎn)品體驗分為感知體驗、理解體驗和情感體驗三個層次，這與馬斯洛關(guān)于人的需求理論是相對應的遞進關(guān)系。感知體驗是用戶使用產(chǎn)品界面的直觀感受，對界面的結(jié)構(gòu)、形狀、質(zhì)感、色感、尺寸感等，是對物感特征進行的一種反應；理解體驗是用戶在操作應用時對產(chǎn)品整體的認知理解，滿足用戶對視覺界面的心理預期；情感體驗更多的是產(chǎn)品對人性化關(guān)懷的體現(xiàn)，是用戶在使用過程中所產(chǎn)生的一系列情感因素。情感體驗是用戶體驗的最高環(huán)節(jié)，德國青蛙設計公司（Frog Design）就曾提出形式跟隨情感的設計理念。情感化設計是“設計師在創(chuàng)作產(chǎn)品的過程中通過分析用戶群體的情感，結(jié)合自身的情感體驗，將人內(nèi)心的情感需求和精神需求真正融入到設計中，并使群體用戶能在使用產(chǎn)品的過程中感受到快樂和感動”。

三、移動互聯(lián)網(wǎng)軟件產(chǎn)品界面視覺設計的要點

1.視覺設計風格要與產(chǎn)品內(nèi)容統(tǒng)一

移動互聯(lián)網(wǎng)軟件產(chǎn)品的界面視覺設計風格要同產(chǎn)品內(nèi)容相統(tǒng)一。形式服務于功能，實現(xiàn)產(chǎn)品的使用功能是首先需要考慮的，而界面的視覺設計本身也具有實現(xiàn)交互的使用功能。因此視覺設計不能單純追求形式上的特異，應依據(jù)產(chǎn)品定位和目標用戶的需求，找準視覺風格并確定設計標準，使用戶能夠快速地從視覺上理解產(chǎn)品的理念、功能和操作流程。

2.圖形語言兼具良好的隱喻性與識別性

界面的視覺設是通過視覺符號來傳達信息，隱喻修辭方式在圖形界面設計中能簡化一些操作過程，用戶更易于通過恰當?shù)碾[喻圖形符號迅速的了解圖形視覺元素所表達的含義，促成用戶與產(chǎn)品界面良好的互動。因為界面視覺中隱喻修辭方式的運用是基于用戶群以往生活經(jīng)驗和習慣，可以減少用戶操作時的學習成本、更便于用戶理解和記憶界面圖形符號的含義。

3.明確界面的視覺層級關(guān)系

產(chǎn)品界面設計需要通過視覺的形式區(qū)分不同的信息內(nèi)容以及主次模塊，與此同時還需要保證同類信息與操作在視覺上的一致性?？梢圆扇^(qū)域劃分、間隔劃分、色彩劃分、形態(tài)符號劃分、頁面層級劃分等方法，區(qū)分信息的同時也揭示視覺信息間的內(nèi)在聯(lián)系，幫助用戶理解、記憶，使用戶在使用應用時能直觀了解到界面的層次、快速尋找到所需要的信息。

4.遵循不同移動系統(tǒng)平臺布局特點

移動互聯(lián)網(wǎng)產(chǎn)品的界面設計需要遵循各類系統(tǒng)平臺的特點，比如IOS系統(tǒng)和Android系統(tǒng)是有差異的，不同型號的iPhone界面布局也有所不同，因此設計師要遵循不同移動系統(tǒng)平臺布局特點進行界面視覺設計。

5.以用戶為中心，遵循交互設計原則

目標用戶的群體性差異決定了各類移動互聯(lián)網(wǎng)產(chǎn)品在界面視覺設計上的不同，例如針對老年人的產(chǎn)品界面在視覺設計一定更側(cè)重于無障礙設計的，要避免視覺噪音，在字體大小和設計風格上更加體現(xiàn)對這類群體的人性關(guān)懷；在色彩傾向上，通常年長的用戶群更傾向于選擇保守穩(wěn)重的色調(diào)，而年輕用戶群則喜好更明快的色彩。界面視覺設計時需要考慮的因素包括用戶的年齡段、視覺特點、文化背景、受教育程度、以往的生活經(jīng)驗與習慣、情感偏向等。除此之外還需要遵循交互設計的相關(guān)原則，例如產(chǎn)品的簡單易用性、尊重用戶的心理模型、友好的視覺反饋、一致性（界面的整體視覺風格、色彩、布局和眾視覺元素的一致性）等。

結(jié)語：移動互聯(lián)網(wǎng)產(chǎn)品構(gòu)架了一個信息雙向互動的傳播模式，其界面視覺設計是以用戶為中心，在交互設計的基礎(chǔ)上進行的，在美學、符號學以及心理學的宏觀引導下，通過一定的視覺設計方法與原則對界面的視覺要素與內(nèi)容進行優(yōu)化設計的過程，良好的用戶體驗則是檢驗界面視覺設計的標準。移動互聯(lián)網(wǎng)產(chǎn)品的界面設計是一個系統(tǒng)的設計體系，在工作中更注重與產(chǎn)品經(jīng)理、交互設計師、用戶體驗研究人員、計算機工程師等協(xié)同合作，因此，視覺傳達設計師不可拘泥于視覺表現(xiàn)的技法上，重要的是要補充相關(guān)理論知識，如此才能更好的融入團隊，開展設計工作。

參考文獻：

［1］楊煥.智能手機移動互聯(lián)網(wǎng)應用的界面設計研究［D］.武漢理工大學，2013.

［2］Pieter Desmet， Paul Hekkert.Framework of product experience［J］.International Journal of Design， 2007， 1（1）：57-66.

［3］蔡敏.情感化設計理論在網(wǎng)絡界面設計中的應用研究［D］.武漢理工大學，2010.