朱 悅

（安徽開(kāi)放大學(xué)，安徽 合肥 230022）

1 數(shù)字圖形界面

數(shù)字圖形界面，即圖形界面或圖形用戶界面，是指以圖形方式顯示的計(jì)算機(jī)操作環(huán)境用戶界面。與早期計(jì)算機(jī)使用的命令行界面相比，圖形界面更易于用戶使用。圖形用戶界面的廣泛應(yīng)用是當(dāng)今計(jì)算機(jī)發(fā)展的重大成就之一。它給對(duì)計(jì)算機(jī)知識(shí)不能深入了解的用戶提供了極大的便利，他們不再需要記住大量的命令，而是通過(guò)窗口、菜單、按鍵等方便地操作。數(shù)字圖形界面廣泛應(yīng)用于移動(dòng)通信產(chǎn)品、車(chē)載系統(tǒng)產(chǎn)品、游戲產(chǎn)品和計(jì)算機(jī)軟件操作平臺(tái)等領(lǐng)域，并同樣適用于多媒體教學(xué)中。數(shù)字圖形界面的使用，對(duì)于老師和學(xué)生來(lái)說(shuō)都有著極大的便利。

2 數(shù)字圖形界面視覺(jué)設(shè)計(jì)概述

數(shù)字圖形界面的視覺(jué)設(shè)計(jì)，實(shí)際就是交互設(shè)計(jì)和界面設(shè)計(jì)的結(jié)合，交互設(shè)計(jì)負(fù)責(zé)對(duì)界面的視覺(jué)處理，從學(xué)習(xí)者體驗(yàn)的角度來(lái)設(shè)計(jì)界面，以達(dá)到讓他們更加方便和立體地使用學(xué)習(xí)資源的效果，而界面設(shè)計(jì)師更像是幕后工作者，負(fù)責(zé)這些外在與內(nèi)在功能的開(kāi)發(fā)與調(diào)試。現(xiàn)在來(lái)說(shuō)，兩者并無(wú)明顯的差異，并逐漸交織在一起，數(shù)字圖形的交互設(shè)計(jì)與界面設(shè)計(jì)逐步成為一體式的工作。

基于這些，在微課的數(shù)字圖形界面的視覺(jué)設(shè)計(jì)中，我們可以遵循一些比較科學(xué)而又系統(tǒng)化的原則和設(shè)計(jì)思路，不斷吸取過(guò)去的經(jīng)驗(yàn)，并在此基礎(chǔ)上創(chuàng)新和深化。

2.1 設(shè)計(jì)原則

2.1.1 一致性原則

一致性原則要求老師們?cè)诮缑嬖O(shè)計(jì)的過(guò)程中，應(yīng)統(tǒng)一各個(gè)設(shè)計(jì)過(guò)程中概念模式、設(shè)計(jì)命令、顯示方式等規(guī)則，讓它們成為不同設(shè)計(jì)過(guò)程中的統(tǒng)一標(biāo)準(zhǔn)，以避免發(fā)生矛盾和沖突的狀況。比如，在界面的提示、主界面和幫助中使用相一致的術(shù)語(yǔ)；在不同的多媒體資源的制作中應(yīng)該使用相似的設(shè)計(jì)外觀、布局、界面信息顯示的方式等。同時(shí)，對(duì)界面的設(shè)計(jì)應(yīng)同時(shí)滿足從簡(jiǎn)性、便捷性與一致性，讓學(xué)生能夠十分容易地熟悉老師所使用的課程界面，盡快進(jìn)入到課堂節(jié)奏中。微課資源中交互界面設(shè)計(jì)的一致性，是數(shù)字圖形界面視覺(jué)設(shè)計(jì)中最為重要的一點(diǎn)原則。

2.1.2 適當(dāng)提供信息反饋

交互設(shè)計(jì)過(guò)程中，適當(dāng)?shù)靥峁┬畔⒎答佉彩鞘直匾模@種信息反饋是指多媒體資源的使用者從這些資源的應(yīng)用中所得到的接下來(lái)的操作信息，以提示他們對(duì)課程資源的進(jìn)一步使用。如果沒(méi)有這種系統(tǒng)的反應(yīng)，學(xué)生就沒(méi)有辦法判斷他的操作和思路是否是正確，是否是老師所要傳達(dá)的內(nèi)容，或是這樣操作的效果是怎樣的。在數(shù)字圖形的視覺(jué)設(shè)計(jì)中，這種反饋可以是各種經(jīng)過(guò)藝術(shù)加工的文本和圖形。

2.1.3 對(duì)界面空間合理應(yīng)用

數(shù)字圖形界面的布局設(shè)計(jì)應(yīng)是簡(jiǎn)潔明了，且各區(qū)域有明確的分工的。因此，在界面的視覺(jué)設(shè)計(jì)中，操作空間應(yīng)該形成一種簡(jiǎn)潔明了的布局。這不僅是視覺(jué)的美學(xué)原理的需要，更是人性化的微課教學(xué)的需要。

