軟件UI界面設(shè)計(jì)課程實(shí)踐探討

陳翠琴

【摘要】隨著軟件技術(shù)的發(fā)展，用戶(hù)對(duì)軟件系統(tǒng)的要求越來(lái)越高，尤其是在用戶(hù)使用體驗(yàn)方面，這樣就對(duì)軟件UI界面設(shè)計(jì)提出了更高的要求。本文主要是探討軟件界面UI的設(shè)計(jì)布局、原則、及規(guī)劃。

【關(guān)鍵詞】軟件界面UI 設(shè)計(jì)原則 設(shè)計(jì)規(guī)劃

【中圖分類(lèi)號(hào)】G71 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2016）03-0224-01

1.引言

UI設(shè)計(jì)在當(dāng)今時(shí)代已經(jīng)不是一個(gè)陌生的詞匯，UI即User Interface（用戶(hù)界面）的簡(jiǎn)稱(chēng)，是人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。

UI設(shè)計(jì)包括用戶(hù)研究、交互設(shè)計(jì)、界面設(shè)計(jì)三個(gè)部分組成。隨著軟件技術(shù)的不斷發(fā)展與普及，軟件UI界面設(shè)計(jì)的技術(shù)也在不斷的進(jìn)步，設(shè)計(jì)的理念也在不斷的更新，軟件UI界面設(shè)計(jì)不再是單純的視覺(jué)設(shè)計(jì)，而是將視覺(jué)設(shè)計(jì)與人的行為習(xí)慣、生活方式、心理體驗(yàn)等結(jié)合在一起的設(shè)計(jì)，基于用戶(hù)體驗(yàn)的軟件UI界面設(shè)計(jì)是當(dāng)前這么課程的主流研究方向。

2.軟件界面設(shè)計(jì)課程實(shí)踐

2.1軟件界面設(shè)計(jì)的布局

視覺(jué)流程的形成是由人類(lèi)的視覺(jué)特性所決定的。心理學(xué)的研究表明，在一個(gè)平面上，上半部讓人輕松和自在，下半部則讓人穩(wěn)定和壓抑。同樣的，平面的左半部讓人輕松和自在，右半部讓人穩(wěn)定和壓抑。所有在平面的視覺(jué)影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱(chēng)為“最佳視域”，也就是最優(yōu)選的地方。

在軟件UI界面設(shè)計(jì)中，視覺(jué)導(dǎo)向是一個(gè)要點(diǎn)，UI界面的設(shè)計(jì)需滿足用戶(hù)體驗(yàn)需求。首先要立足信息的表達(dá)，但又要符合人們較為普遍的思維習(xí)慣，做到視覺(jué)流程自然、合理、暢快。成功的視覺(jué)流程安排，能使軟件UI界面上各種信息要素在一定空間內(nèi)合理分布，能使界面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。

2.2軟件界面設(shè)計(jì)的原則

（一）一致性原則

界面設(shè)計(jì)保持高度一致性，用戶(hù)不必進(jìn)行過(guò)多的學(xué)習(xí)就可以掌握其共性；還可以把局部的知識(shí)和經(jīng)驗(yàn)推廣使用到其他場(chǎng)合。人機(jī)界面設(shè)計(jì)的一致性要求對(duì)構(gòu)成易學(xué)易用是極為重要的。

（二）合理利用空間，保持界面的簡(jiǎn)潔

簡(jiǎn)單易用就是好。不要將界面設(shè)計(jì)的過(guò)于復(fù)雜，那樣會(huì)影響程序的快捷使用，人為降低了程序的運(yùn)行效率。界面設(shè)計(jì)最重要的就是遵循美學(xué)上的原則——簡(jiǎn)潔與明了。

（三）從用戶(hù)的體驗(yàn)角度考慮

一個(gè)軟件界面是用來(lái)方便用戶(hù)與軟件的交互的，因此，要從用戶(hù)的角度去考慮和設(shè)計(jì)軟件界面，想他們所想，做他們所做，并且界面中要使用能反應(yīng)用戶(hù)本身的語(yǔ)言，而不是設(shè)計(jì)者的語(yǔ)言以及使用習(xí)慣。

（四）記憶負(fù)擔(dān)最小化

