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

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

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

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

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

（一）分組

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

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

（二）分層

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

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

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

（三）對齊

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

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

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

特點(diǎn)。

三、字體設(shè)計(jì)

（一）字體顏色

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

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

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

（二）字體選擇

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

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

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

（三）字體大小

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

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

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

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

（四）字體粗細(xì)

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

四、色彩設(shè)計(jì)

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

[1]黃榮懷，鄭蘭琴.隱性知識(shí)及其相關(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è)計(jì)。