2.2 設(shè)計(jì)步驟

（1）對(duì)學(xué)生需求的調(diào)研、需求制定、界面原型初步建立。

（2）任務(wù)分析。根據(jù)所要安排的教學(xué)任務(wù)任務(wù)的復(fù)雜程度和難度對(duì)任務(wù)動(dòng)作進(jìn)行詳細(xì)分解，合理分工，確定適合學(xué)生的多媒體教學(xué)方式。

（3）環(huán)境分析。確定微課的進(jìn)行所需要的硬件軟件等操作環(huán)境，為學(xué)生提供各種文檔需求等。

（4）根據(jù)學(xué)生教學(xué)的特點(diǎn)確定界面。根據(jù)系統(tǒng)任務(wù)、使用環(huán)境等因素，確定適當(dāng)?shù)慕涌陬?lèi)型。

（5）屏幕顯示和布局設(shè)計(jì)。確定屏幕顯示信息的內(nèi)容和界面顯示順序，進(jìn)而設(shè)計(jì)屏幕的總體布局和顯示結(jié)構(gòu)。

（6）藝術(shù)設(shè)計(jì)的改進(jìn)。包括為了吸引學(xué)生的注意力而加強(qiáng)展示的設(shè)計(jì)，如動(dòng)作、改變形狀、大小、顏色、亮度、環(huán)境和其他特征（如增加線條、邊框、前景和背景設(shè)計(jì)等），還包括增加亮點(diǎn)的創(chuàng)新設(shè)計(jì)，或多媒體手段的應(yīng)用等。

（7）幫助和錯(cuò)誤信息設(shè)計(jì)，確定和整理幫助信息和錯(cuò)誤信息的內(nèi)容，組織查詢方式，設(shè)計(jì)錯(cuò)誤信息和幫助信息的顯示格式。

（8）經(jīng)過(guò)初步的微課程的需求分析，為學(xué)生量身定制一個(gè)生多有趣、簡(jiǎn)潔方便的數(shù)字圖形界面，并允許學(xué)生們對(duì)微課的質(zhì)量進(jìn)行評(píng)估并提出改進(jìn)建議，以此進(jìn)一步完善數(shù)字圖形界面的設(shè)計(jì)。

（9）綜合測(cè)試評(píng)估。綜合測(cè)試評(píng)估中的重點(diǎn)任務(wù)是通過(guò)各種類(lèi)型的測(cè)試評(píng)估，使微課中各種數(shù)字圖形的設(shè)計(jì)達(dá)到預(yù)定的要求。它可以采用測(cè)試、學(xué)生反饋等多種方法對(duì)多媒體界面的功能、可靠性、效率、美觀性等諸多因素進(jìn)行評(píng)估，以獲得學(xué)生對(duì)界面的滿意度，這樣會(huì)便于第一時(shí)間發(fā)現(xiàn)錯(cuò)誤或不滿意之處，從而改進(jìn)和完善制度。

（10）維護(hù)階段。維護(hù)階段的重點(diǎn)任務(wù)是通過(guò)各種必要的維護(hù)活動(dòng)，微課的后臺(tái)資源能夠持續(xù)地滿足學(xué)生地需求。

3 數(shù)字圖形界面視覺(jué)化設(shè)計(jì)的主要視覺(jué)要素分析

3.1 文字要素

在說(shuō)明性的材料中，文字是不可或缺的一部分。在數(shù)字圖形界面的視覺(jué)設(shè)計(jì)中，文字作為一大視覺(jué)要素，主要有兩種功能，一是指引與說(shuō)明，二是充當(dāng)圖形。

作為指引與說(shuō)明的要素，文字的魅力是色彩和圖形都不能匹敵的。文字能夠非?？陀^且直接地向用戶傳達(dá)所需表達(dá)的信息。例如，在界面的操作中會(huì)有十分多的指令如確認(rèn)、取消、復(fù)制、粘貼、剪切、翻頁(yè)、開(kāi)機(jī)、關(guān)機(jī)等，用戶通過(guò)這些明確的指令對(duì)系統(tǒng)進(jìn)行操作，極大減少了錯(cuò)誤的可能。另外，文字作為語(yǔ)言的載體，既能夠形式性，又能夠十分嚴(yán)肅，還不乏藝術(shù)性。比如，在進(jìn)行操作的說(shuō)明時(shí)，文字的展現(xiàn)是嚴(yán)謹(jǐn)而又嚴(yán)肅的，這時(shí)候文字以真實(shí)客觀為主要標(biāo)準(zhǔn)，負(fù)責(zé)正確地指引用戶完成對(duì)界面的操作。在完成指令時(shí)，界面顯示地簡(jiǎn)明扼要的執(zhí)行文字又富于形式性。而當(dāng)文字中承載著其他的內(nèi)容，如故事的描述、界面與人的互動(dòng)等中，文字的使用又能夠展現(xiàn)它優(yōu)美的一面，可以采用華麗的辭藻，優(yōu)美的詞句，或是俏皮的語(yǔ)調(diào)，讓文字跳脫屏幕之外。

