手持移動設(shè)備軟件界面交互設(shè)計分析

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

關(guān)鍵詞：手持移動設(shè)備;界面;交互設(shè)計;研究

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

一、視覺結(jié)構(gòu)設(shè)計

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

（一）分組

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

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

（二）分層

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

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

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

（三）對齊

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

二、圖標(biāo)設(shè)計

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

特點。

三、字體設(shè)計

（一）字體顏色

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

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

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

（二）字體選擇

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

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

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

（三）字體大小

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

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

3.設(shè)計師應(yīng)盡量確保文字的易讀性。

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

（四）字體粗細(xì)

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

四、色彩設(shè)計

（一）界面和圖標(biāo)的色彩設(shè)計

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

（二）對比色設(shè)計

1.導(dǎo)航欄中使用對比色。設(shè)計師在設(shè)計時會使用對比色讓導(dǎo)航欄的顏色有別于背景顏色。

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

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

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

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

參考文獻：

[1]黃榮懷，鄭蘭琴.隱性知識及其相關(guān)研究[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–），女，河南開封人，助理講師，研究生，研究方向：視覺影像設(shè)計。