時間：2023-03-03 15:57:59
緒論：在尋找寫作靈感嗎？愛發(fā)表網(wǎng)為您精選了8篇界面設(shè)計，愿這些內(nèi)容能夠啟迪您的思維，激發(fā)您的創(chuàng)作熱情，歡迎您的閱讀與分享！
多媒體設(shè)計
多媒體技術(shù)是指將多種單媒體復(fù)合而成的技術(shù)。多媒體技術(shù)融合了各種視覺和聽覺媒體，包括動畫、文字、圖形、圖像、語言、音樂和立體聲響等，多媒體網(wǎng)頁UI界面可以讓用戶同時接受多樣的媒體信息來源。網(wǎng)頁UI界面設(shè)計中使用多媒體技術(shù)可以體現(xiàn)以下幾個特點：1）集成性，對遠程多媒體的影音信息統(tǒng)一取得與。2）交互性，人性化的實現(xiàn)信息傳播，能夠主動選擇和控制信息流方向。3）非線性，創(chuàng)建了超文本鏈接方法，把靈活展示瀏覽內(nèi)容。4）實時性，實時控制多媒體信息，及時配合用戶指令。5）動態(tài)性，用戶可以按照自己的需求選擇信息使用方式，甚至重組信息的各種表現(xiàn)形式。
網(wǎng)頁交互設(shè)計
交互設(shè)計需要解決的是人與機器之間互動的問題，是表現(xiàn)層的東西，好的交互設(shè)計方案能夠讓用戶感覺網(wǎng)頁非常好用。怎樣的網(wǎng)頁交互設(shè)計才算是好的方案呢？1.讓人有耐心等待。根據(jù)網(wǎng)絡(luò)調(diào)查，大多數(shù)用戶對網(wǎng)頁打開的等待時間最多堅持5秒鐘，如果5秒內(nèi)頁面都不能打開，那這個頁面上的內(nèi)容將沒有任何意義都就將。所以在交互設(shè)計時，需要考慮網(wǎng)頁等待時給用戶提供的信息。最好的方式是反饋，當用戶等待時，告訴用戶他的操作是否成功并且將剩余的等待時間實時呈現(xiàn)，這樣就能有效解決用戶不能耐心等待的問題。2.讓人不用動腦筋想。好的網(wǎng)站能夠幫助用戶快速完成任務(wù)，要達到快速完成任務(wù)的目的，交互設(shè)計必須使頁面簡單，盡量讓用戶瀏覽時不收不必要的干擾，最好能夠符合用戶心智模型。因為，大部分的用戶在瀏覽網(wǎng)站時希望的是能快速找到勉強應(yīng)付的方案，而不愿意主動尋找方案，百分之八十的用戶只會用百分之二十的功能。
網(wǎng)頁UI界面設(shè)計展望
目前，網(wǎng)頁UI界面設(shè)計主要是三維的視覺界面和二維的圖形界面，同時輔以動畫、聲音等多媒體插件布局設(shè)計。隨著計算機技術(shù)的不斷發(fā)展，三維立體的操作界面系統(tǒng)會在網(wǎng)頁設(shè)計中逐步普及，三維立體界面的直接操作是虛擬現(xiàn)實（VirtualReality）交互性的一個重要表現(xiàn)方式。三維虛擬空間中的直接操作包括平移、拾取和旋轉(zhuǎn)等操作，例如如今比較前沿的3D影裝和多點觸控技術(shù)。三維直接操作使得網(wǎng)頁UI界面設(shè)計不再僅僅局限于視覺效果的三維變換，可以實現(xiàn)類似于四維空間的人機直接交互，從而更好的完成用戶操作。
（西安工程大學，陜西 西安 710048）
【摘 要】產(chǎn)品視覺界面設(shè)計是產(chǎn)品交互與用戶體驗的聯(lián)系基礎(chǔ)。優(yōu)秀的視覺界面設(shè)計能更好的傳遞產(chǎn)品設(shè)計理念與品牌形象，為軟件的交互設(shè)計提供更匹配的視覺風格。設(shè)計師運用基本的視覺要素創(chuàng)造優(yōu)秀的用戶界面，有效地傳達產(chǎn)品的行為和信息。并且要結(jié)合用戶的心理模型或產(chǎn)品行為使視覺結(jié)構(gòu)與之相匹配，關(guān)注用戶感知功能方面的認知體驗與傳達。視覺界面設(shè)計就是要在保證功能的前提下，在美學的基礎(chǔ)上，最優(yōu)傳遞交互產(chǎn)品的行為，向用戶展示一個優(yōu)雅的視覺設(shè)計。
關(guān)鍵詞 界面設(shè)計；交互設(shè)計；UI；視覺傳達
作者簡介：聶伊（1988.08—），女，漢族，河北人，西安工程大學機電工程學院工業(yè)設(shè)計研究生，研究方向為視覺傳達與媒體設(shè)計。
張敏言（1969.03—），女，漢族，陜西人，西安工程大學機電工程學院，副教授，研究方向為產(chǎn)品設(shè)計與人機關(guān)系。
交互產(chǎn)品將行為和用戶聯(lián)系在一起發(fā)生在視覺上，通常是通過產(chǎn)品界面的表現(xiàn)來實現(xiàn)的。視覺界面設(shè)計者工作的重點在于設(shè)計在組織上的運用，以及如何來利用視覺暗示和啟示將行為信息傳達給用戶。設(shè)計師必須掌握交互設(shè)計原則和界面習慣用法的基本知識，這些對于塑造產(chǎn)品的行為都很重要[1]。
1 設(shè)計視覺界面設(shè)計的要素
視覺界面設(shè)計可以對產(chǎn)品的吸引力和效力產(chǎn)生很大的影響。要創(chuàng)造出有效且吸引人的用戶界面，設(shè)計師必須掌握一些基本的視覺要素，如顏色、版面、形式和構(gòu)成，還必須了解如何運用這些要素來有效地傳遞行為和信息。
1.1 文本
文本在任何用戶界面中都是及其重要的一個組成部分，文字可以傳遞大量細微信息，但是我們必須要小心仔細才能夠正確恰當?shù)厥褂煤梦淖帧?/p>
人們主要通過文字的形狀來辨識文字，形狀差異越顯著，文字也就越容易辨識。在報紙、雜志等印刷品中，正文字體主要采用宋體。宋體是有襯線字體，特點是橫細豎粗，棱角分明。與之相對，顯示器上的字體一般都是黑體。黑體基本上沒有橫豎粗細的變化，也沒有襯線裝飾。與印刷品相比，顯示器的分辨率要低得多，如果在這種輸出媒介上使用宋體的話，文字的襯線反而會妨礙閱讀。不但沒有棱角分明的美感，還很容易導(dǎo)致眼睛疲勞。也就是說，顯示器的分辨率低，不足以顯示有襯線字體。因此顯示器上的字體一般都采用毛邊較少的黑體[2]。
辨識文字和閱讀文字有所不同，閱讀中我們有意識地掃描個別字詞，之后按照上下文來理解它們的含義。界面應(yīng)該盡量少用文本，從而減少閱讀量，這樣才能保證幾面導(dǎo)航的順利進行。我們應(yīng)該避免只依賴文字進行講解，因為閱讀文字速度很慢，而且會破壞用戶對應(yīng)用的浸入式體驗。使用太多的文字是一種“說而不秀”的方法，這與移動應(yīng)用的優(yōu)勢相違背[1]。少用文字原則并不意味著用文字是錯的，或者說文字總是越少越好。它指的是在你想吸引用戶進一步體驗的時候，應(yīng)該首先考慮減少文字，增加交互。
1.2 顏色
顏色作為界面視覺語言的一部分，向用戶傳達信息。對于多數(shù)應(yīng)用程序，顏色的使用要吝惜，并且應(yīng)該與視覺語言的其他元素結(jié)合，如符號、圖標、文本，以及在界面上維持的控件關(guān)系。
當顏色太多時，我們的大腦不得不花費額外的時間記住每種顏色的意義，這樣便降低了我們的處理速度。互補色在顏色處理中是指那些相反的顏色，當這些顏色被高飽和并且放置在一起時，就會制造出視覺假象。并且非常難以正確辨別，也非常難以讓人聚精會神。高飽和的顏色看起來會顯得鮮艷，從而吸引過多的注意力。在較小的地方適當?shù)剡\用飽和始終的顏色可以有效地吸引用戶的注意力，但這種用法應(yīng)該保守使用。如果圖形顏色與背景顏色只是顏色不同，而在飽和度和亮度上沒有差別，則很難辨認。圖形和背景除了色調(diào)不同外，飽和度和亮度也應(yīng)有區(qū)別。
1.3 圖標
圖標最大的特點就是可以通過使用不同顏色和形狀的圖像來幫助用戶直觀地了解信息的種類和操作內(nèi)容。與單純的文字界面相比，圖標的另一個特點是可以使界面的整體效果張弛有度。
軟件中的圖標有兩大用途：一是作為信息傳遞的標志；二是作為指導(dǎo)用戶操作的控件。但是，圖形界面也存在缺點，只使用圖標很難傳遞準確的信息。即便是人們經(jīng)常使用的軟件的工具欄，其中有些圖標按鈕也會使用戶感到困惑。而且，如果消息框中只使用圖標也無法傳遞詳細的信息。因此，一般情況下，圖標還需要文字信息的輔助。
2 設(shè)計視覺界面設(shè)計的原則
設(shè)計師需要關(guān)注如何用界面的視覺結(jié)構(gòu)匹配用戶的心理模型或者產(chǎn)品的行為，也必須關(guān)注如何將程序的狀態(tài)傳達給用戶（如文檔的編輯狀態(tài)），還要關(guān)注圍繞著用戶感知功能方面（布局、視覺層次及圖形背景問題等）的認知性問題。
2.1 運用視覺屬性將元素分組，創(chuàng)造出清晰的層次結(jié)構(gòu)
比如顏色、形狀和位置來區(qū)分層次結(jié)構(gòu)中的每個層次。最為重要的元素應(yīng)放在其他元素的上方或者向外突出一些。需要突出的元素最好用飽和顏色來渲染，次重要的元素用欠飽和顏色渲染。與背景的顏色及其值的對比也不要太強烈，尺寸要小一些或者向內(nèi)縮進。不飽和及中性顏色則可以用在不重要的元素上。
2.2 圖像的運用要適當緊湊、一致，并且要適當考慮使用環(huán)境
視覺元素也應(yīng)該是緊湊而通用的視覺語言的一部分，這意味著相似的元素應(yīng)該采用相同的視覺屬性，在一致的位置擺放信息和控件。不同頁面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁上的相同的位置，而且他們還應(yīng)該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快地找到和識別它們。除了具備功能價值，圖標在傳遞品牌屬性上還有重要的作用。無論采用什么樣的風格，風格都必須一致。
2.3 避免視覺噪聲和混亂
界面上的視覺噪聲一般是由過多的視覺元素造成的，這些多余的視覺元素將人們的注意力從那些直接傳達功能和行為主要對象上轉(zhuǎn)移到他處。這些視覺噪聲包括過分的裝飾、不必要元素、過度使用標尺、視覺上厚重的用于隔離控件的元素或者過分的使用視覺屬性（包括顏色、紋理和對比）等。混亂的界面試圖在一個有限的空間中提供過多的功能，結(jié)果會導(dǎo)致這些空間在視覺上相互干擾。視覺上過分裝飾、混亂或者過多的屏幕都會加重用戶的認知負荷，產(chǎn)生信息焦慮的情緒，這將影響用戶的速度、理解能力和任務(wù)的完成。
2.4 保持簡單，使用最小的視覺風格
一般來說，界面應(yīng)該使用簡單的幾何形狀和最小的輪廓。如果一個程序長時間占據(jù)使用者的注意力，應(yīng)該考慮弱化視覺表現(xiàn)上的顏色和紋理。顏色的數(shù)量要嚴格限制，并且應(yīng)該以較為不飽和的顏色或者中性顏色為主，可以適當加入一些高對比作為強調(diào)重要信息的顏色，那樣會讓控制組織得更緊湊。
用戶可能長時間盯著相同的工具欄和菜單，會得到一些純粹因為熟悉而產(chǎn)生的位置感。優(yōu)秀的視覺界面和任何優(yōu)秀的視覺設(shè)計一樣，在視覺上應(yīng)該是高效率的，它們有一個共同的特點，即讓最少的視覺和功能元素發(fā)揮最大效能。這樣，設(shè)計師可以自由地用更少的像素做更多的事情。
2.5 消除視覺附加工作
設(shè)計原則的主要目的之一就是優(yōu)化用戶的產(chǎn)品體驗。對于生產(chǎn)工具和其他非娛樂導(dǎo)向的產(chǎn)品而言，這意味著將工作負荷降至最低。軟件經(jīng)常包括一些不必要的具有繁重工作量的交互，對于用戶來說，這些是附加工作[1]。
視覺附加工作是用戶不得不分析的視覺信息，比如在列表中找到某個條目、判斷從哪個位置開始閱讀屏幕，或者決定哪些元素是可以點擊的，哪些元素僅僅是裝飾性的。有時設(shè)計師過分依賴視覺隱喻，因此添加了各種附加工作，這些視覺隱喻能讓人們?nèi)菀桌斫獬绦蛟睾托袨橹g的關(guān)系，但了解了這些基本情況之后，隱喻的管理成了完全的附加工作。另外一種視覺附加工作的根源是過度使用了風格化的圖形和界面元素，而實際上，視覺風格的運用首先是要支持清晰的信息通信和界面行為。
2.6 避免歧義
避免顯示有歧義的信息，并通過測試確認所有用戶對信息的理解是一致的。當無法消除歧義時，要么依靠標準或者慣例，要么告知用戶用你期望的方式去理解歧義之處[3]。
3 優(yōu)雅的視覺界面設(shè)計
視覺界面的設(shè)計對品牌形象、用戶體驗及本能反應(yīng)等方面都有一定的支持作用。優(yōu)秀設(shè)計的經(jīng)典要素之一即形式簡約：以簡御繁。對于界面設(shè)計，就是用最少的操作與學習成本來完成任務(wù)。簡約同樣適用于行為，在視覺設(shè)計中給與用戶簡單的工具，即運用最少的視覺區(qū)別來明確傳達想要表達的意思。
視覺界面設(shè)計師所關(guān)心的是尋找最適合的表現(xiàn)方式來傳達他們設(shè)計的交互產(chǎn)品的行為。設(shè)計師應(yīng)該用一種容易理解、有用、支持企業(yè)品牌和目標的方式來表現(xiàn)產(chǎn)品的行為和信息。用戶界面的設(shè)計不應(yīng)該輕視美學方面的考慮，而是要在一定的功能框架下來最大化地考慮如何優(yōu)雅地向用戶展示應(yīng)用的視覺設(shè)計。
參考文獻
［1］Alan Cooper,Robert Reimann,David Cronin.About Face3交互設(shè)計精髓[M].劉松濤,等,譯.北京:電子工業(yè)出版社,2014,9:115-118,170-172,218-239.
［2］古賀直樹.好設(shè)計不簡單UI設(shè)計師必須了解的那些事[M].張君艷,譯.北京:人民郵電出版社,2014,8:22-28.
一、多媒體課件的界面設(shè)計方法
一個優(yōu)秀的界面設(shè)計可以使學習者感到耳目一新，通過感受課件界面上的色彩、圖案、創(chuàng)意、動畫等元素，形成對課件的第一印象，激發(fā)學生學習的積極性。在設(shè)計多媒體課件界面時，要做到:內(nèi)容清晰、版面美觀、明白易懂、有親切感，這樣的課件很容易被學習者理解和接受，并有興趣去學習使用。下面，就界面設(shè)計原則談一些我個人的觀點。(一)對象布局多媒體課件的界面布局至關(guān)重要，界面布局不僅直接影響整體效果而且還直接影響學習者的學習效果，在對象的布局上應(yīng)該注意以下幾方面:第一，界面整體美觀。要想界面整體達到美觀效果，在對象的布局上應(yīng)該注意重點集中、視點明確;恰當布置、主體突出;合理預(yù)留空行、空格;美觀大方、層次清晰。在界面的編排上也應(yīng)該具有均衡、規(guī)整、對稱、簡明連續(xù)、比例協(xié)調(diào)、有可預(yù)料性等規(guī)律。第二，簡潔明了。簡潔就是盡可能用簡單的圖表或較少的文字來表達信息。錯綜復(fù)雜的界面布局，將分散學習者的注間力，影響學習效果。第三，獨特的設(shè)計理念。有些多媒體課件界面只是把以前寫在黑板上的那些內(nèi)容搬到計算機屏幕上，教學手段雖然變了，但教學的思路和方法還是老一套，沒有改變，不利于體現(xiàn)多媒體課件在表達上的優(yōu)越性。這就需要制作者將文本、圖像、聲音、動畫等有機組合在一起。(二)多媒體素材設(shè)計第一，文本的表達。文本是學生獲取信息的來源，是多媒體課件的主要表達方式。對于演示難點、突出重點的文字，應(yīng)用顏色鮮艷的大字號標出。文本素材不能大段大段地照搬，要有選擇。另外，需要注意調(diào)整好格式，文字間距不要太密，字的大小應(yīng)符合教學要求，色彩搭配要合理，可以根據(jù)教學內(nèi)容，規(guī)定一級標題，二級標題分別使用什么顏色，使學習者一目了然，最好用易讀的文字，標題或特別強調(diào)的內(nèi)容除外。第二，圖像的插入。圖像分為前景和背景圖像，課件中使用圖像應(yīng)有所差別，對低年級學習者運用圖像可調(diào)動其學習興趣，而對高年級學習者應(yīng)盡量少用圖像。圖像在課件中占用篇幅不宜過大。背景圖像的顏色應(yīng)適當，盡量多用素雅的圖像。第三，聲音的獲取。聲音分為背景、音效和錄音素材，在語文、英語教學中常用到聲音效果，在實際教學中不能用背景音樂。有很多設(shè)計者為了體現(xiàn)課件的多媒體性，插入背景音樂，聽起來很悅耳，但這一點是不可取的。實現(xiàn)交互時可適當添加音效，音效也不能過大。第四，視頻和動畫對界面的影響。視頻和動畫可以增加課件的趣味性，具有形象直觀，聲情并茂的好處，但視頻文件不宜過大，以免影響計算機的運行速度。(三)色彩的運用多媒體課件界面的色彩美與教學內(nèi)容密切相關(guān)，根據(jù)教學的意境，有的需要低沉，有的需要明快，不同的主題、內(nèi)容，應(yīng)用不同的色調(diào)來表現(xiàn)。各種顏色形成色彩繽紛的屏幕，從而引起學習者注意，并使學習者在學習過程中得到美的感受。這也是多媒體課件吸引學習者的原因之一。但色彩如果使用不合理，過分渲染則分散人的注意力。因此，色彩的使用也必須遵循一定的原則。第一，同一界面避免使用太多顏色，并且顏色組合的對比度要適當。過多的顏色不僅不利于區(qū)分學習內(nèi)容，還會增加學習者的反應(yīng)時間以及出錯機會，容易引起視覺疲勞。但是如果使用過于相近的顏色，則會影響辨別，所以要選擇色系相近但對比度大的顏色。第二，用色彩來起強調(diào)作用。輔助信息和主體內(nèi)容的顏色不應(yīng)相同。輔助信息的顏色應(yīng)平淡、柔和，盡量選用低飽和度、低亮度的顏色，主體內(nèi)容的顏色要鮮明。第三，色彩的選擇要與用戶對色彩的期望和經(jīng)驗相一致。對于不同的學習者，不同的內(nèi)容，運用色彩也不相同。設(shè)計時盡量符合人們已經(jīng)普遍接受的色彩意義，根據(jù)學習者的特點來決定對色彩的選擇。第四，色彩的一致性。在多媒體課件界面設(shè)計中，同一區(qū)域中，顏色的運用更應(yīng)保持一致。各區(qū)域中各種按鈕的顏色以及背景色都應(yīng)該基本保持不變。第五，顏色配置應(yīng)素雅。背景色應(yīng)素雅，不易花哨。在界面設(shè)計時，應(yīng)該把握整體，統(tǒng)籌安排，從用戶的感觀享受等方面進行全盤考慮，制作出和諧統(tǒng)一的優(yōu)秀課件，達到最佳的教學效果。
二、結(jié)論
總之，多媒體課件是重要的教學資源，多媒體課件的界面設(shè)計要以學習者為中心。在此基礎(chǔ)上，還要充分考慮課件界面的構(gòu)圖或布局，界面元素的位置和界面元素的一致性等問題來美化界面，提高界面的美感。只要我們正確掌握多媒體課件界面設(shè)計的技巧與方法，經(jīng)過反復(fù)實踐，結(jié)合不同階段學習者的特點，我們一定能制作出被廣大學習者所接受的多媒體課件。
作者：楊琳 劉艷慧 單位：蘭州文理學院 西北師范大學
隨著各種超級VGA的出現(xiàn)，同時具有高分辨率和豐富色彩的圖形用戶界面已經(jīng)成為程序員和用戶共同追求的目標。然而由于各制造商提供的VGA產(chǎn)品之間的差異，使得高分辨率256色圖形界面的兼容性受到影響，常常會出現(xiàn)這樣的情況:在一個顯示系統(tǒng)下運行良好的程序，在另一種顯示系統(tǒng)下變得面目全非，甚至根本不顯示。這表明程序員對程序的可移植性重視不夠，或?qū)Ω鞣N顯示設(shè)備缺乏足夠的了解。
軟件的可移植性是指軟件產(chǎn)品從一個硬件/軟件環(huán)境轉(zhuǎn)移到另一個硬件/軟件環(huán)境的難易與繁簡程度。它從軟件對新環(huán)境的適應(yīng)性這一方面，反映了軟件的質(zhì)量。為了提高軟件的可移植性，應(yīng)盡量使軟件與具體的設(shè)備無關(guān)，即提高軟件的設(shè)備獨立性。對于256色圖形界面而言，就是要使程序不依賴于某種特定的顯示器。例如，程序員沒有任何理由假定用戶使用的是TVGA。為此，程序員必須提供顯示卡的常規(guī)檢測例程，并能根據(jù)檢測的結(jié)果決定圖形算法的具體實現(xiàn)。
提高軟件設(shè)備獨立性的方法有很多，表格驅(qū)動就是其中一種。所謂表格，就是根據(jù)需要設(shè)計的數(shù)據(jù)結(jié)構(gòu)。表格中的數(shù)據(jù)由檢測例程填寫。表格中包含哪些欄目，應(yīng)在對各制造商提供的SuperVGA產(chǎn)品足夠了解的基礎(chǔ)上取舍，欄目應(yīng)體現(xiàn)各產(chǎn)品之間的差異。
一、SuperVGA編程綜述
SuperVGA產(chǎn)品在體系結(jié)構(gòu)上和標準的IBMVGA有所不同。但編程思想基本上是一樣的，這些編程方法已有許多文章介紹，這里不再重復(fù)。
影響256色圖形界面可移植性的主要障礙來自各制造商提供的VGA產(chǎn)品的下面幾點差異。
1.顯示模式的定義不同。如5DH對TVGA而言，代表640×480
×256色模式，對PVGA而言卻代
表1024×768×16色模式。因此，直接用這種模式號初始化顯示系統(tǒng)是不可取的。和顯示模式密切相關(guān)的是水平分辨率和垂直分辨率。盡管各VGA的256色顯示模式定義迥異，但大都支持如下幾種流行的分辨率，現(xiàn)用統(tǒng)一的模式號定義見附表。
@@10A06500.GIF;附表@@
不同分辨率之間的區(qū)別，體現(xiàn)在編程上就是同一屏幕坐標映射到顯存的地址不同，但映射機理卻是一樣的。具體地說，坐標(x,y)對應(yīng)顯存的偏移地址(相對于A000)為Addr=-vga-width*y+x
2.分頁機制不同。SuperVGA使用256K、512K或1M
的顯示存儲器結(jié)構(gòu)。為了使處理器可通過一個64K主窗口來存取這樣大的顯示存儲器，SuperVGA有一個存儲器分頁機制，使得只將顯示存儲器的一部分映射到處理器的地址空間。值得注意的是，不同的VGA產(chǎn)品，其頁的大小不同，頁起始地址的粒度也是可變的。具體的頁選擇算法請查閱制造商提供的資料。
不同的顯示模式，顯示一屏圖像所需的頁數(shù)是不同的。
除了可移植性外，效率也是一個不可忽視的因素。圖形系統(tǒng)的核心部分應(yīng)使用匯編語言編程。這不僅是因為匯編語言的效率高，而且還因為匯編語言子程序的可再用性和可協(xié)用性也很好。核心部分應(yīng)十分重視下面幾點:(1)減少不必要的頁邊界檢查次數(shù)；(2)只有在必要時才進行頁選擇；(3)選擇高效的機器指令。現(xiàn)舉例說明。程序1是圖像顯示系統(tǒng)中常用的函數(shù)，其功能是將解包后的圖像數(shù)據(jù)送到顯存。為便于閱讀同時給出了C語言調(diào)用原型。程序在傳送每一行數(shù)據(jù)時，提前預(yù)測是否會遇到頁邊界，如果沒有，直接傳送；如果有，則將數(shù)據(jù)分成兩部分，分別傳送，中間插入頁選擇。所有的傳送均用字操作代替字節(jié)操作。頁邊界檢查只有一次，分頁操作只有在必要時才發(fā)生，圖像的顯示用最高效的指令REPMOVSW。
程度1:
；原型:voidLineDump(intx,inty,intnum,charfar*ptr)
;參數(shù):
；x,y-屏幕坐標
；num-本行的像素個數(shù)
；ptr-指向像素數(shù)據(jù)的遠指針
LineDumpprocfar
pushbp
movbp,sp
subsp,2;WORDReservedforlocalvar.
pushds
pushes
pushsi
pushdi
reservedequ[bp-2];Localvar.saveseg(DGROUP)
xequ[bp+6];LargeModel
yequ[bp+8]
numequ[bp+10]
offsequ[bp+12]
psegequ[bp+14]
movreserved,ds
movds,pseg
movsi,offs;DS:SI圖像數(shù)據(jù)所在源地址
movax,0a000h;顯存段址
moves,ax;ES:DI顯存目的地址
movax,y
pushds
movds,reserved
mulwordptrDGROUP:-vga-width
popds
addax,x
adcdx,0
movdi,ax;DI=-vga-width*y+x
movah,dl;進位部分(DL)=頁號
calldwordptrcs:-PageSelect
movcx,num;本行要傳送字節(jié)數(shù)
movbx,cx
addbx,di;檢測傳送是否在一個頁內(nèi)
jncDump-In-One-Page
subcx,bx;CX=本頁字節(jié)數(shù)，BX=下頁字節(jié)數(shù)
shrcx,1;CX/2=字數(shù)
repmovsw;本頁內(nèi)的傳送
adccx,0
repmovsb;處理可能的奇數(shù)字節(jié)數(shù)
incah;調(diào)整頁號
calldwordptrcs:-PageSelect
movcx,bx;新頁內(nèi)要寫的字節(jié)數(shù)
jcxzDump-Done
Dump-In-One-Page:
shrcx,1;CX/2=字數(shù)
repmovsw;圖像傳送
adccx,0
repmovsb;處理可能的奇數(shù)字節(jié)數(shù)
Dump-Done:
popdi
popsi
popes
popds
movsp,bp
popbp
ret
LineDumpendp
二、表格驅(qū)動的基本思想
根據(jù)上面的分析，用以驅(qū)動顯示系統(tǒng)的表格，至少應(yīng)當包含下列項目:
(1)實際顯示模式:vga-mode
(2)水平分辨率:vga-width
(3)垂直分辨率:vga-depth
(4)頁選擇例程的入口地址:PageSelect
(5)當前顯示方式所使用的最大頁號:vga-pages
這個表格由圖形初始化例程來填寫。圖形初始化例程接收的顯示模式是統(tǒng)一的模式號，這樣可以撇開具體的設(shè)備，如InitVGA(TVGA800×600)。該例程調(diào)用顯示設(shè)備檢測程序DetectVGA來判斷顯示器的類型，從而填寫表格中的各欄目，并初始化圖形系統(tǒng)為所需的圖形方式。所有圖形算法都要查此表。
除了用上述方法來實現(xiàn)兼容外，視頻電子學標準協(xié)會(VESA)為我們提供了另一種方法。
VESA
提供了一組附加的BIOS功能，這組功能以標準的方式訪問SuperVGA擴充的模式。VESA的附加功能都是通過BIOS中斷10H的4FH功能來實現(xiàn)的。VESA的子功能01能返回非常有用的SuperVGA模式信息，包括分頁例程的地址。
因此，程序員可以按照VESA的標準來編寫圖形系統(tǒng)，這樣的程序可以在所有支持VESA的顯示器上運行。由于VESA包括了世界上的主要VGA供應(yīng)商，寫出來的程序可移植性是很好的。但是，其效率卻可能是最低的。所以最好采用一種折衷的辦法，對于熟悉的產(chǎn)品，可以不用VESA的功能，對于不熟悉(資料不全)或檢測不出來的顯示器嘗試用VESA提供的手段來編程，當然要檢測顯示設(shè)備是否支持VESA。
有時出于某種考慮，不希望支持所有顯示設(shè)備的代碼集中在一個程序中，可以為每個顯示設(shè)備分別提供驅(qū)動模塊，主程序根據(jù)檢測的結(jié)果選擇一個合適的模塊加載。Borland的C++就是這樣，它有一套BGI驅(qū)動程序，各驅(qū)動程序提供統(tǒng)一的圖形函數(shù)接口。筆者在實際工作中，為每一種顯示設(shè)備編寫了一個256色的BGI格式的驅(qū)動程序，這樣，在編寫圖形系統(tǒng)時，再也沒有必要考慮用戶的實際顯示設(shè)備了。
三、范例
本文附有兩個圖形顯示的例子。ShowGif能顯示16/256色GIF格式圖像，能以任何256色模式啟動，支持多種顯示器。圖像可以漫游，并可隨時通過按鍵切換顯示方式。Main則是一個BGI驅(qū)動的鼠標/鍵盤控制的256色漢字圖形菜單。它自己會挑選一個合適的BGI，也可以從命令行指定一個BGI(比如指定VESA256給TVGA顯示器)。
限于篇幅，這里僅給出有關(guān)的數(shù)據(jù)結(jié)構(gòu)和部分函數(shù)的說明(程序2)。然后給出一個初始化顯
示系統(tǒng)的C語言片斷(程序3)。
程序2(TVGA256.H):
/*統(tǒng)一的模式集*/
enumTVGA-MODE
TVGA320x200=0,
TVGA640x400=1,
TVGA640x480=2,
TVGA800x600=3,
TVGA1024x768=4,
;
voidTVGA256-driver(void);
voidPVGA256-driver(void);
voidAVGA256-driver(void);
...
voidVESA256-driver(void);
externintfar-CdeclTVGA256-driver-far[];
externintfar-CdeclPVGA256-driver-far[];
externintfar-CdeclAVGA256-driver-far[];
...
externintfar-CdeclVESA256-driver-far[];
/*支持的VGA集合*/
enumVGAs{
UnKnownVGA,
TridentVGA,
ParadiseVGA,
AheadVGA,
...
VesaVGA
};
/*對應(yīng)的BGI驅(qū)動程序名*/
unsignedchar*Drivers[]={
"TVGA256",
"TVGA256",
"AVGA256",
...
"VESA256",
};
externintDetectVGA(void);
/*功能:檢測顯示卡的型號
返回值:0-Unknowm1-TridentVGA2-ParadiseVGA
...
x-不能檢測出的VGA，但支持VESA
返回值同時寫入全局變量vga-type*/
externintVesaFound(void);
/*功能:檢測VESABIOS的存在性
返回:0-不支持VESA；
其它-VESA版本號(0x0102即1.02版)；
返回值同時寫入全程變量vesa-found.*/
externvoidInitVesa(void);
/*功能:初始化VESA.根據(jù)-vga-mode模式號換算成VESA的標準模式號填寫頁粒度(WinGranularity)，頁大小(WinSize),
和分頁例程的入口地址(WinFuncPtr)
VESA的標準模式解釋如下:
100h-640x400256
101h-640x480256
102h-800x60016
103h-800x600256
104h-1024x76816
105h-1024x768256etc.
InitVesa供給InitVGA調(diào)用*/
externvoidInitVGA(intmode);
/*功能:初始化顯示系統(tǒng)(自動調(diào)用DetectVGA檢測顯示卡)
參數(shù):mode=TVGA320x200(0)
TVGA640x400(1)
TVGA640x480(2)
TVGA800x600(3)
TVGA1024x768(4)
返回:InitVGA沒有顯式的返回值，但它初始化下列全程變量:
vga-mode,vga-width,vga-depth,vga-pages,PageSelect
必要時自動調(diào)用InitVesa
*/
externintvga-type;
externintvga-mode;
externintvga-width;
externintvga-depth;
externintvga-pages;
externintvga-pages;
externcharpage-number;
externintvesa-found;
...
程序3(初始化顯示系統(tǒng)的程序片斷):
...
intGraphDriver,GraphMode;
unsignedchar*bgiDriver="PVGA256";
bgiDriver=Drivers[DetectVGA()];
GraphDriver=installuserdriver(bgiDriver,NULL);
GraphMode=TVGA800x600;
initgraph(&GraphDriver,&GraphMode,"");...
參考文獻
（南通大學杏林學院，江蘇 南通 226000）
摘 要：在數(shù)字媒體充斥的時代，用戶在數(shù)字媒體終端分享知識、分享觀點、分享商品消費等，這種不受時空限制的傳播方式，改變著人們的行為和言論，以及生活方式.承載著各種信息數(shù)字媒體如何在同類型的媒介中獲得更多的用戶體驗，是數(shù)字媒體界面設(shè)計中時需要考慮的問題，將情感化設(shè)計運用于數(shù)字媒體界面設(shè)計，用戶在滿足實用功能需求的同時，也在情感上獲取更多的體驗.
關(guān)鍵詞 ：數(shù)字媒體；界面；情感化設(shè)計
中圖分類號：J524文獻標識碼：A文章編號：1673-260X（2015）07-0188-02
在數(shù)字時代，新媒體在人們的生活中占據(jù)了非常重要的地位，人們離開了它，就會造成很多的不便，已經(jīng)成為一種生活方式.數(shù)字媒體界面設(shè)計不是單純是互聯(lián)網(wǎng)、計算機技術(shù)發(fā)展的結(jié)果，它涉及多種不同的學科如計算機技術(shù)、人機交互、視覺設(shè)計、美學、消費者心理學、數(shù)字媒體技術(shù)、語言學等學科.最后通過各種數(shù)字媒體終端，以媒體界面形式展現(xiàn)給消費者.根據(jù)界面設(shè)計不同的分類，如從心理學的角度，可分為視覺、聽覺、觸覺等和情感交互兩個方面的需求.如何在名目繁多的媒介中獲取更多用戶是數(shù)字媒體界面設(shè)計師需要思考的問題.運用情感的設(shè)計原則，將文化情感元素巧妙的建構(gòu)在數(shù)字媒體界面設(shè)計中有著重要意義，能夠給用戶帶來高層次的情感滿足，如歸屬感、自尊感、自我認同感.
1 數(shù)字媒體界面設(shè)計中的情感體驗
數(shù)字媒體界面設(shè)計是以互聯(lián)網(wǎng)、計算機技術(shù)為支撐，以用戶人性化、情感化體驗為出發(fā)點；以傳播文化為主體；以圖形、色彩、文字、動畫、圖像等元素來傳播特定的信息，是一種信息傳播與交流的媒介.而情感體驗主要是指人的一種心理反應(yīng)，人們在數(shù)字媒體界界面設(shè)進行交互體驗的時候，不同風格的界面設(shè)計會給用戶不同的視覺感受.
在認知心理學家唐納德·A·諾曼的研究理論中，從設(shè)計的角度把情感因素分為本能、行為、反思三種.本能情感因素是用戶對于事物的本能反應(yīng)，是情感加工的起點，也是用戶通過觸覺、視覺、聽覺、嗅覺等感官行為方式在事物的外觀直接獲取的相關(guān)信息；行為情感因素是用戶經(jīng)過通過物品的使用，在物品功能的使用過程中所獲取的情感體驗；反思情感因素是用戶對于物品的外觀形象或?qū)υ撐锲肥褂煤蟮恼w印象，在反思情感因素的作用下，用戶根據(jù)自己的體驗，會對物品的使用會產(chǎn)生不同的情感反應(yīng)，因此，反思情感因素會抑制用戶的本能情感因素或行為情感因素對于物品的情感體驗[1].本能和行為情感因素是所有自然人的共同特性，這種本能與行為的情感反映對全世界的人都是一樣.在國內(nèi)外大多數(shù)與兒童相關(guān)的數(shù)字媒體界面設(shè)計中，在色彩和設(shè)計表現(xiàn)元素的選用上都會充分考慮兒童的情感因素.在兒童的世界里，所看到的色彩是明亮、鮮艷、輕松的，所運用的設(shè)計元素動態(tài)二富有童趣的，來彌合兒童認知天性.反思情感因素的特性更多反應(yīng)在社會人當中，每個人不同的生活環(huán)境、生存地域、文化背景等對事物會有不同的理解和認知.在情感反應(yīng)上會存在著較大的差異.例如在中華文化背景下，一個數(shù)字媒體的界面設(shè)計運用傳統(tǒng)文化中金黃色龍紋視覺元素，在中華民族文化背景下，所感受到是尊崇、敬畏，在情感上更多是民族自豪感；反之，其他地域、文化背景下的用戶感受到是視覺元素本身的形態(tài)與色彩，是單純的形與色激發(fā)的情感反應(yīng).
正式由于不同地域文化背景，用戶在面對同一事物的時候反思情感因素會存在著差異，設(shè)計師對于界面設(shè)計的預(yù)期與用戶在數(shù)字媒體的界面設(shè)計的感知有著一定的差異.因此，數(shù)字媒體的界面設(shè)計要獲得更多用戶在情感上的認同，在設(shè)計過程中就必須遵循用戶所在地域的文化背景，充分發(fā)揮文化元素的象征性和代表性，使得用戶在交互使用中獲得更高層次的情感滿足.創(chuàng)造出本土地域的文化語境，在實現(xiàn)查詢、瀏覽、交互等資源的同時，來滿足用戶情感上的需要.如同消費者在品牌的選擇上，無論從“皮爾卡丹”到“路易威登”，還是“Hermes”到“Versace”獲取的不單純是這些奢侈品的物質(zhì)價值，而是在這些品牌背后所蘊含蘊含時尚文化象征意義.當用戶不僅僅因為使用功能更因為其個性化的文化內(nèi)涵而選擇一個數(shù)字媒體的界面設(shè)計，便意味著數(shù)字媒體的界面設(shè)計與用戶間的長期紐帶建立起來了.
2 數(shù)字媒體界面設(shè)計中的情感化設(shè)計原則
2.1 人性化原則
所有的設(shè)計都是為人服務(wù)，數(shù)字媒體界面設(shè)計也不例外.人性化設(shè)計是以人作為出發(fā)點進行設(shè)計，要充分考慮不同層次、不同群體人的需求，為用戶設(shè)計出合理的、易于用戶使用的、個性化的數(shù)字媒體界面為目的.所謂人性化設(shè)計就是在界面設(shè)計的過程中要充分考慮用戶的需求，是以用戶為中心的設(shè)計體現(xiàn)，做到了人性化設(shè)計，也就是實現(xiàn)了情感設(shè)計的本質(zhì).實現(xiàn)的過程是運用技術(shù)手段，以藝術(shù)化方式呈現(xiàn)給用戶，既滿足了用戶的使用需求，也滿足精神層面的人文關(guān)懷.將人性化設(shè)計的原則運用于界面設(shè)計，并貫穿于人機界面設(shè)計的始終.能夠充分考慮用戶需求的設(shè)計，就可以長時間的把用戶留在媒體中，如“騰訊QQ”“微信”等社交媒體，它不是單純的聊天工具，在這里用戶可以使用語音、文字、圖片、視頻、咨訊、最大限度滿足用戶的需求.反之，一個沒有充分考慮用戶需求的設(shè)計，人性化就無從談起，這樣的設(shè)計用戶在體驗的過程中漸漸失去了繼續(xù)關(guān)注的欲望，在新鮮感過去之后，也就放棄該媒體的繼續(xù)使用.
2.2 審美性原則
數(shù)字互聯(lián)網(wǎng)時代，人們在數(shù)字媒體中獲得極其豐富的情感體驗，瀏覽網(wǎng)頁、查詢資料、互動聊天、娛樂游戲等是極其豐富的，當人們打開互聯(lián)網(wǎng)媒介界面時，圖形、色彩、文字的設(shè)計給人以賞心悅目的感受.審美是人們對于不同事物認知的直接感受，不同的事物用戶會感受到不同審美感受，具有審美價值的事物是能夠讓面對事物時會產(chǎn)生美的享受，這種感受正是審美對象基于人對形象與情感的結(jié)合[2].唐納德·A·諾曼的情感化設(shè)計理論貫穿于用戶的審美活動之中，界面設(shè)計師以設(shè)計神情愉悅的審美事物為出發(fā)點，來滿足用戶在視覺和情感上不同的審美訴求.
2.2.1 形式美
一個“有意味的形式”，都是通過形式美表現(xiàn)出來，都遵循形式美的規(guī)律如對比與均衡、節(jié)奏與韻律、尺度與比例等等.形式美感的變換是基于人的感覺與知覺而存在，用戶在數(shù)字媒體上交互獲取相關(guān)咨詢時，還在視覺上欣賞到了愉悅的畫面和豐富情感體驗.在數(shù)字媒體界面設(shè)計時巧妙運用形式美法則，可以讓冰冷的機器在用戶面前成為情感體驗的樂土，讓界面設(shè)計中的色彩、圖形、圖象、文字元素與數(shù)字媒體界面設(shè)計的主題在形式完美融合.
2.2.2 藝術(shù)美
藝術(shù)是感性的，富有美感的，是符合一定視覺審美趨向傳達和表現(xiàn).不能將數(shù)字媒體的理性與藝術(shù)的感性隔離開來，數(shù)字媒體界面的設(shè)計也需要藝術(shù)美，因為它的服務(wù)對象是人，正如古語中說的那樣“愛美之心，人皆有之”.設(shè)計師通過對界面情感化設(shè)計，將用戶穩(wěn)固于某一個媒介，這是非常重要的，除了好用、易用之外，要將設(shè)計元素進行藝術(shù)加工、呈現(xiàn)給用戶具有藝術(shù)美感的的界面設(shè)計.用戶的體驗與設(shè)計師創(chuàng)造有用的、符合用戶多層次需求的界面設(shè)計出發(fā)點是一直的.界面設(shè)計師通過技術(shù)與藝術(shù)設(shè)計創(chuàng)造激發(fā)用戶情感體驗[3].
2.3 多樣性原則
不同用戶群體，對于事物有著不同的感知，在面對同一事物時，情感因人而異，因時而異，情感形態(tài)呈現(xiàn)多樣化，因此情感化設(shè)計必須是包容性的設(shè)計.用戶本能性的情感感知是長期在社會實踐所積累的對事物的認知，不同層次的用戶在認知過程中存在著一定的差異.用戶在數(shù)字媒體界面中交互過程就是的感知過程，也是一種情感的體驗；用戶通過本能層情感和行為層情感的激發(fā)，與自身的生理、心理、行為的反思進而獲得更高層次情感體驗.
2.4 情境融合原則
用戶在數(shù)字化、虛擬媒體界面中獲取信息最直接的方式是通過視覺查看事物，在這個過程中與信息產(chǎn)生感受交流，這種感受與情感的交流正是界面設(shè)計主題的內(nèi)容通過色彩、圖形、文字、圖像等元素，呈現(xiàn)出來的視覺語境.讓用戶在視覺語言中產(chǎn)生聯(lián)想，使用特定的文化情感元素進行數(shù)字媒體界面設(shè)計，引導(dǎo)用戶在心理和情感上產(chǎn)生反應(yīng)，讓用戶在某種特定主題情境產(chǎn)生特定的心理反應(yīng)和情感反應(yīng).在相關(guān)的社會心理學研究中顯示，情境對于人的行為有這很大影響[4].特別是在情境決定論中，情境被置于主體地位.不同的情境會對用戶有著微妙的心理感受.情境環(huán)境是愉悅的、嚴肅的、悲傷的等等，都能夠?qū)θ藗兊乃季S、情感和行為產(chǎn)生一定影響[5].當用戶通過數(shù)字媒體界面進行交流互動時，界面設(shè)計中的色彩、圖形、文字、圖像、動畫等等設(shè)計元素將滿足數(shù)字媒體主題要求的同時，也將界面設(shè)計營造成了一種情境，用戶心理在這個情境中會產(chǎn)生不同的變化，此時的界面設(shè)計與用戶的情感體驗進行很好的融合.因此，情境融合是數(shù)字媒體界面設(shè)計中進行情感化設(shè)計需要考慮的因素之一.不同的用戶對不同的數(shù)字媒體界面在審美觀上有著不同的差異，這種差異來自于用戶社會閱歷、知識結(jié)構(gòu)、個人喜好和行為習慣等等，數(shù)字媒體界面設(shè)計師在界面設(shè)計的過程使用相關(guān)設(shè)計元素營造出與用戶產(chǎn)生情感交融的語境，可以有效降低各種因素所帶來的情感認知差異，最大限度的把用戶留在情境之中，長時間的使用該媒體，接受該媒體的相關(guān)信息[6].
3 結(jié)語
數(shù)字媒體界面中聚集著各種各樣為主題服務(wù)的視覺元素，如色彩、圖形、圖像、文字、動畫、底紋背景等等，各種視覺元素承載著這主題信息的某一個方面，來實現(xiàn)數(shù)字媒介傳播信息、交流互動、商品銷售、娛樂游戲等功能.它們構(gòu)成了整個數(shù)字媒體界面.如何將這些元素運用情感設(shè)計原則巧妙的從界面設(shè)計中體現(xiàn)出來，主動營造出特定情境氛圍，讓用戶在獲得信息的同時，獲取更多的情感體驗[7].注重用戶的情感體驗是二十一世紀設(shè)計界的大勢所趨，也是每個數(shù)字媒體開發(fā)者的初衷，只有通過大量的用戶使用或關(guān)注該媒體，這個媒體才會有存在的價值.除了媒體自身的實用用功能之外，運用情感化設(shè)計的原則來指導(dǎo)數(shù)字媒體的界面設(shè)計，最大限度的滿足用戶情感體驗有著重要意義[8].“感人心者，莫先乎情”，在數(shù)字媒體界面設(shè)計中恰當運用情感化設(shè)計，既提升數(shù)字媒體界面設(shè)計的價值和品味，也給用戶帶來情感上的啟迪和人文關(guān)懷.
參考文獻：
（1）唐納德·A·諾曼.情感化設(shè)計[M].北京：電子工業(yè)出版社，2005.6—20.
（2）王亞美.社交網(wǎng)站界面的情感化設(shè)計研究[J].浙江農(nóng)林大學，2013（06）.
（3）徐恒醇.設(shè)計美學[M].北京：清華大學出版社，2006.42、31
（4）（美）Stephen P，Anderson.怦然心動：情感化交互設(shè)計指南[M].北京：人民郵電出版社，2012.19.
（5）（美）Philip G.Zimbardo.Robert L.Johnson.Ann L.Weber.津巴多普通心理學[M].中國人民大學出版社，2009.516.
（6）童俐.兒童家具情感化設(shè)計原則之解析[J].裝飾，2012（2）：102-103.
UI設(shè)計又稱用戶界面設(shè)計，它主要是指對屏幕上的圖形以及界面進行整體的設(shè)計，比如，對界面或者網(wǎng)站的圖形、顏色以及風格等設(shè)計出各樣的視覺效果。UI界面設(shè)計不僅僅是對用戶界面進行的一種簡單裝飾與美化，因為當今UI設(shè)計師的工作越來越等同于藝術(shù)家的工作，尤其是隨著當今社會生活中越來越多的電子產(chǎn)品以及網(wǎng)頁網(wǎng)站的出現(xiàn)，高水平的UI設(shè)計已經(jīng)成為當今設(shè)計市場在激烈競爭中立于不敗之地的主要途徑。一個漂亮的UI界面，不僅能夠讓用戶有舒適的體驗，還能夠讓該產(chǎn)品為該企業(yè)帶來更多的利益。因此UI界面的設(shè)計不僅僅需要創(chuàng)造藝術(shù)美感，還需要綜合考慮使用的人群以及使用的方法等。雖然當前許多設(shè)計師是參與到了UI界面的設(shè)計工作中，然而UI界面的設(shè)計并非等同于純粹簡單的藝術(shù)創(chuàng)作，人們審美水平的提升和審美水平的變化，對當前UI界面的設(shè)計要求越來越高。如何才能設(shè)計出用戶滿意和舒適的UI界面，為用戶提供更加滿意的體驗，成為當前UI設(shè)計師所面臨的重要課題。
二、UI界面設(shè)計的主要軟件及內(nèi)容
隨著各種各樣電子產(chǎn)品的普及和運用，豐富多彩的界面設(shè)計使得這些電子產(chǎn)品不僅具有吸引客戶，同時還賦予它新的生命力的特點。例如常用的手機與電腦中的圖像設(shè)計軟件photoshop，它是一種對圖形圖像進行編輯的軟件，可以為用戶提供非常便捷和豐富的圖形編輯設(shè)計等功能，用戶可以運用各種顏色以及筆刷的形狀，使得設(shè)計的空間更加廣闊，更加符合他們的設(shè)計理念。當前的專業(yè)藝術(shù)院校還沒有建立一個較為完善的UI界面設(shè)計專業(yè)，因此培養(yǎng)專業(yè)的UI設(shè)計師是設(shè)計出良好UI界面的關(guān)鍵，UI設(shè)計的主要內(nèi)容包括以下幾個方面：
一是網(wǎng)頁的整體布局與設(shè)計。這需要設(shè)計師具有綜合的知識與能力，需要將多種設(shè)計元素融入界面設(shè)計之中，同時要突出頁面設(shè)計的主題，根據(jù)用戶的需求和實際情況來構(gòu)圖設(shè)計，在注重美的同時，還要重視實用的便捷性原則。
二是對界面的外觀進行設(shè)計。常用的UI界面外觀設(shè)計的手段有利用經(jīng)典的幾何圖形，比如圓形、長方形、菱形、四邊形等等，每一種圖形都代表著不同的含義。同時在設(shè)計中還可以結(jié)合多種形狀，表現(xiàn)更加豐富和更加具有層次的特點。
三是對界面中文字的設(shè)計與編排。文字是界面中的主要內(nèi)容，因此為了突出界面中的主要信息要對文字的顏色、字體、字號等等進行搭配與組合的設(shè)計。同時還要對字的行間距等進行協(xié)調(diào)的搭配，讓整個文字給人以視覺上美的享受。
四是對圖片的設(shè)計與多媒體的設(shè)計。任何一個UI界面都會涉及到圖片與文字，因此通過圖片來補充文字，具有良好的視覺補充效果，可以互相滲透，讓界面更加的活躍，更加的具有立體感，也讓整個界面更加豐富。而隨著3d、2d的動畫效果的普遍運用，為了吸引更多的使用者，設(shè)計師可以通過在界面中插入3d與2d的動畫效果，讓聲音視頻等，更多的媒體參與到頁面設(shè)計中，可以充分的調(diào)動用戶的各種感官的體驗與享受。
五對網(wǎng)頁界面背景的設(shè)計。背景的設(shè)計需要遵循與文字、圖片以及其他內(nèi)容風格統(tǒng)一、渾然一體的原則。同時背景往往起到了襯托和渲染的作用，在設(shè)計上一般比較柔和，不能喧賓奪主。
六對顏色的設(shè)計搭配。對色彩的設(shè)計是整個界面設(shè)計中最為關(guān)鍵和核心的一個環(huán)節(jié)，由于色彩往往給人第一印象和第一視覺沖擊的影響，因此它直接影響和作用著人的情感，不同的顏色會讓人產(chǎn)生不同的心理體驗與感受，因此UI界面設(shè)計中對色彩的搭配，首先需要從用戶的角度出發(fā)，讓用戶可以根據(jù)自己的喜好，任意選擇滿意的色彩變化。其次是UI界面設(shè)計的色彩要能夠起到引導(dǎo)作用，能夠為用戶傳達一種情感的導(dǎo)向，人的情感與顏色之間密不可分，良好的UI設(shè)計師總是能夠通過顏色的搭配，抓住用戶的情感體驗，并且吸引用戶。
七是對明暗以及深淺的設(shè)計搭配。如果設(shè)計師選擇了深色的背景，那么就應(yīng)該在深色的背景上使用淺色或亮色的文字和圖片，這樣用戶的視覺就可以停留在文字與圖片上，通過深淺和明暗的色彩對比能夠讓頁面更加的賞心悅目。
三、UI界面設(shè)計的具體措施
關(guān)鍵詞：界面設(shè)計；教學；考核
中圖分類號：G42 文獻標識碼：A 文章編號：1005-5312（2013）29-0237-01
一、教學內(nèi)容：不同專業(yè)側(cè)重點不同
（一）繪畫專業(yè)
本專業(yè)學生主要學習繪畫藝術(shù)方面的基本理論和基本知識，受到藝術(shù)思維與繪畫造型的基本訓練，具有繪畫創(chuàng)作的基本能力。與其他專業(yè)相比，繪畫專業(yè)大學生表現(xiàn)出不同的特點。由于美術(shù)專業(yè)對技能有很高的要求，他們的創(chuàng)新精神和實踐能力較強。此外，繪畫專業(yè)大學生的思想開放、思維活躍，容易接受新觀念。因此在創(chuàng)新能力方面比設(shè)計類的學生更豐富、更大膽，在課程教學中多發(fā)揮其本專業(yè)的特點，多培養(yǎng)創(chuàng)新能力。手繪能力強，但是其軟件操作能力差，在作業(yè)設(shè)置時可以強調(diào)其手繪能力而避免軟件操作。
（二）工業(yè)設(shè)計專業(yè)
工業(yè)設(shè)計的核心是產(chǎn)品設(shè)計。工業(yè)設(shè)計專業(yè)培養(yǎng)的學生具有理性分析能力與感性藝術(shù)表現(xiàn)雙重能力。在設(shè)計追求美觀、易用、個性化的同時，產(chǎn)品界面設(shè)計的內(nèi)容得以體現(xiàn)。工業(yè)設(shè)計中的新產(chǎn)品開發(fā)過程中需要考慮產(chǎn)品造型和軟件設(shè)計的一致性和易用性。故對于工業(yè)設(shè)計專業(yè)界面設(shè)計的教學應(yīng)當以硬件界面設(shè)計與軟件界面設(shè)計結(jié)合為重點。掌握其軟、硬件界面的設(shè)計原則與技能。所以教學重點在培養(yǎng)其界面的交互行為、信息構(gòu)建及產(chǎn)品功能需求方面。
（三）視覺傳達專業(yè)
在我國界面設(shè)計最初等同于圖形設(shè)計，最初的界面設(shè)計師這一角色大多是由平面設(shè)計專業(yè)的“美工”充當?shù)摹Ｒ驗榻缑嬖O(shè)計中視覺設(shè)計部分占有重要比重。對于視覺傳達專業(yè)的學生來說，長處是具有較強的圖形、色彩、版式等視覺設(shè)計能力，欠缺的是邏輯分析能力以及結(jié)構(gòu)設(shè)計與交互設(shè)計能力。相關(guān)學科基礎(chǔ)知識也相對缺乏。視覺傳達的設(shè)計領(lǐng)域包括字體設(shè)計、標志設(shè)計、編排設(shè)計、廣告設(shè)計、包裝設(shè)計等，其設(shè)計對象是視覺符號。因此應(yīng)當以軟件界面設(shè)計部分為重點。發(fā)揮專業(yè)所長，加強軟件界面的美觀、個性、創(chuàng)新等設(shè)計能力。同時強化相關(guān)理論知識，在界面設(shè)計的理論原則指導(dǎo)下進行設(shè)計。在教學中側(cè)重其視覺元素的訓練和創(chuàng)意。
綜上因素，在教學內(nèi)容上主要分了幾個模塊，根據(jù)不同的專業(yè)特點采取不同側(cè)重點。
1.圖標設(shè)計。繪畫專業(yè)和視覺專業(yè)其作業(yè)占主要，工業(yè)設(shè)計專業(yè)次要，培養(yǎng)創(chuàng)新能力，視覺表達能力。
2.手機界面設(shè)計。工業(yè)設(shè)計專業(yè)占主要，視覺及繪畫專業(yè)占次要，主要培養(yǎng)其邏輯思維能力、分析能力。
3.網(wǎng)頁界面設(shè)計。綜合能力考核。
二、教學方法：不同專業(yè)教學方法不同
在教學中，總體上是采用任務(wù)驅(qū)動式教學模式，通過一個個任務(wù)來達到教學目標。對不同任務(wù)又采用不同的教學方法，例如在圖標UI設(shè)計模塊，采用學生自主設(shè)計為主，沒有對錯好壞之分，只要學生設(shè)計出相關(guān)的主題界面就算成功。主要在于培養(yǎng)學生的創(chuàng)新思維能力，在此階段繪畫專業(yè)的學生表現(xiàn)的非常突出，每個方案都非常有意思而且手繪表達也非常到位。
而在手機UI 設(shè)計模塊，則采用設(shè)計比賽形式，以小組形式來做作業(yè)，其作業(yè)必須按照設(shè)計比賽的標準，從草圖到成型整過過程，在此作業(yè)中設(shè)計專業(yè)的學生表現(xiàn)非常好，發(fā)揮了其軟件操作能力，作品完成的非常好。同時設(shè)計出來的作品即可作為作業(yè)也可參加比賽，這樣很好鍛煉學生動手操作能力，同時，要求學生在組內(nèi)互幫互助，共同合作完成一個比才賽項目。通過這種形式讓學生提早了解企業(yè)以小組、團隊形式做設(shè)計模式，做到理論與實踐相結(jié)合教學方法。
三、考核形式
由于課程的特殊性，課程的考核采用過程化考核方式，將整個學習過程都納入到考核當中，學生的每一任務(wù)的完成都有相應(yīng)的分數(shù)，學生的總成績=平時表現(xiàn)+學生互評成績+任務(wù)完成成績。這樣，在UI設(shè)計沒有一個統(tǒng)一標準的情況下，逐步將學生的成績進行量化，使學生重視平時的學習，弱化最后課程的考核，改變學生最后突擊的現(xiàn)狀。
四、結(jié)束語
界面設(shè)計是伴隨著信息時代的發(fā)展而產(chǎn)生的新興學科。界面設(shè)計領(lǐng)域具有廣闊的發(fā)展前景。在市場中符合界面設(shè)計的具有綜合學科素質(zhì)的專業(yè)人才仍然相對缺乏。我國高校教育開設(shè)界面設(shè)計專業(yè)還比較少，教學還不完善、成熟。因此，根據(jù)不同專業(yè)特點調(diào)整界面設(shè)計的教學內(nèi)容及教學方法，在提高專業(yè)水平的同時潛在的培養(yǎng)界面設(shè)計專業(yè)人才是十分必要的。
[關(guān)鍵詞]人機界面 設(shè)計 界面研究
隨著科技的發(fā)展，各種人類活動電子化，計算機等電子科技產(chǎn)品在日常生活中發(fā)揮著越來越重要的作用。而伴隨著這些新技術(shù)的發(fā)展，人機交互成為了一門新興的專業(yè)學科，而人機界面作為人機交互系統(tǒng)中的一個環(huán)節(jié)，幫助協(xié)調(diào)計算機與用戶，實現(xiàn)計算機軟件與用戶之間的聯(lián)系與工作，起著關(guān)鍵性的作用。
一、人機交互的含義
人機交互是指人與計算機之間使用某種會話語言，以一定的方式，為完成確定任務(wù)而進行的人機之間的信息交換過程。
而人機界面則是人機交互系統(tǒng)中媒介，只要是參與人機信息交流的一切領(lǐng)域都是屬于界面設(shè)計的范疇，所以人機界面的應(yīng)用的領(lǐng)域也是相當廣泛，如工業(yè)設(shè)計和機械設(shè)計；人機交互以及軟件開發(fā)；金融領(lǐng)域、管理學等學科；醫(yī)學、工作保健等方面；系統(tǒng)設(shè)計方面；交通人機工程、軍隊系統(tǒng)、環(huán)境人機工程、語音識別等。
作為一門交叉學科，人機界面涉及到人機工程學、工業(yè)設(shè)計、計算機科學、認知科學、生理學、藝術(shù)學、社會學等相關(guān)領(lǐng)域。所以一個優(yōu)秀的界面設(shè)計的評價，要從多角度來看待，從多方面因素來評價。
簡而言之，人機界面設(shè)計是一個結(jié)合計算機科學、美學、心理學、人機工程學等工業(yè)和商業(yè)領(lǐng)域的行為，其目標是促進設(shè)計，執(zhí)行和優(yōu)化信息與通信系統(tǒng)以滿足用戶的需要。
二、優(yōu)秀人機界面所具備的特點
人機界面設(shè)計從最開始的“人不得不努力去適應(yīng)計算機”過渡到“計算機將努力去適應(yīng)人的需要”，這是對人機界面設(shè)計提出的要求與最終結(jié)果。所以，用戶滿意度是一個優(yōu)秀的界面設(shè)計所必須滿足的條件。
從用戶的角度分析出發(fā)來研究人機界面，一個優(yōu)秀的界面可分為三類：功能性設(shè)計界面、情感性設(shè)計界面、環(huán)境性設(shè)計界面。設(shè)計界面是以功能性界面為基礎(chǔ)，以環(huán)境性界面為前提，以情感性界面為重心，他們之間互相是有機聯(lián)系的。
人機界面設(shè)計的好壞與設(shè)計者的經(jīng)驗有關(guān)系，并且存在著一般適用的基本原則。如界面設(shè)計的八條黃金規(guī)則（適用于大多數(shù)的交互系統(tǒng)）： 1.盡可能保證一致；2.符合普遍可用性；3.提供信息豐富的反饋；4.設(shè)計說明對話框以生成結(jié)束信息；5.預(yù)防錯誤；6.允許輕松的反向操作；7.支持內(nèi)部控制點；8.減少短時記憶。在滿足這幾項一般適用原則之后，界面就能滿足用戶最基本的最基本功能性要求。
三、從用戶角度分析優(yōu)秀的界面設(shè)計
從發(fā)展趨勢來看，人機界面大致包括以下幾方面機能：系統(tǒng)管理、會話管理、返回和錯誤處理信息、操作者支持、存貯的數(shù)據(jù)管理、有關(guān)設(shè)施服務(wù)、智能化系統(tǒng)。
而作為人和計算機之間的聯(lián)系媒介的人機界面，可以劃分為用戶層、環(huán)境層、應(yīng)用層、數(shù)據(jù)庫層四個層。用戶層和環(huán)境層合起來就成為用戶界面。用戶通過用戶層將信息傳遞給計算機，計算機也是通過這一層將信息傳遞給用戶，環(huán)境層能對信息進行識別、驗證等處理，是用戶和計算機能得到正確的信息，同時對用戶和計算機起幫助。應(yīng)用層接受信息，執(zhí)行規(guī)定的動作，并給出處理結(jié)果。數(shù)據(jù)庫層是存放、管理各種數(shù)據(jù)，供各層試用。
用戶在使用人機界面，先輸入命令或者數(shù)據(jù)，對于命令包括菜單選擇的命令要做句法和詞義檢查。出錯的話，通過屏幕提示用戶，要求用戶重新輸入。若是正確，則轉(zhuǎn)到中間操作和執(zhí)行應(yīng)用程序，為用戶下一步工作服務(wù)。應(yīng)用程序的執(zhí)行是用戶工作的中心。在應(yīng)用程序執(zhí)行時，可返回到中間操作處或輸出執(zhí)行結(jié)果，在應(yīng)用程序執(zhí)行時也可以調(diào)用支持設(shè)施，給與用戶幫助。輸出的結(jié)果經(jīng)屏幕提示用戶。
在這些設(shè)計的過程中，最緊要的就是將設(shè)計與用戶需求相結(jié)合。首先人機界面設(shè)計要確立用戶類型，然后針對其特點預(yù)測他們對不同界面的反應(yīng)，這就需要從多方面進行設(shè)計分析。其次，人機界面要盡量較少用戶的記憶負擔，采用一些有助于記憶的設(shè)計方案，可以使得用戶有效的提高工作效率。最重要的還有，幫助和提示原則對用戶的操作命令作出反應(yīng)，幫助用戶處理問題，系統(tǒng)要求設(shè)計有恢復(fù)現(xiàn)場出錯的能力，在系統(tǒng)內(nèi)部處理工作要有提示，把主動權(quán)交給用戶。
對于用戶來說，一個優(yōu)秀的人機界面需要滿足大多數(shù)用戶的操作喜好及感官需求，讓用戶能夠輕松的控制其使用過程，得到用戶的好評。而以用戶為中心人機界面設(shè)計的設(shè)計方法的基本思想就是在每個設(shè)計過程中把用戶擺在設(shè)計過程的首位。
四、人機界面設(shè)計的一般過程
人機界面設(shè)計的第一步是創(chuàng)建用戶模型，了解用戶的意圖，知道用戶想做什么。研究用戶的目的在于激發(fā)設(shè)計團隊并讓他們聚焦在某些關(guān)鍵點上，換位思考，處于用戶的環(huán)境中，了解用戶的需要。設(shè)計師可以適當深入到實際的使用場景中去，通過與用戶交流，讓用戶在使用時說出自己的想法，這樣才能不忽視細節(jié)關(guān)鍵。
完成用戶模型定義之后，需要定義和分析用戶履行的任務(wù)，尋找與任務(wù)相關(guān)的概念模型，對結(jié)果進行分析總結(jié)出設(shè)計主題。并且通過視覺化的形式來表現(xiàn)給設(shè)計團隊，一邊突出設(shè)計重點。分析需求的目的是為了將用戶的需求更加直觀的展示給設(shè)計團隊，以達到以用戶為中心界面設(shè)計的目的。
在完成用戶建模和需求后，就可以使用這些信息構(gòu)建草圖，進一步構(gòu)建產(chǎn)品原型。在構(gòu)建原型時，也應(yīng)考慮到使用者界面的設(shè)計標準來構(gòu)架技術(shù)框架。在人機界面最終完成時，要將其軟、硬件系統(tǒng)按其性能、功能、界面形式、可用性等方面進行評估，最重要的是要進行用戶測試，進行用戶反饋。
五、人性化的設(shè)計原則在人機界面中應(yīng)用
一個好的界面設(shè)計，能夠讓用戶在愉悅的環(huán)境中使用，并且激發(fā)出用戶的興趣。設(shè)計出情感界面方法無外乎是使用富含表情圖標和其他元素來表達感情狀態(tài)，使用這些富有表現(xiàn)力的裝飾，提供了讓用戶放心的反饋，這個反饋既富含信息又生動。
所以在在軟界面設(shè)計中注重對人的認知分析，從而建立以界面設(shè)計為中心的軟件設(shè)計框架是一個優(yōu)秀界面設(shè)計的必備因素。以人為本的設(shè)計理念應(yīng)貫穿人機界面的全過程。
比如手機界面的UI設(shè)計，首先，對用戶進行調(diào)查分類，搞清用戶的訴求與喜好。然后開始定義分析設(shè)計相應(yīng)的軟件界面，針對大眾用戶群體的可用性分析與界面視覺探索，將抽象的概念需求轉(zhuǎn)化為視覺形象化的圖形設(shè)計語言，以確定產(chǎn)品方向。最后將設(shè)計出來的界面進行評估反饋。最終得出設(shè)計的要點有簡潔的視覺呈現(xiàn)、便捷的交互體驗、統(tǒng)一的整體風格、精致的細節(jié)訴求。
隨著系統(tǒng)的日益復(fù)雜和功能的不斷強大，軟件操作日益復(fù)雜，門檻也越來越高，但軟件的最終使用者還是用戶，因此建立軟件與用戶之間的良好溝通是具有重要意義的。這樣一來既能方便用戶使用，又加強了人機之間的共鳴。不僅是有助于設(shè)計的順利進行，也將使用戶受益。
六、小結(jié)
成功的人機界面設(shè)計不僅會提高使用者的工作效率，帶給用戶一個舒暢的使用環(huán)境，成為一個適應(yīng)大眾的優(yōu)秀軟件。
人機界面設(shè)計不僅是單純的美工設(shè)計，或是單純的功能設(shè)計，而應(yīng)該更多的考慮它的使用方式與滿足不同使用者的使用方式與需求。將完善的交互功能與優(yōu)秀的人機界面結(jié)合起來，滿足使用者方便快捷的使用需求，只有這樣的界面才是優(yōu)秀的人機界面。因此，人機界面設(shè)計最后重要的在于“人”與“機”之間的結(jié)合，人機結(jié)合密切的界面使用戶樂于使用的優(yōu)秀界面。
參考文獻：