當(dāng)文字充當(dāng)圖形的功能時(shí)，文字的張力便展現(xiàn)出來(lái)了。文字本事由象形的圖畫(huà)演變而來(lái)，若加以藝術(shù)的處理，如文字的字體、顏色、大小的改變，以及與圖像的融合等，文字就變得生動(dòng)了起來(lái)。

3.2 色彩要素

世界因色彩而生動(dòng)，數(shù)字圖形的是界面設(shè)計(jì)也是如此，合理的運(yùn)用色彩，能給用戶帶來(lái)視覺(jué)上和心理上的沖擊。色彩能給人帶來(lái)溫度、重量、質(zhì)感、方位等不同層次的感覺(jué)。以色彩的冷暖為例，冷暖的感覺(jué)是由視覺(jué)色彩所導(dǎo)致的人們對(duì)溫度的心理感知，人們?cè)诳吹郊t色、橙色、紫紅色等偏明亮一點(diǎn)的顏色后，比較容易聯(lián)想到太陽(yáng)、血液等充滿溫度的物體，從而產(chǎn)生了溫暖的或是斗志昂揚(yáng)而熱血沸騰的感覺(jué)。而在人們看到藍(lán)色、暗綠色、紫色等偏暗一點(diǎn)的顏色時(shí)，容易聯(lián)想到黑夜、海洋、冰川等，會(huì)產(chǎn)生昏暗、恐懼、寒冷的感覺(jué)。然而。這種顏色帶來(lái)的感覺(jué)并不是絕對(duì)的，比如在同樣表現(xiàn)天空中的云霞時(shí)，早霞的描繪中用瑰紅能夠形象地表現(xiàn)出清晨清爽的感覺(jué)，晚霞的描繪中采用大紅色來(lái)表現(xiàn)夕陽(yáng)西下的那種強(qiáng)烈的暖感。然而這兩種描繪與橙色一對(duì)比，就顯得格外的凄冷了。所以，色彩的表現(xiàn)力并不能由特定的色相決定，適當(dāng)?shù)膶?duì)比也能帶來(lái)不同的感覺(jué)。在數(shù)字界面的設(shè)計(jì)中，合理地運(yùn)用色彩，便能給用戶帶來(lái)不同的感覺(jué)。

3.3 圖形要素

圖形是有外在輪廓的，由線條所構(gòu)成的矢量圖，包括直線、曲線、圓、方形等。圖形的表現(xiàn)大多與前面提到的文字和色彩結(jié)合。圖形與文字形成文本框，能使文字顯示更加整齊和有序；圖形與文字融合，會(huì)使文字的表達(dá)更加生動(dòng)、躍然紙上。圖形與色彩結(jié)合，能形成五顏六色的圖像，為界面的設(shè)計(jì)與創(chuàng)作提供豐富的素材。同時(shí)，圖形也有單獨(dú)使用的情況，比如圖標(biāo)的使用，以及起界面的分割作用等。

如何將文字、圖形、色彩三大要素有機(jī)融合，是設(shè)計(jì)出好的數(shù)字圖形界面的關(guān)鍵。因此。數(shù)字圖形界面設(shè)計(jì)師們不僅要掌握程序設(shè)計(jì)的核心技術(shù)，更要提高自己藝術(shù)創(chuàng)作的能力，這意味著對(duì)自己更高的要求。

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

圖形的視覺(jué)交互作為一門(mén)還在發(fā)展中的新興學(xué)科，許多研究仍然集中在圖形用戶界面技術(shù)上。在數(shù)字的圖形的視覺(jué)設(shè)計(jì)藝術(shù)水平的理論研究和結(jié)合實(shí)踐的實(shí)驗(yàn)探索方面還存在不足。目前，數(shù)字圖形的界面設(shè)計(jì)在微課教學(xué)中也得到了應(yīng)用，多媒體教學(xué)資源的將原本由老師一人主導(dǎo)的課堂演變?yōu)榱藢W(xué)生和老師平等對(duì)話，甚至是學(xué)生自主進(jìn)行的課堂，而數(shù)字圖形界面的視覺(jué)設(shè)計(jì)則將這些教學(xué)資源設(shè)計(jì)得更加精細(xì)化和人性化。這種改變是顛覆性的，但并不意味著學(xué)生得需求完全得到了滿足。為了更好地完善微課教學(xué)中數(shù)字圖形界面得視覺(jué)設(shè)計(jì)，老師們應(yīng)更多地從學(xué)生的角度出發(fā)，多吸收他們的反饋，與學(xué)生們碰撞出絢爛的火花。