移動互聯網產品界面的視覺設計探析

嚴甜甜　（鄭州輕工業學院　450000）

?

移動互聯網產品界面的視覺設計探析

嚴甜甜（鄭州輕工業學院450000）

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

關鍵詞：移動互聯網；產品界面；視覺設計

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

移動互聯網產品的界面作為用戶體驗的最直接內容，是產品設計理念和使用功能的重要體現，界面視覺設計是移動互聯網產品設計中應關注的核心問題之一。

一、界面視覺設計的美學

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

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

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

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

三、移動互聯網軟件產品界面視覺設計的要點

1.視覺設計風格要與產品內容統一

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

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

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

3.明確界面的視覺層級關系

產品界面設計需要通過視覺的形式區分不同的信息內容以及主次模塊，與此同時還需要保證同類信息與操作在視覺上的一致性。可以采取區域劃分、間隔劃分、色彩劃分、形態符號劃分、頁面層級劃分等方法，區分信息的同時也揭示視覺信息間的內在聯系，幫助用戶理解、記憶，使用戶在使用應用時能直觀了解到界面的層次、快速尋找到所需要的信息。

4.遵循不同移動系統平臺布局特點

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

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

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

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

參考文獻：

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

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

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