手持移動設備軟件界面交互設計分析

摘 要：本文主要簡單的分析了手持移動設備展示中界面交互設計的概念，對設計前需要做的準備進行分析，根據(jù)調查和研究用戶的需求來設計出具有市場價值的界面交互設計，以保障移動多媒體設備的質量，使其更具吸引力。據(jù)此，有利于提高移動多媒體展示中界面交互設計的水平，充分利用計算機信息技術，以為人們提供更為優(yōu)質的服務。

關鍵詞：手持移動設備;界面;交互設計;研究

軟件界面是人與手持移動設備之間的信息交流界面，軟件界面的設計直接影響用戶在使用和操作手持移動設備系統(tǒng)時的可用性、便捷性和舒適性。在人與手持移動設備之間的信息交流界面中，人應始終體現(xiàn)主體地位。在軟件界面中主要包括用戶界面視覺設計、操作流程設計、以及操作反饋設計。

一、視覺結構設計

創(chuàng)建成體系的視覺方案會為設計師節(jié)省大量的時間，并能夠保持界面的一致性。通過視覺結構所創(chuàng)建的視覺路徑有助于用戶在界面中自由使用和操作。沒有清晰的視覺結構，設計師所設計的界面會使用戶難以理解并可能引發(fā)錯誤操作。下面我們將討論以下幾種構建視覺結構的方式。

（一）分組

1.將界面中的視覺元素進行分組，不僅可以幫助用戶理解和使用界面，也有助于降低界面的復雜性。

2.分組通過視覺元素的靠近來體現(xiàn)，可以在設計中通過對齊、對比等視覺手段體現(xiàn)分組。

（二）分層

1.分層的目的是引導用戶以正確的方式和順序使用界面，設計師應首先明確最明顯和最主要的視覺元素或者分組。

2.用位置來分層。一般來說手持移動設備中界面上方的視覺元素比界面下方的視覺元素突出。

3.比例的大小是建立分層的一種方式。比例大的視覺元素比小的視覺元素更能吸引用戶注意，在同一個視覺分組內也可以通過比例大小進行視覺分組。

（三）對齊

設計師在設計對齊方式時要避免無序的對齊方式。在一個界面中設計一種視覺元素的對齊方式，同一個應用中的不同界面也要保持一致的對齊方式。這種方式能夠讓設計更易于理解，同時有利于提升界面的整體性設計。

二、圖標設計

圖標指手持移動設備界面中表示命令程序的符號。具有風格統(tǒng)一，整體性強，圖標設計應該有焦點， 圖標要保持簡潔， 使圖標顯得有趣，富含娛樂性， 主題文化內涵蘊含其中的

特點。

三、字體設計

（一）字體顏色

1.在界面中進行字體設計最重要的就是色彩的對比，選擇比背景顏色深或者淺的顏色來設計字體以達到良好的顯示狀態(tài)。

2.選擇簡單的界面背景顏色來襯托字體顏色，過于復雜的界面背景顏色會干擾字體顏色的顯示。

3.在字體上使用陰影顏色，加入陰影顏色可以拉開字體和背景之間的對比。可以選擇比背景顏色深或者淺的顏色表示字體底部突出的邊緣，加強背景紋理的印象。

（二）字體選擇

1.字體的選擇設計首先要與該界面的界面特點保持一致。

2.在9px以字體選擇時，抗鋸齒字體會變得模糊，這時通常會選擇像素字體。

3.如果采用過多的字體，會增加視覺干擾。

（三）字體大小

1.字體大小的單位是point。在手持移動設備界面中，字體的大小是根據(jù)界面中元素的類型來預選的。

2.大標題之下的文字應該比當前字體至少大1號，并且在所有元素之間需要更多的留白，即行間距。

3.設計師應盡量確保文字的易讀性。

4.字體大小的設計是一個統(tǒng)一的整體，如果改變某一處的大小，意味著可能需要調整界面中其它地方字體的大小。

（四）字體粗細

字體的另一變數(shù)就是粗細。在標題的字體中經常使用，它可以將用戶吸引到標題上。與下面的文字相比，標題顯得“更重”。

四、色彩設計

（一）界面和圖標的色彩設計

色彩是界面視覺傳達中最具表現(xiàn)力的因素之一。用戶在操作界面時，最先看到界面和圖形的色彩。色相、明度、純度是色彩的三要素，色彩的對比是其核心內容。在手持移動設備界面交互設計中，要求色彩在“簡”不在“繁”。隨著時代的變化，用戶對色彩的偏好也在不斷地變化。如今，手持移動設備界面更加趨向簡潔醒目，用色簡單反而容易給用戶留下較深的印象。對手持移動設備界面進行色彩設計時，色彩不宜過多，必須統(tǒng)一于整體之中，確定一種顏色為主色調，一般以淺色居多，有利于體現(xiàn)界面主題;主色調要與文字和圖標的顏色產生對比，圖標多選擇深顏色，形成既有對比又相互協(xié)調的色彩體系。

（二）對比色設計

1.導航欄中使用對比色。設計師在設計時會使用對比色讓導航欄的顏色有別于背景顏色。

2.列表標題中使用對比色。列表標題是用于區(qū)分相關條目的，它的作用是指導，而不是主要焦點，因此要考慮采用對比度相對較低的顏色。

3.段落控件中使用對比色。段落控件色彩對比度設計目的是為了區(qū)分不同的段落。因此，足夠的對比能夠更好的區(qū)分不同的段落。其次，界面生成器也會使控件的色彩有所改變。

4.按鈕中使用對比色。顏色可以強調界面中的主要動作，按鈕色彩的設計應與背景顏色產生對比，如果和背景顏色相同或相似，用戶很難察覺到。因此，設計師一定要確保按鈕設計的顏色不會與界面顏色相沖突。例如，在電話中，綠色用來表示撥通電話，紅色用來表示掛斷電話。

5.視覺元素分類時使用對比色。顏色是將界面內容分類的有效手段，在用顏色進行分類時，要處理好顏色所傳達的含義。

參考文獻：

[1]黃榮懷，鄭蘭琴.隱性知識及其相關研究[J].開放教育研究，2004，10（6）.

[2]Dawn G.Blasko. only the tip of the iceberg：who understands what about metaPhor？ [J].Joumal of Pragrnaties，1999，31.

[3]Faueonnier G. Mental Spaces [M].Cambridge： Cambridge University Press， 1994.

作者簡介：孫奕穎（1980–），女，河南開封人，助理講師，研究生，研究方向：視覺影像設計。