交互界面設計方法淺析

劉文華

（南京藝術學院工業設計學院，江蘇 南京 210013）

交互界面設計方法淺析

劉文華

（南京藝術學院工業設計學院，江蘇 南京 210013）

大數據信息時代的到來使電子設備大量融入人們的生活當中，而對電子設備的軟件界面設計水平并沒有跟上其增長的速度，水平參差不齊，并且出現同質化等問題。文章通過對交互界面現存問題歸納總結出三大類，并分別根據筆者經驗提出參考方法。

交互界面設計；視覺設計；方法

人類社會由大工業社會向信息社會發展已成為必然，交互設計正是在此大背景下逐步發展并走向成熟。人們對交互設計相對陌生，但其設計產品已和我們的日常生活密不可分，例如現代人每天都要打交道的Windows操作系統的交互界面設計、神通廣大的手機APP應用設計、銀行取款機的交互設計等。

視覺界面設計需要設計師掌握基本的視覺要素的運用，并且必須了解如何運用這些要素來有效地傳遞行為和信息，創建來自于情感和內心的反應。雖然在視覺表達上總存在有設計師的個人主觀成分，但在產品視覺界面設計中還是應將設計師的個人愛好降低到最小化，一切以良好的用戶體驗和為企業創造效益為主要目標。

視覺界面設計具體體現在三個主要方面，即界面的層次與邏輯關系、版式與網格以及顏色和文字。

一、邏輯關系與層次

從界面設計角度，在設計過程中，要理解產品需要向用戶傳達什么，也要明白用戶認為產品應該傳達什么，這是交互設計中的兩個最關鍵問題。這就需要產品的程序要有邏輯性讓用戶清晰地了解以上兩個問題，而這種邏輯性正是通過視覺界面來表現出來的，使產品具有邏輯性能讓用戶感受到清晰且友好的體驗。而使產品具備邏輯性就需要產品有明確的視覺層次關系，運用科學的視覺規律將元素分組是達到清晰的視覺層次結構的好方法。

首先，要確定的是產品的定位是什么，及產品是為用戶提供什么服務的，這就決定了這類產品的主視覺是什么類型的，例如，若產品是一款為兒童設計的游戲，那么整個界面就可以多一些色彩以及較卡通的文字等元素。但兒童類游戲風格相較活潑并不意味著雜亂無章，要進行合理的視覺元素的分組，使得產品富有邏輯性。在分組中，要將功能類似的按鍵分為一組，并且在用戶行為上連續在一起的按鍵盡量擺放的位置相近，以免造成用戶多余的行為動作。

二、版式與網格

交互界面中網格的建立就好比一棟建筑在建造前期需要搭建的鋼筋結構一樣，網格的設置直接影響著網頁的版式，一個合理的網格能夠清晰、準確的表達網頁中的信息。

網格的建立不但在平面設計上還在交互界面設計上都為設計師在排版中提供很大的便利，并且在完成一款交互產品時會涉及到對多個界面進行統一設計，這時網格就起著大大提高效率的并賦予用戶良好體驗的作用，所以網格已經成為設計師在編排界面時最重要的工具。

三、顏色和文字

顏色的屬性很大程度上影響著界面的主視覺，明快的色彩給人以活潑的感覺，也有較強的顏色傾向，對于使用用戶是普遍大眾的界面，就不太適合使用色彩傾向較明確的顏色，若用戶群體相對較明確，可以針對用戶群體來設定顏色的傾向。

在界面設計中色彩氛圍對用戶的感受、行為起很大的影響作用，色彩氛圍指的是由多個色彩營造出的一種氛圍，多個色彩共同組成的整體色彩氛圍給人以特別感受，一般在一個界面中，需要有一個主要的基本色彩。通常情況下，一個頁面中面積較大色彩的數量不易過多，避免干擾用戶對功能上的理解及使用。

字體作為傳播信息和文化的重要載體，在選擇頁面中起著關鍵性作用，當文字以段落的形式出現時，它在視覺上所呈現出來的是一個灰色的色塊，仔細發現，色塊中黑色的是文字，白色的是文字間以及文字里的白色空隙，當黑色與白色區域在灰色色塊中呈現均勻分布時，視覺上會呈現一種平衡感和穩定感，人們在閱讀文字時會感到舒適。當前網頁中多數使用微軟雅黑等無襯線字體，該字體使白色區域更加均勻，看起來更加規整。

總之，用戶界面設計中涉及到的視覺問題基本涵蓋在以上這三個方面，界面的視覺設計是在界面交互設計的基礎上進行的，是在美學、符號學以及格式塔心理學的宏觀引導下，通過一定的視覺設計方法與原則對界面具體的視覺要素與內容進行設計的過程。與此同時，視覺設計活動還受到用戶目標的影響。

界面設計涉及到實用美學的理論。用戶對應用界面美的體驗是全方位和多維度的，正如約翰·杜威(John Dewey)將審美經驗視作一種整體性、完整性和豐富性的體驗過程。要真正做到合理有效的交互界面設計需要交互界面設計師有著對“美”的敏銳的感受力、觀察力以及豐富的交互設計知識、用戶體驗知識，時刻以帶給用戶良好的體驗為出發點進行設計。

[1]羅仕鑒,朱上上,孫守遷.人機界面設計[M].北京:機械工業出版社, 2002.

[2]唐榮錫,汪嘉業,彭群生,汪國昭.計算機圖形學教程[M].北京:科學出版社,2005.

[3]梁景紅.個性化網頁設計與鑒賞[M].西安:西安電子科技大學出版社,2003.

[4]王堅,董士海,戴國忠.人機交互和多通道用戶界面[M].北京:科學出版社,1999.

[5]張海藩.軟件工程導輪[M].北京:清華大學出版社,2003.

TP391.9

A

1005-5312（2015）08-0077-01