數字圖形界面的視覺設計研究

朱 悅

（安徽開放大學，安徽 合肥 230022）

1 數字圖形界面

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

2 數字圖形界面視覺設計概述

數字圖形界面的視覺設計，實際就是交互設計和界面設計的結合，交互設計負責對界面的視覺處理，從學習者體驗的角度來設計界面，以達到讓他們更加方便和立體地使用學習資源的效果，而界面設計師更像是幕后工作者，負責這些外在與內在功能的開發與調試。現在來說，兩者并無明顯的差異，并逐漸交織在一起，數字圖形的交互設計與界面設計逐步成為一體式的工作。

基于這些，在微課的數字圖形界面的視覺設計中，我們可以遵循一些比較科學而又系統化的原則和設計思路，不斷吸取過去的經驗，并在此基礎上創新和深化。

2.1 設計原則

2.1.1 一致性原則

一致性原則要求老師們在界面設計的過程中，應統一各個設計過程中概念模式、設計命令、顯示方式等規則，讓它們成為不同設計過程中的統一標準，以避免發生矛盾和沖突的狀況。比如，在界面的提示、主界面和幫助中使用相一致的術語；在不同的多媒體資源的制作中應該使用相似的設計外觀、布局、界面信息顯示的方式等。同時，對界面的設計應同時滿足從簡性、便捷性與一致性，讓學生能夠十分容易地熟悉老師所使用的課程界面，盡快進入到課堂節奏中。微課資源中交互界面設計的一致性，是數字圖形界面視覺設計中最為重要的一點原則。

2.1.2 適當提供信息反饋

交互設計過程中，適當地提供信息反饋也是十分必要的，這種信息反饋是指多媒體資源的使用者從這些資源的應用中所得到的接下來的操作信息，以提示他們對課程資源的進一步使用。如果沒有這種系統的反應，學生就沒有辦法判斷他的操作和思路是否是正確，是否是老師所要傳達的內容，或是這樣操作的效果是怎樣的。在數字圖形的視覺設計中，這種反饋可以是各種經過藝術加工的文本和圖形。

2.1.3 對界面空間合理應用

數字圖形界面的布局設計應是簡潔明了，且各區域有明確的分工的。因此，在界面的視覺設計中，操作空間應該形成一種簡潔明了的布局。這不僅是視覺的美學原理的需要，更是人性化的微課教學的需要。

2.2 設計步驟

（1）對學生需求的調研、需求制定、界面原型初步建立。

（2）任務分析。根據所要安排的教學任務任務的復雜程度和難度對任務動作進行詳細分解，合理分工，確定適合學生的多媒體教學方式。

（3）環境分析。確定微課的進行所需要的硬件軟件等操作環境，為學生提供各種文檔需求等。

（4）根據學生教學的特點確定界面。根據系統任務、使用環境等因素，確定適當的接口類型。

（5）屏幕顯示和布局設計。確定屏幕顯示信息的內容和界面顯示順序，進而設計屏幕的總體布局和顯示結構。

（6）藝術設計的改進。包括為了吸引學生的注意力而加強展示的設計，如動作、改變形狀、大小、顏色、亮度、環境和其他特征（如增加線條、邊框、前景和背景設計等），還包括增加亮點的創新設計，或多媒體手段的應用等。

（7）幫助和錯誤信息設計，確定和整理幫助信息和錯誤信息的內容，組織查詢方式，設計錯誤信息和幫助信息的顯示格式。

（8）經過初步的微課程的需求分析，為學生量身定制一個生多有趣、簡潔方便的數字圖形界面，并允許學生們對微課的質量進行評估并提出改進建議，以此進一步完善數字圖形界面的設計。

（9）綜合測試評估。綜合測試評估中的重點任務是通過各種類型的測試評估，使微課中各種數字圖形的設計達到預定的要求。它可以采用測試、學生反饋等多種方法對多媒體界面的功能、可靠性、效率、美觀性等諸多因素進行評估，以獲得學生對界面的滿意度，這樣會便于第一時間發現錯誤或不滿意之處，從而改進和完善制度。

（10）維護階段。維護階段的重點任務是通過各種必要的維護活動，微課的后臺資源能夠持續地滿足學生地需求。

3 數字圖形界面視覺化設計的主要視覺要素分析

3.1 文字要素

在說明性的材料中，文字是不可或缺的一部分。在數字圖形界面的視覺設計中，文字作為一大視覺要素，主要有兩種功能，一是指引與說明，二是充當圖形。

作為指引與說明的要素，文字的魅力是色彩和圖形都不能匹敵的。文字能夠非常客觀且直接地向用戶傳達所需表達的信息。例如，在界面的操作中會有十分多的指令如確認、取消、復制、粘貼、剪切、翻頁、開機、關機等，用戶通過這些明確的指令對系統進行操作，極大減少了錯誤的可能。另外，文字作為語言的載體，既能夠形式性，又能夠十分嚴肅，還不乏藝術性。比如，在進行操作的說明時，文字的展現是嚴謹而又嚴肅的，這時候文字以真實客觀為主要標準，負責正確地指引用戶完成對界面的操作。在完成指令時，界面顯示地簡明扼要的執行文字又富于形式性。而當文字中承載著其他的內容，如故事的描述、界面與人的互動等中，文字的使用又能夠展現它優美的一面，可以采用華麗的辭藻，優美的詞句，或是俏皮的語調，讓文字跳脫屏幕之外。

當文字充當圖形的功能時，文字的張力便展現出來了。文字本事由象形的圖畫演變而來，若加以藝術的處理，如文字的字體、顏色、大小的改變，以及與圖像的融合等，文字就變得生動了起來。

3.2 色彩要素

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

3.3 圖形要素

圖形是有外在輪廓的，由線條所構成的矢量圖，包括直線、曲線、圓、方形等。圖形的表現大多與前面提到的文字和色彩結合。圖形與文字形成文本框，能使文字顯示更加整齊和有序；圖形與文字融合，會使文字的表達更加生動、躍然紙上。圖形與色彩結合，能形成五顏六色的圖像，為界面的設計與創作提供豐富的素材。同時，圖形也有單獨使用的情況，比如圖標的使用，以及起界面的分割作用等。

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

4 結束語

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