人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類(lèi)大腦處理信息的限度。人類(lèi)的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25%的遺忘率。，以對(duì)用戶(hù)來(lái)說(shuō)，瀏覽信息要比記憶更容易。一個(gè)畫(huà)面的信息量不可過(guò)于復(fù)雜和龐大。

2.3軟件界面的規(guī)劃

2.3.1 登陸界面的規(guī)劃

應(yīng)用軟件的登陸窗口一般只有輸入用戶(hù)名、密碼的內(nèi)容，所以不宜過(guò)大，大小大概為屏幕的1/4，太大給人一種畫(huà)面太空曠的感覺(jué)，太小則給人以擁擠的感覺(jué)。位置為居中。這樣讓用戶(hù)把注意力自然的集中到窗口上，且符合一般用戶(hù)的使用習(xí)慣。

2.3.2 應(yīng)用界面的規(guī)劃

（一）菜單的規(guī)劃

①菜單是界面設(shè)計(jì)中的重要組成部份，“簡(jiǎn)單、直觀、一致、有效”是菜單設(shè)計(jì)的原則。

②菜單組織

（1）菜單的形式有下列幾種：下拉式菜單，線狀序列菜單，樹(shù)狀結(jié)構(gòu)菜單，選項(xiàng)式菜單，彈出式菜單。

（2）菜單可以是文字式，圖標(biāo)式或圖標(biāo)文字混合式。

3.菜單位置細(xì)則

（1）菜單通常采用“常用-主要-次要-工具-幫助”的位置排列，符合流行的Windows風(fēng)格。

（2）沒(méi)有順序要求的菜單項(xiàng)按使用頻率和重要性排列，常用的菜單排列在前面，不常用的靠后放置；重要的放在開(kāi)頭，次要的放在后邊。

（一）按鈕的規(guī)劃

①按鈕的字體和大小

按鈕的字體在應(yīng)用軟件中多用宋體，但是具體情況應(yīng)該根據(jù)該軟件界面的整體風(fēng)格來(lái)定。

②按鈕的顏色

按鈕的顏色最好與整個(gè)界面的主色調(diào)統(tǒng)一。按鈕的顏色不宜用和界面主色調(diào)不一致的色彩。

（二）文字的規(guī)劃

軟件文字的字號(hào)一般為宋體，大小為5號(hào)。宋體顯得比較嚴(yán)肅認(rèn)真，讓用戶(hù)在心理上覺(jué)得可靠，這對(duì)應(yīng)用軟件來(lái)說(shuō)非常重要。

（三）圖案的規(guī)劃

圖案的規(guī)劃是界面設(shè)計(jì)的重點(diǎn)，也是最難的地方。它實(shí)質(zhì)上是對(duì)軟件產(chǎn)品進(jìn)行藝術(shù)包裝。在這個(gè)階段，設(shè)計(jì)人員需要充分發(fā)揮自身的藝術(shù)設(shè)計(jì)能力。

（四）圖標(biāo)的規(guī)劃

圖標(biāo)是每個(gè)軟件界面中必不可少的一部分。它的比例雖小，但是卻一點(diǎn)馬虎不得，一個(gè)優(yōu)秀的軟件界面，小小的圖標(biāo)，往往能起到畫(huà)龍點(diǎn)睛的作用，成為一個(gè)亮點(diǎn)。

4.結(jié)束語(yǔ)

軟件UI界面設(shè)計(jì)課程比較難開(kāi)設(shè)，對(duì)軟件專(zhuān)業(yè)的學(xué)生是非常重要的課程，本文結(jié)合課程實(shí)踐提出了軟件界面設(shè)計(jì)的原則和規(guī)劃方法，需要在課程教學(xué)過(guò)程中不斷落實(shí)到項(xiàng)目實(shí)踐中，才能設(shè)計(jì)出符合用戶(hù)體驗(yàn)的軟件交互界面，設(shè)計(jì)的作品才能符合人們的心理需求，溝通人們的感情和思想。

參考文獻(xiàn)：

[1]陳瑋.用戶(hù)界面設(shè)計(jì)的現(xiàn)狀及對(duì)策[J].今日南國(guó)，2010（06）.

[2]張健姿.圖形用戶(hù)界面設(shè)計(jì)[J].2001（9）.