首頁(yè) > 優(yōu)秀范文 > 界面設(shè)計(jì)
時(shí)間：2023-03-08 15:36:57
序論：速發(fā)表網(wǎng)結(jié)合其深厚的文秘經(jīng)驗(yàn)，特別為您篩選了11篇界面設(shè)計(jì)范文。如果您需要更多原創(chuàng)資料，歡迎隨時(shí)與我們的客服老師聯(lián)系，希望您能從中汲取靈感和知識(shí)！
一、前言
隨著移動(dòng)通信技術(shù)、網(wǎng)絡(luò)技術(shù)的普及，手機(jī)的功能日益強(qiáng)大，成為人們生活不可或缺的用品。而喬布斯帶領(lǐng)的蘋(píng)果公司引發(fā)的手機(jī)革命，使得以諾基亞、摩托羅拉占主導(dǎo)的手機(jī)市場(chǎng)重新洗牌，開(kāi)啟了智能手機(jī)大屏觸控操作方式的全新時(shí)代，為人們創(chuàng)造出了一種全新的移動(dòng)信息體驗(yàn)，在全球也掀起了一場(chǎng)蘋(píng)果手機(jī)的熱潮。手機(jī)市場(chǎng)的巨變是科技的發(fā)展與市場(chǎng)的需求，手機(jī)領(lǐng)域創(chuàng)新性的消除按鍵操作，引入觸摸屏的設(shè)計(jì)，使手機(jī)界面設(shè)計(jì)的重要性顯得尤為突出，界面設(shè)計(jì)隨之蓬勃發(fā)展。
二、界面設(shè)計(jì)
界面設(shè)計(jì)在國(guó)外盛行較早，近幾年在中國(guó)逐漸受到重視，界面設(shè)計(jì)師也成為一個(gè)新興崗位受到親昵。界面設(shè)計(jì)涉及到計(jì)算機(jī)科學(xué)、藝術(shù)、認(rèn)知心理學(xué)、人機(jī)工程學(xué)等知識(shí)。界面是人與產(chǎn)品之間經(jīng)互動(dòng)、傳遞和交換信息的媒介，包括硬件界面和軟件界面。界面設(shè)計(jì)是通過(guò)用戶(hù)體驗(yàn)來(lái)提升設(shè)計(jì)，優(yōu)化信息與通信軟件系統(tǒng)，以滿(mǎn)足用戶(hù)的需要。界面設(shè)計(jì)主要在視覺(jué)、聽(tīng)覺(jué)和觸覺(jué)上運(yùn)用人的感知能力通過(guò)符號(hào)的意義，達(dá)到用戶(hù)與產(chǎn)品的信息交流。界面設(shè)計(jì)的成功與否，不僅決定了用戶(hù)對(duì)產(chǎn)品的第一印象，而且能拉近與產(chǎn)品的距離，給人帶來(lái)愉悅而難忘的體驗(yàn)。
三、手機(jī)界面設(shè)計(jì)的特性
（一）簡(jiǎn)單明了，體貼細(xì)致
手機(jī)是一個(gè)集信息技術(shù)和網(wǎng)絡(luò)于一體的多功能產(chǎn)品，在生活中手機(jī)不再只是通訊的工具，更像是手中電腦，包括網(wǎng)絡(luò)游戲、應(yīng)用軟件、影視娛樂(lè)，成為日常生活中不可缺少的電子娛樂(lè)工具。現(xiàn)在智能手機(jī)絕大多數(shù)功能都集中在手機(jī)觸摸屏上，顯示屏成為信息配置交互的媒介，手機(jī)界面設(shè)計(jì)的重要性不可言喻。在手機(jī)界面設(shè)計(jì)中要考慮用戶(hù)使用習(xí)慣，方便操作，減少識(shí)別與操作的時(shí)間。讓用戶(hù)更加愉快、輕松、沒(méi)有負(fù)擔(dān)的進(jìn)行操作。因此，簡(jiǎn)潔的界面設(shè)計(jì)更容易上手。
（二）風(fēng)格統(tǒng)一，主題明確
手機(jī)界面設(shè)計(jì)有效的傳播各種信息，進(jìn)行各種信息編輯、傳達(dá)和顯示。界面設(shè)計(jì)風(fēng)格逐漸成為手機(jī)的標(biāo)志，界面設(shè)計(jì)的表現(xiàn)手段和表現(xiàn)范圍得到了大大的擴(kuò)展。手機(jī)界面圖窗化、菜單化的交互界面大大豐富了設(shè)計(jì)師的表現(xiàn)力，解放了對(duì)設(shè)計(jì)形式的束縛。沒(méi)有風(fēng)格特色就是沒(méi)有閃光點(diǎn)，盲目的突出炫麗的色彩和個(gè)性，忽視主題的表現(xiàn)是手機(jī)界面設(shè)計(jì)的大忌。整體化的設(shè)計(jì)風(fēng)格，突出各種信息傳播，將成為未來(lái)設(shè)計(jì)師的主要表現(xiàn)手段。
（三）體現(xiàn)文化、品質(zhì)生活
進(jìn)入品質(zhì)生活的時(shí)代，將科技成果應(yīng)用于產(chǎn)品設(shè)計(jì)中，不但促進(jìn)了產(chǎn)品設(shè)計(jì)水平的提高，也滿(mǎn)足了人對(duì)高品質(zhì)生活的追求。科技是界面設(shè)計(jì)體驗(yàn)性、舒適性、美觀性和智能性的保證?？萍寂c手機(jī)界面設(shè)計(jì)結(jié)合起來(lái)，手機(jī)界面更為清晰，視覺(jué)效果更為逼真，真實(shí)感強(qiáng)，界面圖標(biāo)形象直觀?？萍既谌朐O(shè)計(jì)文化中，才能有效拓展設(shè)計(jì)創(chuàng)造，達(dá)到理性和感性相統(tǒng)一的境界，創(chuàng)造一種文化的品味。
四、手機(jī)界面設(shè)計(jì)原則
良好的手機(jī)界面設(shè)計(jì)是易用性、互動(dòng)性以及用戶(hù)需求的統(tǒng)一，為用戶(hù)創(chuàng)造一種完美的使用體驗(yàn)達(dá)到為以人為本的設(shè)計(jì)宗旨。
（一）易用性
現(xiàn)代手機(jī)以其擴(kuò)展性強(qiáng)大的功能逐漸融入人們的生活。手機(jī)功能的日益強(qiáng)大，科技含量日益升高，加之觸摸屏設(shè)計(jì)的融入，以往功能性按鍵都融入到界面設(shè)計(jì)里面，使得手機(jī)在使用上的復(fù)雜程度和潛在功能空前提高。高科技的產(chǎn)品難免給人帶來(lái)不適應(yīng)感，因此手機(jī)在界面設(shè)計(jì)上要能夠向用戶(hù)表明操作方式，讓用戶(hù)輕松上手。在操作方式上要從用戶(hù)的認(rèn)知規(guī)律出發(fā)，逐步引導(dǎo)用戶(hù)，帶給人便利與快捷，使用戶(hù)面對(duì)這種智能產(chǎn)品不再那么陌生和恐懼。手機(jī)界面設(shè)計(jì)的易用性，使人和手機(jī)之間的關(guān)系更加融治。人性化的友好界面不僅要美觀簡(jiǎn)潔易于操作，而且要具有引導(dǎo)人們進(jìn)行操作，遷就人的行為方式，體諒人的情感，增強(qiáng)使用興趣，縮短掌握時(shí)間，提高使用效率，使手機(jī)界面在使用上變得簡(jiǎn)單易行。
（二）互動(dòng)性
互動(dòng)可以理解為是產(chǎn)品與用戶(hù)之間的一種交流。手機(jī)不在像過(guò)去那樣通過(guò)功能、外形、材質(zhì)或工藝等方面去獲取市場(chǎng)競(jìng)爭(zhēng)，而是通過(guò)用戶(hù)體驗(yàn)來(lái)提升產(chǎn)品的價(jià)值，以用戶(hù)為中心的體驗(yàn)設(shè)計(jì)越來(lái)越受人們的重視，這種用戶(hù)體驗(yàn)主要是人機(jī)之間的交互界面設(shè)計(jì)，其核心的強(qiáng)調(diào)人性化、強(qiáng)調(diào)經(jīng)歷過(guò)程、強(qiáng)調(diào)角色扮演、強(qiáng)調(diào)親身體驗(yàn)，吸引用戶(hù)樂(lè)于自我嘗試操作，自我學(xué)習(xí)。差強(qiáng)人意的手機(jī)界面設(shè)計(jì)，往往給人冷漠呆板，缺乏熱情的印象。隨著人類(lèi)社會(huì)步入體驗(yàn)經(jīng)濟(jì)時(shí)代，人們愈來(lái)愈追求個(gè)人的全面發(fā)展，追求新奇多樣化的人生體驗(yàn)，渴望產(chǎn)生互動(dòng)，更積極主動(dòng)參與，越來(lái)越多期待在產(chǎn)品使用過(guò)程中獲得愉悅而難忘的體驗(yàn)。因此在手機(jī)界面設(shè)計(jì)上應(yīng)增加界面設(shè)計(jì)的互動(dòng)性、多樣性和創(chuàng)造性，通過(guò)互動(dòng)的方式與用戶(hù)進(jìn)行接觸，給人們帶來(lái)歡樂(lè)，留下更為深刻的記憶。手機(jī)界面是圖形、文字、聲音等元素的集合。互動(dòng)性的融入讓用戶(hù)與手機(jī)之間的交流轉(zhuǎn)化為更加主動(dòng)的參與。加強(qiáng)界面設(shè)計(jì)的生動(dòng)性，可通過(guò)視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、味覺(jué)，來(lái)增強(qiáng)用戶(hù)使用手機(jī)的愉悅度。
（三）用戶(hù)需求
產(chǎn)品設(shè)計(jì)的目的是為人服務(wù)，因此，任何界面設(shè)計(jì)的開(kāi)始必須面向用戶(hù)。滿(mǎn)足用戶(hù)需求，體現(xiàn)出設(shè)計(jì)對(duì)使用者的關(guān)懷，這樣的手機(jī)界面設(shè)計(jì)才具有生命力。手機(jī)界面設(shè)計(jì)需要準(zhǔn)確定位使用者、使用環(huán)境、使用方式，以用戶(hù)的期望和用戶(hù)的理解方式來(lái)進(jìn)行設(shè)計(jì)，一切以用戶(hù)的需求和感受為出發(fā)點(diǎn)，避免那些虛張聲勢(shì)的噱頭。
五、結(jié)語(yǔ)
手機(jī)伴隨著時(shí)代的發(fā)展而不斷進(jìn)步，手機(jī)的變革豐富了現(xiàn)代社會(huì)生活，影響了人們的生活方式，提高了人們的生活質(zhì)量，已經(jīng)給我們帶來(lái)了前所未有的生活體驗(yàn)。在為來(lái)手機(jī)界面設(shè)計(jì)將更加豐富更加完善。
參考文獻(xiàn)：
[1] 蘇青山.移動(dòng)時(shí)代UI設(shè)計(jì)中用戶(hù)體驗(yàn)淺談[J].網(wǎng)絡(luò)財(cái)富，2010（3）.
多媒體技術(shù)是指將多種單媒體復(fù)合而成的技術(shù)。多媒體技術(shù)融合了各種視覺(jué)和聽(tīng)覺(jué)媒體，包括動(dòng)畫(huà)、文字、圖形、圖像、語(yǔ)言、音樂(lè)和立體聲響等，多媒體網(wǎng)頁(yè)UI界面可以讓用戶(hù)同時(shí)接受多樣的媒體信息來(lái)源。網(wǎng)頁(yè)UI界面設(shè)計(jì)中使用多媒體技術(shù)可以體現(xiàn)以下幾個(gè)特點(diǎn)：1）集成性，對(duì)遠(yuǎn)程多媒體的影音信息統(tǒng)一取得與。2）交互性，人性化的實(shí)現(xiàn)信息傳播，能夠主動(dòng)選擇和控制信息流方向。3）非線性，創(chuàng)建了超文本鏈接方法，把靈活展示瀏覽內(nèi)容。4）實(shí)時(shí)性，實(shí)時(shí)控制多媒體信息，及時(shí)配合用戶(hù)指令。5）動(dòng)態(tài)性，用戶(hù)可以按照自己的需求選擇信息使用方式，甚至重組信息的各種表現(xiàn)形式。
網(wǎng)頁(yè)交互設(shè)計(jì)
交互設(shè)計(jì)需要解決的是人與機(jī)器之間互動(dòng)的問(wèn)題，是表現(xiàn)層的東西，好的交互設(shè)計(jì)方案能夠讓用戶(hù)感覺(jué)網(wǎng)頁(yè)非常好用。怎樣的網(wǎng)頁(yè)交互設(shè)計(jì)才算是好的方案呢？1.讓人有耐心等待。根據(jù)網(wǎng)絡(luò)調(diào)查，大多數(shù)用戶(hù)對(duì)網(wǎng)頁(yè)打開(kāi)的等待時(shí)間最多堅(jiān)持5秒鐘，如果5秒內(nèi)頁(yè)面都不能打開(kāi)，那這個(gè)頁(yè)面上的內(nèi)容將沒(méi)有任何意義都就將。所以在交互設(shè)計(jì)時(shí)，需要考慮網(wǎng)頁(yè)等待時(shí)給用戶(hù)提供的信息。最好的方式是反饋，當(dāng)用戶(hù)等待時(shí)，告訴用戶(hù)他的操作是否成功并且將剩余的等待時(shí)間實(shí)時(shí)呈現(xiàn)，這樣就能有效解決用戶(hù)不能耐心等待的問(wèn)題。2.讓人不用動(dòng)腦筋想。好的網(wǎng)站能夠幫助用戶(hù)快速完成任務(wù)，要達(dá)到快速完成任務(wù)的目的，交互設(shè)計(jì)必須使頁(yè)面簡(jiǎn)單，盡量讓用戶(hù)瀏覽時(shí)不收不必要的干擾，最好能夠符合用戶(hù)心智模型。因?yàn)椋蟛糠值挠脩?hù)在瀏覽網(wǎng)站時(shí)希望的是能快速找到勉強(qiáng)應(yīng)付的方案，而不愿意主動(dòng)尋找方案，百分之八十的用戶(hù)只會(huì)用百分之二十的功能。
網(wǎng)頁(yè)UI界面設(shè)計(jì)展望
1Web界面設(shè)計(jì)模式
1.1Web界面設(shè)計(jì)
Web即全球廣域網(wǎng)，也稱(chēng)為萬(wàn)維網(wǎng)，它是一種HTML和HTTP協(xié)議的、全球性的、動(dòng)態(tài)交互的、跨平臺(tái)的分布式圖形信息系統(tǒng)。Web界面設(shè)計(jì)，是建立在數(shù)字化環(huán)境下，以網(wǎng)站為依托，以網(wǎng)頁(yè)為載體的一種新型設(shè)計(jì)。根據(jù)人們對(duì)傳統(tǒng)美學(xué)普遍認(rèn)識(shí)，Web界面設(shè)計(jì)一直被強(qiáng)調(diào)為視覺(jué)上的表現(xiàn)手段，如果不計(jì)算技術(shù)的因素，Web界面設(shè)計(jì)中重要的問(wèn)題往往是如何組織和創(chuàng)建Web站點(diǎn)的內(nèi)容。例如，新穎的布局，靚麗的色彩，炫酷的動(dòng)畫(huà)等。隨著HTML4進(jìn)化到HTML5、CSS進(jìn)化到CSS3，網(wǎng)頁(yè)不再僅僅是內(nèi)容的展示，同樣還承載著與用戶(hù)溝通交流得到互動(dòng)環(huán)節(jié)，是否帶來(lái)商業(yè)方面的成功也成為衡量Web設(shè)計(jì)作用的標(biāo)準(zhǔn)。因?yàn)榛ヂ?lián)網(wǎng)的特殊性，Web界面設(shè)計(jì)變成了跨學(xué)科，跨領(lǐng)域知識(shí)的綜合體。為了實(shí)現(xiàn)更好的Web界面設(shè)計(jì)，需要運(yùn)用計(jì)算機(jī)圖形學(xué)、程序設(shè)計(jì)、客戶(hù)機(jī)/服務(wù)器技術(shù)、用戶(hù)界面設(shè)計(jì)、人機(jī)互動(dòng)關(guān)系、心理學(xué)、社會(huì)學(xué)等諸多方面的知識(shí)，為用戶(hù)提供更加便捷與美觀的網(wǎng)頁(yè)界面。
1.2Web界面設(shè)計(jì)涉及范圍
1.2.1內(nèi)容網(wǎng)站的本質(zhì)在于信息的傳播以及如何傳播，問(wèn)題集中在怎樣引導(dǎo)用戶(hù)。由于Web的特殊性，內(nèi)容已經(jīng)脫離我們傳統(tǒng)的定義，它可以包括：文字，圖形，超鏈接，交互操作，動(dòng)畫(huà)，視頻，音頻，在線游戲甚至更多的混合型的組織形式，擁有高質(zhì)量的內(nèi)容是網(wǎng)站成功的關(guān)鍵。Web界面設(shè)計(jì)一方面為了滿(mǎn)足視覺(jué)體驗(yàn)，帶給客戶(hù)不同以往的美學(xué)感受，可以吸引第一次訪問(wèn)的客戶(hù)更加關(guān)注站點(diǎn)，另一方面當(dāng)用戶(hù)在某個(gè)地方停留下來(lái)后，用戶(hù)感興趣的就是信息。內(nèi)容，作為界面設(shè)計(jì)的一部分，既要良好的展現(xiàn)，又要方便用戶(hù)快速獲取。因此，Web界面設(shè)計(jì)的最基本原則是通過(guò)有效的方法更好的組織和規(guī)劃用戶(hù)所能瀏覽到的信息，為用戶(hù)提供方便閱讀的瀏覽頁(yè)面，獲得用戶(hù)的好感。1.2.2技術(shù)技術(shù)的完善與系統(tǒng)是保證合理功能的基礎(chǔ)。Web是由傳統(tǒng)紙媒進(jìn)化到互聯(lián)網(wǎng)的信息載體，其傳播媒介已經(jīng)發(fā)生了徹底的變化，因此要從互聯(lián)網(wǎng)的根本特性出發(fā)進(jìn)行設(shè)計(jì)。目前互聯(lián)網(wǎng)技術(shù)的更新迭代非常迅速，HTML，CSS，JavaScript等都在以超乎想象的速度發(fā)展。因此優(yōu)秀的Web界面一定是及時(shí)把握并應(yīng)用最新的技術(shù)，設(shè)計(jì)師作為Web界面的設(shè)計(jì)者，應(yīng)該時(shí)常關(guān)注技術(shù)領(lǐng)域的變化，保持對(duì)Web前端技術(shù)較高的關(guān)注度。1.2.3交互Web界面作為人機(jī)交互界面，與其他的人機(jī)交互界面如PC操作系統(tǒng)界面、手機(jī)界面、辦公軟件界面等有很多相似的地方，但也有其獨(dú)有的一些特點(diǎn)。認(rèn)知科學(xué)家和其他研究人員，花費(fèi)了數(shù)百小時(shí)，對(duì)人們操作網(wǎng)站的行為，進(jìn)行了仔細(xì)觀察和認(rèn)真研究，以及他們自己怎樣評(píng)估自己的行為，通過(guò)這些研究發(fā)現(xiàn)，人們?cè)谑褂密浖?、操作網(wǎng)站或執(zhí)行其他任何希望在新軟件中支持的動(dòng)作時(shí)，用戶(hù)的行為是可以預(yù)期的。這些行為包括：第一，安全探索：如果一個(gè)人覺(jué)得他可以在一個(gè)界面上進(jìn)行探索而不會(huì)產(chǎn)生可怕的后果，他會(huì)對(duì)這個(gè)界面更加肯定。第二，即時(shí)滿(mǎn)足：人們喜歡立刻從他們的行為看到結(jié)果,這是人類(lèi)的天性。第三，滿(mǎn)意即可：當(dāng)人們看到一個(gè)新的界面時(shí)，他們不會(huì)仔細(xì)審視每個(gè)細(xì)節(jié)，而是會(huì)快速掃描這個(gè)界面，挑選他預(yù)期會(huì)達(dá)到目的元素進(jìn)行操作，盡管有時(shí)可能是個(gè)錯(cuò)誤的選擇。第四，習(xí)慣：當(dāng)一個(gè)人重復(fù)使用某個(gè)界面時(shí)，一些常用的操作將演變成為人的反射性動(dòng)作。用戶(hù)不需要對(duì)這些操作進(jìn)行過(guò)多的思考，他們已經(jīng)養(yǎng)成了習(xí)慣。第五，空間記憶：當(dāng)人們使用東西或文檔時(shí)，他們經(jīng)常通過(guò)回憶它們的位置來(lái)再次找到它們，而不是它們的名字。第六，簡(jiǎn)化重復(fù)工作：在很多軟件中，用戶(hù)有時(shí)候需要重復(fù)某些操作。不同的網(wǎng)站，功能不同，交互方式不同，頁(yè)面上的功能模塊也不盡相同，人們?cè)跒g覽類(lèi)型相似的網(wǎng)站，通常對(duì)網(wǎng)站的操作流程與交互習(xí)慣也會(huì)按照一定模式來(lái)進(jìn)行。因此可以根據(jù)頁(yè)面的功能，在網(wǎng)站制作之初，根據(jù)功能，制定一個(gè)設(shè)計(jì)規(guī)則，所有的模塊都在這個(gè)規(guī)則下進(jìn)行設(shè)計(jì)。良好的設(shè)計(jì)規(guī)則，會(huì)把耦合密集的設(shè)計(jì)參數(shù)進(jìn)行歸類(lèi)作為一個(gè)模塊，并以此劃分工作任務(wù)。而模塊之間彼此通過(guò)一個(gè)固定的數(shù)據(jù)接口進(jìn)行交互。
1.3Web界面設(shè)計(jì)模式
設(shè)計(jì)模式已經(jīng)在軟件編程中得到了非常成功的應(yīng)用，在CSS和HTML中，設(shè)計(jì)模式是指一組適用于多種瀏覽器和屏幕閱讀器的常用功能，利用它可以系統(tǒng)地應(yīng)用到HTML和CSS網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)中。它們提高了網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)的生產(chǎn)力、創(chuàng)造性和效率，并且大大降低了代碼的復(fù)雜性。設(shè)計(jì)模式是所有創(chuàng)意的基礎(chǔ)，它們類(lèi)似于可重用的算法，可以通過(guò)系統(tǒng)地修改和相互組合來(lái)產(chǎn)生預(yù)期結(jié)果。設(shè)計(jì)模式能夠顯著提升創(chuàng)造力和生產(chǎn)力。它可以單獨(dú)使用，快速產(chǎn)生一些結(jié)果；也可以與其他模式相結(jié)合，產(chǎn)生一些復(fù)雜結(jié)果。設(shè)計(jì)模式簡(jiǎn)化和豐富了創(chuàng)造過(guò)程。它們將創(chuàng)造性工作變得像塔積木一樣容易。選擇一些預(yù)定義的設(shè)計(jì)模式，進(jìn)行適當(dāng)?shù)男薷暮徒M合，就可以得到符合要求的結(jié)果。常見(jiàn)的Web界面設(shè)計(jì)模式如下圖：
2HTML5與Web界面設(shè)計(jì)模式
Web界面設(shè)計(jì)，不同與傳統(tǒng)紙媒、影視的設(shè)計(jì)，Web界面的是通過(guò)HTML、CSS、JavaScript這三項(xiàng)關(guān)鍵技術(shù)來(lái)實(shí)現(xiàn)的，其中，HTML作為結(jié)構(gòu)部分，起到了至關(guān)重要的作用。
2.1HTML5對(duì)Web界面設(shè)計(jì)的影響
HTML5對(duì)Web界面設(shè)計(jì)的影響主要表現(xiàn)之一是HTML語(yǔ)義化標(biāo)簽，HTML5可以讓很多更語(yǔ)義化的結(jié)構(gòu)化代碼標(biāo)簽代替大量的無(wú)意義的div標(biāo)簽。這種語(yǔ)義化的特性不僅提升了網(wǎng)頁(yè)的質(zhì)量和語(yǔ)義，并且減少了以前用于CSS調(diào)用的class和id屬性。從兩圖的比較可以看出HTML5的代碼可讀性更高了，也更簡(jiǎn)潔了，內(nèi)容的組織相同，但每個(gè)元素有一個(gè)明確的清晰的定義，不再被迫去猜測(cè)之間不同命名的標(biāo)記，搜索引擎可以更容易地衡量你網(wǎng)頁(yè)上的內(nèi)容和相關(guān)內(nèi)容。
2.2CSS3對(duì)eb界面設(shè)計(jì)的影響
與HTML5語(yǔ)義化結(jié)構(gòu)的相對(duì)應(yīng)的是CSS3的出現(xiàn)，CSS3提出的一些新特性，為設(shè)計(jì)師們提供了實(shí)現(xiàn)越來(lái)越多新奇想法的功能，基于CSS3新增的強(qiáng)大動(dòng)畫(huà)功能，為交互模式增添了更多豐富有趣的效果，同時(shí)，第三方的動(dòng)畫(huà)庫(kù)也應(yīng)運(yùn)而生，大大提供了網(wǎng)頁(yè)開(kāi)發(fā)的速度?；贖TML5與CSS3技術(shù)的Web界面設(shè)計(jì)中，頁(yè)面的動(dòng)畫(huà)效果不再僅僅依靠JS操作DOM才可以實(shí)現(xiàn)，使用CSS3動(dòng)畫(huà)替代JS動(dòng)畫(huà)，可以使動(dòng)畫(huà)效果更加流暢，而且瀏覽器可以對(duì)動(dòng)畫(huà)做優(yōu)化以及實(shí)現(xiàn)3D動(dòng)畫(huà)。
2.3基于HTML5的Web界面設(shè)計(jì)模式的改善
基于以上新技術(shù)，可以在原有Web界面設(shè)計(jì)的模式基礎(chǔ)上，在技術(shù)層面得到進(jìn)一步的發(fā)揮，其中包括：提高可用性和改進(jìn)用戶(hù)的友好體驗(yàn)；使用CSS3動(dòng)畫(huà)，讓W(xué)EB界面設(shè)計(jì)模式更加生動(dòng)有趣，增加用戶(hù)體驗(yàn)，提高產(chǎn)品的吸引力；為站點(diǎn)帶來(lái)更多多媒體元素(視頻和音頻)；HTML5新增的語(yǔ)義化標(biāo)簽，讓搜索引擎讀懂圖片、視頻、富媒體；具有良好的可移植性。
3結(jié)論
綜上所述，HTML5在技術(shù)層面為Web界面設(shè)計(jì)模式增加了新的功能和方法，這一新技術(shù)，突破了傳統(tǒng)Web界面設(shè)計(jì)的框架，使設(shè)計(jì)進(jìn)入了一個(gè)新的領(lǐng)域。由此帶來(lái)的Web界面設(shè)計(jì)的新模式和新思想，將在未來(lái)的一段時(shí)間快速的涌現(xiàn)。Web界面設(shè)計(jì)模式將更多的依賴(lài)技術(shù)的革新，將以往靜態(tài)的界面被有趣的交互動(dòng)畫(huà)所代替，Web界面設(shè)計(jì)模式，也會(huì)從單一頁(yè)面的視覺(jué)設(shè)計(jì)，向以功能模塊化為主的方向發(fā)展。當(dāng)前，以移動(dòng)端為主的Web應(yīng)用正在異軍突起，基于移動(dòng)端的Web界面設(shè)計(jì)模式也趨于成熟和穩(wěn)定，移動(dòng)端因其顯示界面有限，視覺(jué)展示效果非常有限，傳統(tǒng)以視覺(jué)效果為主的Web界面設(shè)計(jì)模式在這一領(lǐng)域無(wú)法施展，Web界面設(shè)計(jì)也從原來(lái)視覺(jué)設(shè)計(jì)這一領(lǐng)域，與Web前端技術(shù)進(jìn)行了更多的技術(shù)融合，更多的關(guān)注用戶(hù)體驗(yàn)。Web界面設(shè)計(jì)主要目的就是滿(mǎn)足人們?cè)跒g覽網(wǎng)頁(yè)時(shí)的良好交互體驗(yàn)，是藝術(shù)與技術(shù)融合的產(chǎn)物，Web界面設(shè)計(jì)模式，將更多地從技術(shù)層面進(jìn)行演變和發(fā)展。
參考文獻(xiàn)：
1 UI界面設(shè)計(jì)的概述和原則
UI是User Interface（用戶(hù)界面）的簡(jiǎn)稱(chēng)，在人和機(jī)器的互動(dòng)過(guò)程（Human Machine Interaction）中存在的一個(gè)層面，即我們所說(shuō)的界面（interface），從心理學(xué)意義來(lái)分，用戶(hù)界面可分為感覺(jué)（視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)等）和情感兩個(gè)層次。
從用戶(hù)角度來(lái)看，新媒介上交互設(shè)計(jì)是一種讓產(chǎn)品易用、愉悅、有效傳達(dá)信息的技術(shù)工具。更好了解目標(biāo)用戶(hù)和他們的期望，了解用戶(hù)在同產(chǎn)品交互時(shí)產(chǎn)生的用戶(hù)需要和使用規(guī)律，以及對(duì)信息獲取是否快捷和是否產(chǎn)生不確定性因素。從心理學(xué)意義來(lái)分，界面可分為感覺(jué)（視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)等）和情感兩個(gè)層次。需要綜合認(rèn)知心理學(xué)、語(yǔ)言學(xué)、藝術(shù)設(shè)計(jì)學(xué)、人機(jī)工程學(xué)、以及計(jì)算機(jī)圖形學(xué)等學(xué)科的知識(shí)，從而完成整個(gè)交互過(guò)程，達(dá)到使用交互的目的。
UI界面的完成需要一定的使用界面來(lái)進(jìn)行傳達(dá)，從而實(shí)現(xiàn)人機(jī)交互。因此，設(shè)計(jì)首先是關(guān)懷用戶(hù)的服務(wù)需求的設(shè)計(jì)。設(shè)計(jì)是研究“人”與“物”關(guān)系的學(xué)科，必須以“人”為主體為“人”服務(wù)的“物”，既需從自然人的尺度充分考慮人的生理特征，還應(yīng)考慮作為社會(huì)人的對(duì)心理環(huán)境、文化審美、價(jià)值觀念的態(tài)度。提高人們的生活品質(zhì)，使之更合理、更健康、更符合人類(lèi)持續(xù)性發(fā)展的需要，這才是一切設(shè)計(jì)的終極目標(biāo)。
2 手機(jī)界面設(shè)計(jì)應(yīng)遵循的基本原則
手機(jī)界面設(shè)計(jì)開(kāi)發(fā)大致要經(jīng)過(guò)用戶(hù)需求調(diào)查、軟件產(chǎn)品初步設(shè)計(jì)、系統(tǒng)技術(shù)設(shè)計(jì)、分單元開(kāi)發(fā)、系統(tǒng)測(cè)試和用戶(hù)驗(yàn)收等幾個(gè)階段，其中用代碼實(shí)現(xiàn)產(chǎn)品功能只是軟件開(kāi)發(fā)的一個(gè)步驟。軟件產(chǎn)品的UI設(shè)計(jì)必須保障置界面于用戶(hù)的控制之下，保證用戶(hù)的記憶負(fù)擔(dān)最小化，保持界面的一致性須遵循的以下原則：
（1）簡(jiǎn)易性。簡(jiǎn)潔的手機(jī)界面能讓用戶(hù)容易使用、容易了解、并能減少用戶(hù)發(fā)生錯(cuò)誤選擇的概率。減少人們?cè)谑褂蒙系碾y識(shí)別、難理解、難操作的困惑。這是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)清晰完整，風(fēng)格與內(nèi)容相一致。
（2）記憶負(fù)擔(dān)最小化。人腦不比電腦儲(chǔ)存信息時(shí)間長(zhǎng)久，在設(shè)計(jì)界面時(shí)必須要考慮大腦接受信息的限度。人類(lèi)的短期記憶不穩(wěn)定，24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)于手機(jī)用戶(hù)，瀏覽信息內(nèi)容要比記憶更容易。界面中的各種小細(xì)節(jié)常常增加用戶(hù)的使用負(fù)擔(dān)，這就會(huì)像在公路上的減速帶或坑坑洼洼的地帶上行駛一樣，降低用戶(hù)的效率。
（3）用戶(hù)的熟悉程度。用戶(hù)通過(guò)已掌握的信息來(lái)認(rèn)識(shí)并自主操控界面，想用戶(hù)所想，做用戶(hù)所做。用戶(hù)總是按照自身的方式理解和使用。主流用戶(hù)群討厭難以操控復(fù)雜的界面，他們只想找到合適的方便的，容易操控的界面才是最具價(jià)值的設(shè)計(jì)。一個(gè)有序的界面能讓用戶(hù)輕松的使用。不要以功能的多寡來(lái)認(rèn)定產(chǎn)品的價(jià)值，應(yīng)該看產(chǎn)品能夠滿(mǎn)足用戶(hù)最高優(yōu)先級(jí)的目標(biāo)，確定什么功能該保留，什么功能該刪除，從而排列功能優(yōu)先等級(jí)。
（4）安全性.用戶(hù)在使用界面時(shí)，能自由的進(jìn)行選擇，同時(shí)所有選擇都是可返回的。在用戶(hù)使用手機(jī)步驟做出危險(xiǎn)選擇時(shí)有信息介入系統(tǒng)并提示，這樣能保證使用者使用時(shí)有個(gè)愉悅的心情，不擔(dān)心會(huì)出錯(cuò)。
3 手機(jī)UI界面人性化、趣味化設(shè)計(jì)
手機(jī)界面人性化、趣味化設(shè)計(jì)更好體現(xiàn)出科技以人為本體現(xiàn)出。界面設(shè)計(jì)是為了滿(mǎn)足軟件專(zhuān)業(yè)化、標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化、優(yōu)化、規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì)、軟件框架設(shè)計(jì)、按鈕設(shè)計(jì)、面板設(shè)計(jì)、菜單設(shè)計(jì)、標(biāo)簽設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、滾動(dòng)條及狀態(tài)欄設(shè)計(jì)、安裝過(guò)程設(shè)計(jì)等。
（1）形象的人性化設(shè)計(jì)。之所以是人性化的設(shè)計(jì)，是因?yàn)橥耆紤]到人是作為手機(jī)的使用者。好的設(shè)計(jì)一定是以它完美的功能性著稱(chēng)的，再漂亮的設(shè)計(jì)，如果失去其功能性，只不過(guò)是披著漂亮外衣的軀殼罷了。所以，形象的人性化設(shè)計(jì)是通過(guò)一系列的科學(xué)研究后，運(yùn)用總結(jié)出的理論來(lái)科學(xué)地指導(dǎo)實(shí)際操作。包括：感官的舒適度、美觀度、實(shí)用度等等。所以，手機(jī)UI界面人性化的設(shè)計(jì)是一項(xiàng)龐大的工程，它需要將軟件的各類(lèi)設(shè)計(jì)按照邏輯性的排列后，一一與人對(duì)應(yīng)，再根據(jù)人的使用習(xí)慣進(jìn)行設(shè)計(jì)，并且在制作的過(guò)程中往往需要考慮到不同年齡不同領(lǐng)域的人的喜好。這就是為什么人性化的設(shè)計(jì)必定是形象且豐滿(mǎn)的，因?yàn)樗仨毰c大眾的需求保持高度一致。當(dāng)然，在設(shè)計(jì)的過(guò)程中，需要用到其他學(xué)科的知識(shí)例如心理學(xué)、人體工程學(xué)等來(lái)輔助手機(jī)界面的設(shè)計(jì)。只有在完善的知識(shí)體系的構(gòu)建下才能做出賦有科學(xué)性、高度嚴(yán)謹(jǐn)、舒適感極強(qiáng)的好的手機(jī)界面。
（2）互動(dòng)的趣味化設(shè)計(jì)。界面是人與手機(jī)產(chǎn)品互動(dòng)的媒介。好的手機(jī)界面不能僅僅滿(mǎn)足于舒適的適用感。在人性化的設(shè)計(jì)基礎(chǔ)上，我們應(yīng)該更加追求有趣味的、出其不意的愉悅感。如果說(shuō)，一款UI界面的設(shè)計(jì)只是停留在“可使用”的初級(jí)階段，那么它必定是無(wú)法吸引眼球的。而我們要做的則是：安插令人意料之外的、富有創(chuàng)意的趣味化設(shè)計(jì)。例如：按鈕中一個(gè)抖動(dòng)的特效、圖標(biāo)的與眾不同亦或是滾動(dòng)條有別于傳統(tǒng)的滾動(dòng)方式，這些都能夠提升手機(jī)UI的趣味化。其實(shí)互動(dòng)的趣味化也是為了讓人們使用起來(lái)更便捷、舒適。好的設(shè)計(jì)是不需要說(shuō)明書(shū)的，因?yàn)樗昝赖郊词共豢凑f(shuō)明書(shū)也能被自如地使用，并且能讓人們體會(huì)到其中的樂(lè)趣所在?？梢哉f(shuō)，趣味是建立在人性化、科學(xué)性的基礎(chǔ)之上的，他們是完善手機(jī)UI中不可或缺的因素之一。
4 結(jié)語(yǔ)
隨著時(shí)代的發(fā)展，設(shè)計(jì)的潮流也是在不斷變化著。一個(gè)好的UI設(shè)計(jì)會(huì)讓軟件的操作變得舒適、簡(jiǎn)單、自由，并充分體現(xiàn)軟件產(chǎn)品的定位和特點(diǎn)。用戶(hù)對(duì)一個(gè)界面的首次體驗(yàn)是非常重要的。為了更好的幫助用戶(hù)快速適應(yīng)我們的設(shè)計(jì)，設(shè)計(jì)應(yīng)該處于零狀態(tài)，也就是什么都沒(méi)有發(fā)生的狀態(tài)。但這個(gè)狀態(tài)不是一塊空白的畫(huà)布，它應(yīng)該能夠?yàn)橛脩?hù)提供方向和指導(dǎo)，以此來(lái)幫助用戶(hù)快速地適應(yīng)設(shè)計(jì)。好的系統(tǒng)應(yīng)充分結(jié)合用戶(hù)的“過(guò)去的經(jīng)驗(yàn)”、“當(dāng)前的環(huán)境”及“將來(lái)的目標(biāo)”，在設(shè)計(jì)師稍加引導(dǎo)的前提下，保證界面處在用戶(hù)的掌控之中，讓他們來(lái)決定系統(tǒng)的狀態(tài)，從而順利的協(xié)助用戶(hù)達(dá)到使用軟件的目的。
參考文獻(xiàn)：
軟件的可移植性是指軟件產(chǎn)品從一個(gè)硬件/軟件環(huán)境轉(zhuǎn)移到另一個(gè)硬件/軟件環(huán)境的難易與繁簡(jiǎn)程度。它從軟件對(duì)新環(huán)境的適應(yīng)性這一方面，反映了軟件的質(zhì)量。為了提高軟件的可移植性，應(yīng)盡量使軟件與具體的設(shè)備無(wú)關(guān)，即提高軟件的設(shè)備獨(dú)立性。對(duì)于256色圖形界面而言，就是要使程序不依賴(lài)于某種特定的顯示器。例如，程序員沒(méi)有任何理由假定用戶(hù)使用的是TVGA。為此，程序員必須提供顯示卡的常規(guī)檢測(cè)例程，并能根據(jù)檢測(cè)的結(jié)果決定圖形算法的具體實(shí)現(xiàn)。
提高軟件設(shè)備獨(dú)立性的方法有很多，表格驅(qū)動(dòng)就是其中一種。所謂表格，就是根據(jù)需要設(shè)計(jì)的數(shù)據(jù)結(jié)構(gòu)。表格中的數(shù)據(jù)由檢測(cè)例程填寫(xiě)。表格中包含哪些欄目，應(yīng)在對(duì)各制造商提供的SuperVGA產(chǎn)品足夠了解的基礎(chǔ)上取舍，欄目應(yīng)體現(xiàn)各產(chǎn)品之間的差異。
一、SuperVGA編程綜述
SuperVGA產(chǎn)品在體系結(jié)構(gòu)上和標(biāo)準(zhǔn)的IBMVGA有所不同。但編程思想基本上是一樣的，這些編程方法已有許多文章介紹，這里不再重復(fù)。
影響256色圖形界面可移植性的主要障礙來(lái)自各制造商提供的VGA產(chǎn)品的下面幾點(diǎn)差異。
1.顯示模式的定義不同。如5DH對(duì)TVGA而言，代表640×480
×256色模式，對(duì)PVGA而言卻代
表1024×768×16色模式。因此，直接用這種模式號(hào)初始化顯示系統(tǒng)是不可取的。和顯示模式密切相關(guān)的是水平分辨率和垂直分辨率。盡管各VGA的256色顯示模式定義迥異，但大都支持如下幾種流行的分辨率，現(xiàn)用統(tǒng)一的模式號(hào)定義見(jiàn)附表。
@@10A06500.GIF;附表@@
不同分辨率之間的區(qū)別，體現(xiàn)在編程上就是同一屏幕坐標(biāo)映射到顯存的地址不同，但映射機(jī)理卻是一樣的。具體地說(shuō)，坐標(biāo)(x,y)對(duì)應(yīng)顯存的偏移地址(相對(duì)于A000)為Addr=-vga-width*y+x
2.分頁(yè)機(jī)制不同。SuperVGA使用256K、512K或1M
的顯示存儲(chǔ)器結(jié)構(gòu)。為了使處理器可通過(guò)一個(gè)64K主窗口來(lái)存取這樣大的顯示存儲(chǔ)器，SuperVGA有一個(gè)存儲(chǔ)器分頁(yè)機(jī)制，使得只將顯示存儲(chǔ)器的一部分映射到處理器的地址空間。值得注意的是，不同的VGA產(chǎn)品，其頁(yè)的大小不同，頁(yè)起始地址的粒度也是可變的。具體的頁(yè)選擇算法請(qǐng)查閱制造商提供的資料。
不同的顯示模式，顯示一屏圖像所需的頁(yè)數(shù)是不同的。
除了可移植性外，效率也是一個(gè)不可忽視的因素。圖形系統(tǒng)的核心部分應(yīng)使用匯編語(yǔ)言編程。這不僅是因?yàn)閰R編語(yǔ)言的效率高，而且還因?yàn)閰R編語(yǔ)言子程序的可再用性和可協(xié)用性也很好。核心部分應(yīng)十分重視下面幾點(diǎn):(1)減少不必要的頁(yè)邊界檢查次數(shù)；(2)只有在必要時(shí)才進(jìn)行頁(yè)選擇；(3)選擇高效的機(jī)器指令。現(xiàn)舉例說(shuō)明。程序1是圖像顯示系統(tǒng)中常用的函數(shù)，其功能是將解包后的圖像數(shù)據(jù)送到顯存。為便于閱讀同時(shí)給出了C語(yǔ)言調(diào)用原型。程序在傳送每一行數(shù)據(jù)時(shí)，提前預(yù)測(cè)是否會(huì)遇到頁(yè)邊界，如果沒(méi)有，直接傳送；如果有，則將數(shù)據(jù)分成兩部分，分別傳送，中間插入頁(yè)選擇。所有的傳送均用字操作代替字節(jié)操作。頁(yè)邊界檢查只有一次，分頁(yè)操作只有在必要時(shí)才發(fā)生，圖像的顯示用最高效的指令REPMOVSW。
程度1:
；原型:voidLineDump(intx,inty,intnum,charfar*ptr)
;參數(shù):
；x,y-屏幕坐標(biāo)
；num-本行的像素個(gè)數(shù)
；ptr-指向像素?cái)?shù)據(jù)的遠(yuǎn)指針
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;進(jìn)位部分(DL)=頁(yè)號(hào)
calldwordptrcs:-PageSelect
movcx,num;本行要傳送字節(jié)數(shù)
movbx,cx
addbx,di;檢測(cè)傳送是否在一個(gè)頁(yè)內(nèi)
jncDump-In-One-Page
subcx,bx;CX=本頁(yè)字節(jié)數(shù)，BX=下頁(yè)字節(jié)數(shù)
shrcx,1;CX/2=字?jǐn)?shù)
repmovsw;本頁(yè)內(nèi)的傳送
adccx,0
repmovsb;處理可能的奇數(shù)字節(jié)數(shù)
incah;調(diào)整頁(yè)號(hào)
calldwordptrcs:-PageSelect
movcx,bx;新頁(yè)內(nèi)要寫(xiě)的字節(jié)數(shù)
jcxzDump-Done
Dump-In-One-Page:
shrcx,1;CX/2=字?jǐn)?shù)
repmovsw;圖像傳送
adccx,0
repmovsb;處理可能的奇數(shù)字節(jié)數(shù)
Dump-Done:
popdi
popsi
popes
popds
movsp,bp
popbp
ret
LineDumpendp
二、表格驅(qū)動(dòng)的基本思想
根據(jù)上面的分析，用以驅(qū)動(dòng)顯示系統(tǒng)的表格，至少應(yīng)當(dāng)包含下列項(xiàng)目:
(1)實(shí)際顯示模式:vga-mode
(2)水平分辨率:vga-width
(3)垂直分辨率:vga-depth
(4)頁(yè)選擇例程的入口地址:PageSelect
(5)當(dāng)前顯示方式所使用的最大頁(yè)號(hào):vga-pages
這個(gè)表格由圖形初始化例程來(lái)填寫(xiě)。圖形初始化例程接收的顯示模式是統(tǒng)一的模式號(hào)，這樣可以撇開(kāi)具體的設(shè)備，如InitVGA(TVGA800×600)。該例程調(diào)用顯示設(shè)備檢測(cè)程序DetectVGA來(lái)判斷顯示器的類(lèi)型，從而填寫(xiě)表格中的各欄目，并初始化圖形系統(tǒng)為所需的圖形方式。所有圖形算法都要查此表。
除了用上述方法來(lái)實(shí)現(xiàn)兼容外，視頻電子學(xué)標(biāo)準(zhǔn)協(xié)會(huì)(VESA)為我們提供了另一種方法。
VESA
提供了一組附加的BIOS功能，這組功能以標(biāo)準(zhǔn)的方式訪問(wèn)SuperVGA擴(kuò)充的模式。VESA的附加功能都是通過(guò)BIOS中斷10H的4FH功能來(lái)實(shí)現(xiàn)的。VESA的子功能01能返回非常有用的SuperVGA模式信息，包括分頁(yè)例程的地址。
因此，程序員可以按照VESA的標(biāo)準(zhǔn)來(lái)編寫(xiě)圖形系統(tǒng)，這樣的程序可以在所有支持VESA的顯示器上運(yùn)行。由于VESA包括了世界上的主要VGA供應(yīng)商，寫(xiě)出來(lái)的程序可移植性是很好的。但是，其效率卻可能是最低的。所以最好采用一種折衷的辦法，對(duì)于熟悉的產(chǎn)品，可以不用VESA的功能，對(duì)于不熟悉(資料不全)或檢測(cè)不出來(lái)的顯示器嘗試用VESA提供的手段來(lái)編程，當(dāng)然要檢測(cè)顯示設(shè)備是否支持VESA。
有時(shí)出于某種考慮，不希望支持所有顯示設(shè)備的代碼集中在一個(gè)程序中，可以為每個(gè)顯示設(shè)備分別提供驅(qū)動(dòng)模塊，主程序根據(jù)檢測(cè)的結(jié)果選擇一個(gè)合適的模塊加載。Borland的C++就是這樣，它有一套BGI驅(qū)動(dòng)程序，各驅(qū)動(dòng)程序提供統(tǒng)一的圖形函數(shù)接口。筆者在實(shí)際工作中，為每一種顯示設(shè)備編寫(xiě)了一個(gè)256色的BGI格式的驅(qū)動(dòng)程序，這樣，在編寫(xiě)圖形系統(tǒng)時(shí)，再也沒(méi)有必要考慮用戶(hù)的實(shí)際顯示設(shè)備了。
三、范例
本文附有兩個(gè)圖形顯示的例子。ShowGif能顯示16/256色GIF格式圖像，能以任何256色模式啟動(dòng)，支持多種顯示器。圖像可以漫游，并可隨時(shí)通過(guò)按鍵切換顯示方式。Main則是一個(gè)BGI驅(qū)動(dòng)的鼠標(biāo)/鍵盤(pán)控制的256色漢字圖形菜單。它自己會(huì)挑選一個(gè)合適的BGI，也可以從命令行指定一個(gè)BGI(比如指定VESA256給TVGA顯示器)。
限于篇幅，這里僅給出有關(guān)的數(shù)據(jù)結(jié)構(gòu)和部分函數(shù)的說(shuō)明(程序2)。然后給出一個(gè)初始化顯
示系統(tǒng)的C語(yǔ)言片斷(程序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
};
/*對(duì)應(yīng)的BGI驅(qū)動(dòng)程序名*/
unsignedchar*Drivers[]={
"TVGA256",
"TVGA256",
"AVGA256",
...
"VESA256",
};
externintDetectVGA(void);
/*功能:檢測(cè)顯示卡的型號(hào)
返回值:0-Unknowm1-TridentVGA2-ParadiseVGA
...
x-不能檢測(cè)出的VGA，但支持VESA
返回值同時(shí)寫(xiě)入全局變量vga-type*/
externintVesaFound(void);
/*功能:檢測(cè)VESABIOS的存在性
返回:0-不支持VESA；
其它-VESA版本號(hào)(0x0102即1.02版)；
返回值同時(shí)寫(xiě)入全程變量vesa-found.*/
externvoidInitVesa(void);
/*功能:初始化VESA.根據(jù)-vga-mode模式號(hào)換算成VESA的標(biāo)準(zhǔn)模式號(hào)填寫(xiě)頁(yè)粒度(WinGranularity)，頁(yè)大小(WinSize),
和分頁(yè)例程的入口地址(WinFuncPtr)
VESA的標(biāo)準(zhǔn)模式解釋如下:
100h-640x400256
101h-640x480256
102h-800x60016
103h-800x600256
104h-1024x76816
105h-1024x768256etc.
InitVesa供給InitVGA調(diào)用*/
externvoidInitVGA(intmode);
/*功能:初始化顯示系統(tǒng)(自動(dòng)調(diào)用DetectVGA檢測(cè)顯示卡)
參數(shù):mode=TVGA320x200(0)
TVGA640x400(1)
TVGA640x480(2)
TVGA800x600(3)
TVGA1024x768(4)
返回:InitVGA沒(méi)有顯式的返回值，但它初始化下列全程變量:
vga-mode,vga-width,vga-depth,vga-pages,PageSelect
必要時(shí)自動(dòng)調(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,"");...
中圖分類(lèi)號(hào)：J05 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2013）24-0180-01
一、什么是扁平化和擬物化
扁平化設(shè)計(jì)或者說(shuō)扁平的UI風(fēng)格是當(dāng)下界面設(shè)計(jì)最受關(guān)注的發(fā)展趨勢(shì)，人們常把它拿來(lái)與擬物化風(fēng)格做比較，兩者的設(shè)計(jì)原則與風(fēng)格截然相反。
擬物化風(fēng)格，顧名思義是模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過(guò)疊加高光、紋理、材質(zhì)、陰影等效果對(duì)實(shí)物進(jìn)行再現(xiàn)，也可適當(dāng)程度變形和夸張，設(shè)計(jì)界面模擬真實(shí)物體。擬物設(shè)計(jì)會(huì)讓你第一眼就認(rèn)出這是個(gè)什么東西。
二、扁平化與擬物化的區(qū)別
扁平化設(shè)計(jì)給人的感覺(jué)是簡(jiǎn)潔、明了，讓看久了擬物化設(shè)計(jì)的用戶(hù)有了煥然一新的感覺(jué)，扁平化設(shè)計(jì)更突出主要內(nèi)容，減弱簡(jiǎn)便、高光等擬真效果對(duì)用戶(hù)視覺(jué)感知的干擾，讓用戶(hù)更加專(zhuān)注于內(nèi)容本身，從用戶(hù)體驗(yàn)上來(lái)說(shuō)也更為簡(jiǎn)單易用。
認(rèn)知和學(xué)習(xí)成本低是擬物化設(shè)計(jì)的一大優(yōu)點(diǎn)，擬物化設(shè)計(jì)展示了識(shí)別和熟悉的好處，其引入用戶(hù)在現(xiàn)實(shí)世界中使用的熟悉的對(duì)象作為用戶(hù)界面控制的元素，能讓用戶(hù)很容易地正確推斷界面控制的方法。？熟悉感可以鼓勵(lì)用戶(hù)對(duì)產(chǎn)品更多的使用，更快采納產(chǎn)品的設(shè)計(jì)，減少新用戶(hù)面對(duì)產(chǎn)品的恐懼感和障礙感。其中也包含了人性化的體貼。擬物化設(shè)計(jì)也存在一些缺點(diǎn)，大多數(shù)的擬物化界面并沒(méi)有實(shí)現(xiàn)功能化，設(shè)計(jì)者卻要花費(fèi)大量的時(shí)間和精力在視覺(jué)的陰影和質(zhì)感效果的打造上。
三、擬物化設(shè)計(jì)的癥結(jié)與扁平化設(shè)計(jì)的局限性
通常來(lái)說(shuō)擬物化設(shè)計(jì)有助于改善應(yīng)用的用戶(hù)體驗(yàn)，但實(shí)際上，這樣的界面設(shè)計(jì)方式有時(shí)會(huì)也降低用戶(hù)體驗(yàn)。首先應(yīng)用程序與現(xiàn)實(shí)中的實(shí)體物品有著顯著的不同。一般來(lái)說(shuō)，采用擬物化設(shè)計(jì)的應(yīng)用都會(huì)試圖模仿一個(gè)現(xiàn)實(shí)物品的外觀與功能，然而應(yīng)用的工作方式卻與現(xiàn)實(shí)物品不同，這會(huì)直接影響產(chǎn)品的用戶(hù)體驗(yàn)。
對(duì)于一個(gè)采用擬物化設(shè)計(jì)的產(chǎn)品來(lái)說(shuō)，如果做得足夠好，產(chǎn)品在視覺(jué)上將于真實(shí)世界的物品產(chǎn)生強(qiáng)烈的共鳴。但同時(shí)，共鳴越是強(qiáng)烈，越像真實(shí)的物品，它所帶來(lái)的局限性也就越發(fā)明顯，這也阻礙了產(chǎn)品的改進(jìn)與革新。
扁平化設(shè)計(jì)的特點(diǎn)之一是盡可能地簡(jiǎn)潔，然而界面中的一些細(xì)節(jié)對(duì)于用戶(hù)能否順暢地使用應(yīng)用，起到了至關(guān)重要要的作用，比如說(shuō)：按鈕上帶有輕微漸變的圓角設(shè)計(jì)，表單部分淺淺的陰影效果，導(dǎo)航欄輕微懸浮的效果。如果去除這些細(xì)節(jié)，界面中的每個(gè)元素都將被置于同一水平面，用戶(hù)在使用時(shí)將不可避免地產(chǎn)生疑惑：這是一個(gè)按鈕還是一個(gè)導(dǎo)航欄？如果我點(diǎn)擊它，會(huì)出現(xiàn)什么？
四、扁平化設(shè)計(jì)要素
1、簡(jiǎn)單的元素：扁平化這個(gè)概念最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈俐落，沒(méi)有任何羽化、漸變或者陰影。
2、字體：從精美裝飾性的字體，到簡(jiǎn)潔的非襯線字體，漂亮的字體是優(yōu)秀的扁平設(shè)計(jì)的關(guān)鍵組成之一。由于界面更加簡(jiǎn)潔，可以使用字體來(lái)創(chuàng)建設(shè)計(jì)者所期望的風(fēng)格。
3、色彩：扁平化設(shè)計(jì)中，配色是最重要的一環(huán)，扁平化設(shè)計(jì)所采用的色彩模式與其他的調(diào)色板相比傾向于更加醒目、更加明亮。同時(shí)，扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。
4、簡(jiǎn)化的交互設(shè)計(jì)：設(shè)計(jì)師要盡量簡(jiǎn)化設(shè)計(jì)方案，避免不必要的元素出現(xiàn)在設(shè)計(jì)中。簡(jiǎn)化界面的同時(shí)，更重要的是做到使用上的簡(jiǎn)潔方便。
五、形式服務(wù)于功能
“形式服務(wù)于功能”、“少即是多”是20世紀(jì)極簡(jiǎn)主義運(yùn)動(dòng)中提出的著名口號(hào)，對(duì)現(xiàn)代設(shè)計(jì)影響深遠(yuǎn)。優(yōu)秀的界面交互設(shè)計(jì)應(yīng)該是既有“形式上的優(yōu)美和婉約”，又有“技術(shù)上的精確和簡(jiǎn)潔”。
1、簡(jiǎn)潔的完整：優(yōu)秀設(shè)計(jì)的經(jīng)典要素之一即形式的簡(jiǎn)約：以簡(jiǎn)馭繁。對(duì)于界面設(shè)計(jì)，就是用最少的元素來(lái)完成任務(wù)。
2、內(nèi)在的和諧：渾然一體的感覺(jué)是每個(gè)優(yōu)秀的設(shè)計(jì)應(yīng)該不斷追求的標(biāo)準(zhǔn)。能夠始終以一種文雅而易于理解的方式傳達(dá)信息，并且向用戶(hù)展現(xiàn)我們真正希望他們看到的東西，是保持交互設(shè)計(jì)內(nèi)在的和諧的不二法則。
中圖分類(lèi)號(hào)：S611文獻(xiàn)標(biāo)識(shí)碼： A
最近一直在做網(wǎng)頁(yè)界面設(shè)計(jì)教學(xué)工作，其中很多學(xué)生問(wèn)我，網(wǎng)頁(yè)界面設(shè)計(jì)就是平面設(shè)計(jì)嗎？當(dāng)時(shí)我告訴他們肯定是不一樣的。但是至于究竟哪些地方不一樣，卻沒(méi)有系統(tǒng)準(zhǔn)確的對(duì)學(xué)生解釋清楚。后來(lái)我時(shí)常再想這個(gè)問(wèn)題，既然學(xué)生們都有這個(gè)疑問(wèn)，那么肯定會(huì)有更多的網(wǎng)頁(yè)界面初學(xué)者都會(huì)有這個(gè)疑問(wèn)，所以在這里，我想談?wù)劸W(wǎng)頁(yè)界面設(shè)計(jì)與平面設(shè)計(jì)的異同。
網(wǎng)頁(yè)界面設(shè)計(jì)和平面設(shè)計(jì)都是屬于設(shè)計(jì)，但是他們又有著很大的區(qū)別，那不就與大自然界的青蛙和蛤蟆一樣嗎？他們都屬于兩棲生物，但又不是同一種生物，差別那么大。
在網(wǎng)頁(yè)出現(xiàn)的早期，網(wǎng)頁(yè)設(shè)計(jì)是以功能性為第一指導(dǎo)原則，以技術(shù)因素為主要考慮對(duì)象，以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。以字符組成的界面可以起到基本的信息傳達(dá)作用，同時(shí)技術(shù)要求相對(duì)較低，易于實(shí)現(xiàn)，并且有較好的穩(wěn)定性，故而這種形式的界面在很長(zhǎng)一段時(shí)間內(nèi)是人機(jī)交流的主要形式。隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)頁(yè)界面設(shè)計(jì)是用美和技術(shù)衡量生活的合理性。網(wǎng)頁(yè)界面設(shè)計(jì)是將藝術(shù)與技術(shù)融為一體的創(chuàng)造性活動(dòng)。它包含了網(wǎng)頁(yè)視覺(jué)傳達(dá)設(shè)計(jì)和交互設(shè)計(jì)。
平面設(shè)計(jì)的過(guò)程，是設(shè)計(jì)者將思想和設(shè)計(jì)概念轉(zhuǎn)變?yōu)橐曈X(jué)符號(hào)形式的過(guò)程，即概念視覺(jué)化的過(guò)程，對(duì)信息的接收者來(lái)說(shuō)，則是相反的過(guò)程，即視覺(jué)概念化的過(guò)程，貫穿和聯(lián)結(jié)兩個(gè)過(guò)程的是信息。
現(xiàn)在就讓我們來(lái)分析一下同樣視覺(jué)傳達(dá)設(shè)計(jì)，它們之間的差異性。
一、色彩模式
在色彩方面網(wǎng)頁(yè)界面設(shè)計(jì)與平面設(shè)計(jì)使用的色彩模式完全不同，平面設(shè)計(jì)因?yàn)楹笃诘膶?shí)現(xiàn)依賴(lài)于印刷，所以采用CMYK的色彩模式，而網(wǎng)頁(yè)根據(jù)其顯像方式使用RGB的色彩模式。平面設(shè)計(jì)時(shí)的色彩運(yùn)用注重視覺(jué)的沖擊力及視覺(jué)流的引導(dǎo)(在這點(diǎn)上與網(wǎng)頁(yè)設(shè)計(jì)中的BANNER設(shè)計(jì)相類(lèi)似)，而網(wǎng)頁(yè)設(shè)計(jì)(產(chǎn)品類(lèi))更注重的是信息結(jié)構(gòu)關(guān)系的梳理，如果將色彩運(yùn)用的過(guò)多過(guò)強(qiáng)，很容易引起視覺(jué)的疲勞感。
二、版式設(shè)計(jì)
網(wǎng)頁(yè)界面的版式設(shè)計(jì)中，其比例關(guān)系一般體現(xiàn)在：頁(yè)面所限定空間的長(zhǎng)寬比，實(shí)體內(nèi)容與虛空間（空白）的面積比，頁(yè)面被分割的比例，圖文的關(guān)系比以及各造型元素內(nèi)部的比例等形式上的數(shù)量關(guān)系。平面設(shè)計(jì)的節(jié)奏和韻律來(lái)自音樂(lè)的概念，節(jié)奏較多地強(qiáng)調(diào)“節(jié)拍”，韻律較多地強(qiáng)調(diào)“變化”，如果說(shuō)韻律感不夠，是指缺少變化，過(guò)于呆板；如果說(shuō)節(jié)奏感不強(qiáng)，是指變化缺乏條理規(guī)則。
三、字體應(yīng)用
在設(shè)計(jì)過(guò)程中，平面設(shè)計(jì)的字體選用更為自由一些，不用擔(dān)心后期實(shí)現(xiàn)的問(wèn)題，所有的文字最后都會(huì)輸出為圖形進(jìn)行印刷，而網(wǎng)頁(yè)設(shè)計(jì)就需要考慮的更為全面，并且在字體的選用范圍上也很小，為了讓輸出的成品大小不對(duì)服務(wù)器造成壓力，基于html的特性，所有字體都是根據(jù)用戶(hù)操作系統(tǒng)內(nèi)默認(rèn)字體而定的，當(dāng)然近年隨著技術(shù)的沿革與發(fā)展，這個(gè)差距也逐步在縮小，目前通過(guò)html5的API可以實(shí)現(xiàn)個(gè)性化字體的使用而不需要將個(gè)性化的字體最終輸出為圖形，在不增加后端壓力的同時(shí)，大大提升了用戶(hù)體驗(yàn)，非常不錯(cuò)。
四、圖形的使用
從圖形使用上，網(wǎng)頁(yè)設(shè)計(jì)不如平面設(shè)計(jì)，表現(xiàn)方式也相對(duì)少一些，特別是對(duì)于產(chǎn)品類(lèi)的網(wǎng)頁(yè)設(shè)計(jì)，模塊化的設(shè)計(jì)思路尤其明顯，在視覺(jué)表現(xiàn)上也是如此，網(wǎng)頁(yè)界面的設(shè)計(jì)對(duì)于圖形的表現(xiàn)是需要考慮到后期實(shí)現(xiàn)的，這一點(diǎn)上是有目共睹的。設(shè)計(jì)時(shí)使用的尺寸單位：平面設(shè)計(jì)在使用尺寸標(biāo)注時(shí)都用的是物理尺寸的概念，比如英寸，厘米，毫米等；而網(wǎng)頁(yè)使用的像素。
五、瀏覽方式
平面設(shè)計(jì)的屬于漸進(jìn)式的瀏覽方式，無(wú)法對(duì)整個(gè)瀏覽的過(guò)程進(jìn)行多樣化串聯(lián)，網(wǎng)頁(yè)設(shè)計(jì)擁有滾動(dòng)條下拉、按鈕鏈接跳轉(zhuǎn)等多樣化的瀏覽信息方式，在擁有同樣一種信息架構(gòu)的條件下，信息之間的串聯(lián)性更為豐富，用戶(hù)選擇信息的自由度更大，但平面設(shè)計(jì)也自然有其優(yōu)勢(shì)所在，比如平時(shí)設(shè)計(jì)相冊(cè)這類(lèi)產(chǎn)品的時(shí)候，就很明顯的發(fā)現(xiàn)，這一類(lèi)的產(chǎn)品在電腦顯示器上進(jìn)行翻閱，不如印刷成為一個(gè)真實(shí)的書(shū)本來(lái)翻閱感受好，并且更具有收藏及紀(jì)念意義。
六、信息傳播
平面設(shè)計(jì)屬于比較傳統(tǒng)的信息媒介設(shè)計(jì)，一般會(huì)通過(guò)張貼、銷(xiāo)售、郵寄派送等形式進(jìn)行傳播，這樣傳播的方式范圍小且成本較高，相對(duì)而言在這方面網(wǎng)頁(yè)設(shè)計(jì)的信息傳播能力卻非常的強(qiáng)，但依賴(lài)于第三方媒介的支持。在網(wǎng)頁(yè)設(shè)計(jì)中，要求信息的發(fā)送者和接收者之間必須具備部分相同的信息知識(shí)背景，否則在兩者之間就必須存在一個(gè)翻譯或解說(shuō)系統(tǒng)作為中間媒介來(lái)進(jìn)行溝通。平面設(shè)計(jì)卻擁有更為廣泛的受眾人群，不同的年齡層對(duì)于紙張或書(shū)本的信息接受能力總是強(qiáng)于網(wǎng)絡(luò)媒體的，畢竟網(wǎng)絡(luò)信息獲取的將會(huì)存在一個(gè)學(xué)習(xí)成本，在今后網(wǎng)絡(luò)信息的不斷普及以及終端媒介用戶(hù)體驗(yàn)的不斷提升，在受眾人群方面在我看來(lái)差距會(huì)越來(lái)越小。
此外，這兩種設(shè)計(jì)形式不但擁有不同的用戶(hù)體驗(yàn)，網(wǎng)頁(yè)界面設(shè)計(jì)還注重用戶(hù)互動(dòng)的功能實(shí)現(xiàn)。網(wǎng)頁(yè)界面設(shè)計(jì)不僅能融入絢麗的動(dòng)畫(huà)效果，還能插入視頻，這是平面設(shè)計(jì)不能體現(xiàn)的。談了這么多網(wǎng)頁(yè)界面設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別，希望能夠幫助大家進(jìn)一步認(rèn)識(shí)這兩種設(shè)計(jì)形式。
最后，我想說(shuō)得是，設(shè)計(jì)形式?jīng)]有好壞之分，用戶(hù)不一樣，他們的選擇也就不一樣。
中圖分類(lèi)號(hào)：G42 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2013）29-0237-01
一、教學(xué)內(nèi)容：不同專(zhuān)業(yè)側(cè)重點(diǎn)不同
（一）繪畫(huà)專(zhuān)業(yè)
本專(zhuān)業(yè)學(xué)生主要學(xué)習(xí)繪畫(huà)藝術(shù)方面的基本理論和基本知識(shí)，受到藝術(shù)思維與繪畫(huà)造型的基本訓(xùn)練，具有繪畫(huà)創(chuàng)作的基本能力。與其他專(zhuān)業(yè)相比，繪畫(huà)專(zhuān)業(yè)大學(xué)生表現(xiàn)出不同的特點(diǎn)。由于美術(shù)專(zhuān)業(yè)對(duì)技能有很高的要求，他們的創(chuàng)新精神和實(shí)踐能力較強(qiáng)。此外，繪畫(huà)專(zhuān)業(yè)大學(xué)生的思想開(kāi)放、思維活躍，容易接受新觀念。因此在創(chuàng)新能力方面比設(shè)計(jì)類(lèi)的學(xué)生更豐富、更大膽，在課程教學(xué)中多發(fā)揮其本專(zhuān)業(yè)的特點(diǎn)，多培養(yǎng)創(chuàng)新能力。手繪能力強(qiáng)，但是其軟件操作能力差，在作業(yè)設(shè)置時(shí)可以強(qiáng)調(diào)其手繪能力而避免軟件操作。
（二）工業(yè)設(shè)計(jì)專(zhuān)業(yè)
工業(yè)設(shè)計(jì)的核心是產(chǎn)品設(shè)計(jì)。工業(yè)設(shè)計(jì)專(zhuān)業(yè)培養(yǎng)的學(xué)生具有理性分析能力與感性藝術(shù)表現(xiàn)雙重能力。在設(shè)計(jì)追求美觀、易用、個(gè)性化的同時(shí)，產(chǎn)品界面設(shè)計(jì)的內(nèi)容得以體現(xiàn)。工業(yè)設(shè)計(jì)中的新產(chǎn)品開(kāi)發(fā)過(guò)程中需要考慮產(chǎn)品造型和軟件設(shè)計(jì)的一致性和易用性。故對(duì)于工業(yè)設(shè)計(jì)專(zhuān)業(yè)界面設(shè)計(jì)的教學(xué)應(yīng)當(dāng)以硬件界面設(shè)計(jì)與軟件界面設(shè)計(jì)結(jié)合為重點(diǎn)。掌握其軟、硬件界面的設(shè)計(jì)原則與技能。所以教學(xué)重點(diǎn)在培養(yǎng)其界面的交互行為、信息構(gòu)建及產(chǎn)品功能需求方面。
（三）視覺(jué)傳達(dá)專(zhuān)業(yè)
在我國(guó)界面設(shè)計(jì)最初等同于圖形設(shè)計(jì)，最初的界面設(shè)計(jì)師這一角色大多是由平面設(shè)計(jì)專(zhuān)業(yè)的“美工”充當(dāng)?shù)?。因?yàn)榻缑嬖O(shè)計(jì)中視覺(jué)設(shè)計(jì)部分占有重要比重。對(duì)于視覺(jué)傳達(dá)專(zhuān)業(yè)的學(xué)生來(lái)說(shuō)，長(zhǎng)處是具有較強(qiáng)的圖形、色彩、版式等視覺(jué)設(shè)計(jì)能力，欠缺的是邏輯分析能力以及結(jié)構(gòu)設(shè)計(jì)與交互設(shè)計(jì)能力。相關(guān)學(xué)科基礎(chǔ)知識(shí)也相對(duì)缺乏。視覺(jué)傳達(dá)的設(shè)計(jì)領(lǐng)域包括字體設(shè)計(jì)、標(biāo)志設(shè)計(jì)、編排設(shè)計(jì)、廣告設(shè)計(jì)、包裝設(shè)計(jì)等，其設(shè)計(jì)對(duì)象是視覺(jué)符號(hào)。因此應(yīng)當(dāng)以軟件界面設(shè)計(jì)部分為重點(diǎn)。發(fā)揮專(zhuān)業(yè)所長(zhǎng)，加強(qiáng)軟件界面的美觀、個(gè)性、創(chuàng)新等設(shè)計(jì)能力。同時(shí)強(qiáng)化相關(guān)理論知識(shí)，在界面設(shè)計(jì)的理論原則指導(dǎo)下進(jìn)行設(shè)計(jì)。在教學(xué)中側(cè)重其視覺(jué)元素的訓(xùn)練和創(chuàng)意。
綜上因素，在教學(xué)內(nèi)容上主要分了幾個(gè)模塊，根據(jù)不同的專(zhuān)業(yè)特點(diǎn)采取不同側(cè)重點(diǎn)。
1.圖標(biāo)設(shè)計(jì)。繪畫(huà)專(zhuān)業(yè)和視覺(jué)專(zhuān)業(yè)其作業(yè)占主要，工業(yè)設(shè)計(jì)專(zhuān)業(yè)次要，培養(yǎng)創(chuàng)新能力，視覺(jué)表達(dá)能力。
2.手機(jī)界面設(shè)計(jì)。工業(yè)設(shè)計(jì)專(zhuān)業(yè)占主要，視覺(jué)及繪畫(huà)專(zhuān)業(yè)占次要，主要培養(yǎng)其邏輯思維能力、分析能力。
3.網(wǎng)頁(yè)界面設(shè)計(jì)。綜合能力考核。
二、教學(xué)方法：不同專(zhuān)業(yè)教學(xué)方法不同
在教學(xué)中，總體上是采用任務(wù)驅(qū)動(dòng)式教學(xué)模式，通過(guò)一個(gè)個(gè)任務(wù)來(lái)達(dá)到教學(xué)目標(biāo)。對(duì)不同任務(wù)又采用不同的教學(xué)方法，例如在圖標(biāo)UI設(shè)計(jì)模塊，采用學(xué)生自主設(shè)計(jì)為主，沒(méi)有對(duì)錯(cuò)好壞之分，只要學(xué)生設(shè)計(jì)出相關(guān)的主題界面就算成功。主要在于培養(yǎng)學(xué)生的創(chuàng)新思維能力，在此階段繪畫(huà)專(zhuān)業(yè)的學(xué)生表現(xiàn)的非常突出，每個(gè)方案都非常有意思而且手繪表達(dá)也非常到位。
而在手機(jī)UI 設(shè)計(jì)模塊，則采用設(shè)計(jì)比賽形式，以小組形式來(lái)做作業(yè)，其作業(yè)必須按照設(shè)計(jì)比賽的標(biāo)準(zhǔn)，從草圖到成型整過(guò)過(guò)程，在此作業(yè)中設(shè)計(jì)專(zhuān)業(yè)的學(xué)生表現(xiàn)非常好，發(fā)揮了其軟件操作能力，作品完成的非常好。同時(shí)設(shè)計(jì)出來(lái)的作品即可作為作業(yè)也可參加比賽，這樣很好鍛煉學(xué)生動(dòng)手操作能力，同時(shí)，要求學(xué)生在組內(nèi)互幫互助，共同合作完成一個(gè)比才賽項(xiàng)目。通過(guò)這種形式讓學(xué)生提早了解企業(yè)以小組、團(tuán)隊(duì)形式做設(shè)計(jì)模式，做到理論與實(shí)踐相結(jié)合教學(xué)方法。
三、考核形式
由于課程的特殊性，課程的考核采用過(guò)程化考核方式，將整個(gè)學(xué)習(xí)過(guò)程都納入到考核當(dāng)中，學(xué)生的每一任務(wù)的完成都有相應(yīng)的分?jǐn)?shù)，學(xué)生的總成績(jī)=平時(shí)表現(xiàn)+學(xué)生互評(píng)成績(jī)+任務(wù)完成成績(jī)。這樣，在UI設(shè)計(jì)沒(méi)有一個(gè)統(tǒng)一標(biāo)準(zhǔn)的情況下，逐步將學(xué)生的成績(jī)進(jìn)行量化，使學(xué)生重視平時(shí)的學(xué)習(xí)，弱化最后課程的考核，改變學(xué)生最后突擊的現(xiàn)狀。
四、結(jié)束語(yǔ)
引言
格式塔一詞來(lái)源于德文“Gestalt”的音譯，本意指的是形式、形狀、方式、實(shí)質(zhì)。格式塔心理學(xué)是一種與藝術(shù)有緣的心理學(xué)理論，其主要目標(biāo)是探討視覺(jué)感知及其與學(xué)習(xí)、思維的關(guān)系，它所研究的出發(fā)點(diǎn)就是“形”，“形”是經(jīng)由知覺(jué)活動(dòng)組織成的經(jīng)驗(yàn)中的整體，與視知覺(jué)活動(dòng)密不可分。而網(wǎng)頁(yè)界面設(shè)計(jì)是視覺(jué)傳達(dá)設(shè)計(jì)向網(wǎng)絡(luò)媒體的延伸，主要是通過(guò)瀏覽者的視覺(jué)感知來(lái)接受網(wǎng)站信息。因此，研究格式塔理論在網(wǎng)頁(yè)界面設(shè)計(jì)中的運(yùn)用，無(wú)疑對(duì)網(wǎng)頁(yè)界面的設(shè)計(jì)具有很大的指導(dǎo)作用。
格式塔理論在網(wǎng)頁(yè)界面設(shè)計(jì)中的應(yīng)用
網(wǎng)頁(yè)設(shè)計(jì)是將特定的視覺(jué)信息要素，根據(jù)主題表達(dá)的需求在特定的頁(yè)面上進(jìn)行的一種編輯和安排，其基礎(chǔ)是視覺(jué)生理學(xué)和視覺(jué)心理學(xué)。格式塔心理學(xué)派通過(guò)對(duì)視覺(jué)感知的生理研究，提出了一系列視感知規(guī)律，其中包含了“圖底”這個(gè)核心概念，和“簡(jiǎn)明原則”“接近原則”“相似原則”“閉合原則”等視感知特性，將這些規(guī)律引入頁(yè)面設(shè)計(jì)，有助于我們優(yōu)化視覺(jué)時(shí)代“形象過(guò)剩”狀態(tài)下盲目的網(wǎng)頁(yè)設(shè)計(jì)，提高信息傳達(dá)的速度與準(zhǔn)確度。
1.圖與底
在人的知覺(jué)系統(tǒng)中最基本的一種知覺(jué)能力是在圖形與背景間作出區(qū)分?！皥D”是居于前部的區(qū)域，“底”被看成是用來(lái)襯托圖的背景。相對(duì)而言，圖比底，輪廓較為完整、封閉，形狀較為規(guī)則，面積比較小，色彩比較鮮艷；此外，更重要的是，能組織成為一定意義的區(qū)域傾向于被感覺(jué)成圖。
由于圖與底之間存在的這種相對(duì)性質(zhì)，在網(wǎng)頁(yè)設(shè)計(jì)中，應(yīng)當(dāng)明確區(qū)分圖與底，主體與背景。另外,主體自身結(jié)構(gòu)要清晰明了，背景不能過(guò)于復(fù)雜，這樣才有利于瀏覽者辨別需要了解的信息。在背景的色彩搭配上應(yīng)盡量選用同一色系的顏色，盡量避免同時(shí)使用色相環(huán)中相對(duì)的顏色，大面積同一顏色宜采用低對(duì)比度，避免用強(qiáng)烈刺激的顏色引起瀏覽者的視覺(jué)疲勞與厭煩情緒。格式塔理論的圖－底規(guī)則不僅說(shuō)明了主體從背景中分離出來(lái)的條件,而且指出了背景在一個(gè)格式塔中的重要作用。因此在網(wǎng)頁(yè)設(shè)計(jì)中我們同樣不能忽視背景的作用，圖形是依賴(lài)于背景而存在的，要使主體感到存在，必然要有底將它襯托出來(lái)。因此無(wú)論在文字、色彩、圖像，還是動(dòng)畫(huà)和視頻方面都要堅(jiān)持圖底原則。
2.簡(jiǎn)明原則
格式塔心理學(xué)家認(rèn)為，人們的知覺(jué)有一種“簡(jiǎn)化”傾向，所謂簡(jiǎn)化并非僅指一般意義上的“簡(jiǎn)單”，即物體中包含的成分少或成分之間的關(guān)系簡(jiǎn)單，而是一種將任何刺激以盡可能簡(jiǎn)單的機(jī)構(gòu)組織起來(lái)的傾向。我們的眼睛只能接受少數(shù)幾個(gè)不相關(guān)聯(lián)的整體單位，如果一個(gè)格式塔中包括太多不相關(guān)的單位，眼睛就會(huì)試圖將其簡(jiǎn)化，把各個(gè)單位加以組合，使之成為一個(gè)知覺(jué)上易于處理的整體，否則，整體形象將無(wú)法被正確感知，這種形象勢(shì)必會(huì)被人們忽視，以至拒絕接受。
我們可以將這一觀點(diǎn)延伸到網(wǎng)頁(yè)界面設(shè)計(jì)中。首先，在網(wǎng)頁(yè)界面結(jié)構(gòu)的設(shè)計(jì)上，應(yīng)避免使用過(guò)于復(fù)雜的網(wǎng)格結(jié)構(gòu)，結(jié)構(gòu)的設(shè)置應(yīng)盡量簡(jiǎn)單明了，符合人的視覺(jué)流程，也符合人們對(duì)規(guī)則形的喜好，利于瀏覽者以最短的時(shí)間找到最需要的信息。
其次，在圖像的選擇上，應(yīng)避免使用過(guò)于繁復(fù)雜亂的、容易分散瀏覽者注意力的圖像，這樣會(huì)增加瀏覽者找尋信息的難度。
再次，在進(jìn)行文字編輯時(shí)，應(yīng)該考慮編輯的最終效果。文字應(yīng)給人以清晰的視覺(jué)印象，避免頁(yè)面繁雜凌亂，減少不必要的裝飾變化，使人易認(rèn)、易懂、易讀，不能為造型而編輯，忘記了文字本身是傳達(dá)內(nèi)容和表達(dá)信息的主體。在字體的選擇上，雖然可供選擇的字體很多，但同一頁(yè)面上的字體種類(lèi)最多只能有三四種，這樣才不會(huì)顯得花哨。字體的選擇應(yīng)依據(jù)段落大小和內(nèi)容層次,由重到輕、由粗到細(xì)。字號(hào)的選擇也應(yīng)該依據(jù)內(nèi)容層次由大到小，但到了節(jié)以下的層面，可以選用同一字號(hào)但用不同的字體加以區(qū)分。在文本密度方面，文本應(yīng)該以短小的組塊形式出現(xiàn)，并且應(yīng)該經(jīng)過(guò)編輯，以簡(jiǎn)化內(nèi)容。3.接近原則和相似原則
接近原則和相似原則的本質(zhì)上都是簡(jiǎn)化和整體化知覺(jué)對(duì)象的組織原則，與前面的簡(jiǎn)明原則類(lèi)似，人們?cè)趦A向于簡(jiǎn)化認(rèn)識(shí)對(duì)象的同時(shí)，也傾向于將近似、接近的元素組合起來(lái)作為一個(gè)整體加以認(rèn)知。也就是說(shuō)如果不同的文字或圖形組成部分位置靠近，瀏覽者就比較容易看出它們是一起的。根據(jù)這一原理，對(duì)于頁(yè)面上的任何元素，如果在功能或內(nèi)容上是相同或相近的，就應(yīng)在一定程度上保持相對(duì)較小的空間距離，做到“物以類(lèi)聚”。比如，頁(yè)面中用以解釋圖形或用以表明某一部分圖形的文字就應(yīng)當(dāng)緊挨其所指的圖形或部分圖形。
相似的物體也很容易被認(rèn)為是從屬于一個(gè)系統(tǒng)，具有相似的功能。因而，需要通過(guò)將瀏覽者注意力集中于視覺(jué)范圍內(nèi)的關(guān)鍵概念，幫助他們獲得信息。在網(wǎng)頁(yè)界面設(shè)計(jì)中，可以通過(guò)強(qiáng)調(diào)、動(dòng)畫(huà)、對(duì)比色的使用或其他手段達(dá)到這一目的。假如一個(gè)圖形中的組成部分都屬于同一風(fēng)格，這個(gè)圖形就被視為一個(gè)整體。為了使瀏覽者重點(diǎn)關(guān)注圖形中的特定部分，對(duì)這一部分可采用不同的顏色、動(dòng)畫(huà)、閃爍或其他區(qū)分方式。但是，如果一幅畫(huà)面中區(qū)別過(guò)多，也會(huì)使瀏覽者難以注意需要獲得的信息。因此，這些方法應(yīng)該用于強(qiáng)調(diào)關(guān)鍵信息或圖形的關(guān)鍵部分，而不宜用于大片信息。
4.閉合原則與網(wǎng)頁(yè)界面設(shè)計(jì)
閉合原則是指一種完成某種完形的行動(dòng)。這一規(guī)則表明，每一種視覺(jué)樣式都可以被看成是一種陳述，對(duì)于模棱兩可的視覺(jué)樣式，人們會(huì)根據(jù)以往的經(jīng)驗(yàn)按照不同的樣式加以組織，這時(shí)不同的人會(huì)看到不同的東西。因此，在網(wǎng)頁(yè)界面設(shè)計(jì)時(shí),應(yīng)當(dāng)避免出現(xiàn)不完整的圖形，以免使瀏覽者花費(fèi)過(guò)多的時(shí)間去琢磨圖形的含義，而不是從網(wǎng)頁(yè)上獲取信息。
閉合規(guī)則還表明,視覺(jué)形象被知覺(jué)的形式是首先作為一個(gè)統(tǒng)一的整體被知覺(jué)，然后再以部分的形式被知覺(jué)。因此，在進(jìn)行網(wǎng)頁(yè)界面設(shè)計(jì)時(shí)，要強(qiáng)調(diào)整體風(fēng)格的統(tǒng)一，內(nèi)容與形式的統(tǒng)一。
結(jié)語(yǔ)
將格式塔心理學(xué)引入網(wǎng)頁(yè)界面設(shè)計(jì)，目的是希望網(wǎng)頁(yè)設(shè)計(jì)向理性化的方向發(fā)展。隨著網(wǎng)絡(luò)的不斷發(fā)展，瀏覽者對(duì)頁(yè)面的要求也越來(lái)越高，但現(xiàn)在的頁(yè)面設(shè)計(jì)大多還是從直覺(jué)出發(fā)，離科學(xué)的頁(yè)面設(shè)計(jì)還有相當(dāng)大的距離，因此要想達(dá)到科學(xué)的頁(yè)面設(shè)計(jì)，就要在設(shè)計(jì)時(shí)遵照人類(lèi)的認(rèn)知規(guī)律，并且將這些規(guī)律正確地應(yīng)用到設(shè)計(jì)實(shí)踐中。而如何將格式塔理論與設(shè)計(jì)結(jié)合起來(lái),仍是我們需要投入大量精力去研究與探討的問(wèn)題。
參考文獻(xiàn)：
[1]曹方著.視覺(jué)傳達(dá)設(shè)計(jì)原理，江蘇美術(shù)出版社
人類(lèi)自出生伊始，即靠視覺(jué)來(lái)獲取知識(shí)，觀察其四周的環(huán)境。與其他動(dòng)物一樣，視力是維持生存的條件，人類(lèi)用眼的機(jī)會(huì)最多，有研究表明，個(gè)體學(xué)習(xí)的信息有80%來(lái)自于視覺(jué)。從學(xué)習(xí)知識(shí)的角度來(lái)說(shuō)，視覺(jué)的重要性大大超過(guò)其他知覺(jué)，視覺(jué)是個(gè)體感知信息的主要條件的觀點(diǎn)，普遍受到心理學(xué)家和教育學(xué)家的肯定。當(dāng)老師打開(kāi)CAI課件時(shí)，首先展現(xiàn)給學(xué)生的是課件的整體界面。界面設(shè)計(jì)體現(xiàn)在內(nèi)容和形式等多個(gè)方面。一副優(yōu)秀的界面設(shè)計(jì)能夠吸引學(xué)生關(guān)注，激發(fā)學(xué)生閱讀和理解課件內(nèi)容的興趣，從而為更好的消化教學(xué)內(nèi)容，打下堅(jiān)實(shí)的基礎(chǔ)。
縱觀國(guó)內(nèi)外優(yōu)秀的課件，無(wú)論使用PPT、AUTHORWARE、FLASH等軟件設(shè)計(jì)的課件，基本遵循下列設(shè)計(jì)模塊構(gòu)成：
從以上模塊分析可以看到界面設(shè)計(jì)在課件之中的重要作用，而圖形設(shè)計(jì)作為體現(xiàn)課件藝術(shù)性和創(chuàng)意性的技術(shù)手段運(yùn)用的淋漓盡致。
一、構(gòu)圖設(shè)計(jì)
從歡迎界面和退出界面設(shè)計(jì)模塊著手分析，圖形設(shè)計(jì)中的構(gòu)圖廣泛運(yùn)用于課件設(shè)計(jì)。
構(gòu)圖是界面設(shè)計(jì)構(gòu)思在版面藝術(shù)處理中的具體表現(xiàn)，在CAI課件界面設(shè)計(jì)中，整體形象的一致性可以使課件界面更具和諧感與美感。
（1）形式美 ：教學(xué)課件界面布局中應(yīng)遵循基本的形式美。構(gòu)圖中要緊扣主題思想，做到主次分明、重點(diǎn)突出，導(dǎo)航清晰、瀏覽便利，布局合理、邏輯性強(qiáng)。巧妙地處理好主從關(guān)系、對(duì)比關(guān)系、虛實(shí)關(guān)系以及整體與局部的統(tǒng)一關(guān)系，做到統(tǒng)一而有變化、形成一定的秩序感，使畫(huà)面產(chǎn)生美好的節(jié)奏和韻律感。以構(gòu)造出和諧、流暢、自然的界面。
（2）畫(huà)面均衡：畫(huà)面的均衡是多媒體教學(xué)課件界面中最重要的組織原則，是運(yùn)用人的心理和生活經(jīng)驗(yàn)形成的重量和價(jià)值的均衡。我們可以假設(shè)把整個(gè)畫(huà)面作為天平稱(chēng)，并以畫(huà)面的中心為支點(diǎn)，以重量的平衡比擬畫(huà)面的均衡，界面構(gòu)圖的和諧是要將界面的三大要素即文字、圖形、色彩彼此交織、相互烘托、均衡布置，以達(dá)到一種視覺(jué)和心理上的平衡，而不會(huì)感覺(jué)某些部分顯得空或重。把握好這個(gè)度的同時(shí)也要注意不能過(guò)分追求對(duì)稱(chēng)，對(duì)稱(chēng)給人的感覺(jué)缺乏創(chuàng)意和視覺(jué)樂(lè)趣而略顯呆板、拘謹(jǐn)。畫(huà)面元素在構(gòu)圖中一定要錯(cuò)落有致，排列中有變化，有對(duì)比關(guān)系，這樣才能顯出畫(huà)面的層次感和豐富感來(lái)。
（3）適當(dāng)留白：畫(huà)面空白的處理對(duì)提高視覺(jué)效果有極為重要的意義?？瞻椎脑O(shè)計(jì)，在視覺(jué)上有強(qiáng)烈的集中效果，能使界面設(shè)計(jì)流暢明快，疏密有序，布局清晰。在文字的段與段、行與行設(shè)計(jì)中，適當(dāng)?shù)牧舭捉o人以遐想的空間。
二、背景設(shè)計(jì)
（1）簡(jiǎn)潔性。界面背景設(shè)計(jì)風(fēng)格要簡(jiǎn)潔明了。在界面背景設(shè)計(jì)過(guò)程中注意主次分明，力求各元素排列清晰，界面注意風(fēng)格統(tǒng)一，界面中按鍵形狀設(shè)置簡(jiǎn)單大方，排放位置準(zhǔn)確合理，圖文搭配清馨自然，色彩運(yùn)用簡(jiǎn)潔大氣，從而營(yíng)造出一種輕松愉悅的界面環(huán)境，利于學(xué)習(xí)者學(xué)習(xí)。反之，界面背景復(fù)雜多變，使人感覺(jué)繁瑣花哨，導(dǎo)致學(xué)習(xí)者主次不分，注意力分散，甚至?xí)蔀楹翢o(wú)意義的累贅，造成學(xué)習(xí)者視覺(jué)上的疲勞，不利于學(xué)習(xí)者學(xué)習(xí)。
（2）協(xié)調(diào)性。界面背景與文字顏色要保持協(xié)調(diào)。多媒體課件中界面背景與文字色彩配置是否協(xié)調(diào)對(duì)整個(gè)課件的觀感非常重要，在課件界面背景設(shè)計(jì)時(shí)，應(yīng)根據(jù)課件特點(diǎn)，內(nèi)容需要，學(xué)習(xí)者知識(shí)水平等因素對(duì)界面中對(duì)象的色彩基調(diào)，色彩布局做合理的安排，力求使界面背景色彩與所要表達(dá)的主題，內(nèi)容，形式，風(fēng)格相一致，使基調(diào)統(tǒng)一，對(duì)比和諧，底色明快，裝飾新鮮，穩(wěn)重，使文字背景搭配協(xié)調(diào)、清新。一個(gè)協(xié)調(diào)而美麗的色彩布局無(wú)疑給學(xué)習(xí)者視覺(jué)上的美感，吸引學(xué)習(xí)者眼球，使學(xué)習(xí)者積極主動(dòng)地學(xué)習(xí)。
（3）一致性。課件整體前后頁(yè)面界面背景要保持一致。課件整體前后頁(yè)面界面背景往往是我們對(duì)課件的最終印象，終極印象如何直接影響到教學(xué)效果。因此，在進(jìn)行界面背景設(shè)計(jì)時(shí)，首先應(yīng)考慮課件的整體設(shè)計(jì)布局和風(fēng)格，保證界面背景前后一致，即課件中前后背景中屬于相同類(lèi)型信息或圖標(biāo)，應(yīng)使用一致的或相似的方式來(lái)顯示，包括文字和圖片的編排，版面布局的風(fēng)格，功能按鈕的排放，操作的方式等，這種前后一致，賦予了課件一定的情感傾向，增加了課件的和諧美，給學(xué)習(xí)者一種愉悅舒暢的感受。
（4）藝術(shù)性。界面背景要具有藝術(shù)美感。課件界面設(shè)計(jì)不能忽略其藝術(shù)效果，多媒體課件界面的整體布局，所塑造的風(fēng)格，圖文排版，位置排放等無(wú)不是藝術(shù)的體現(xiàn)，藝術(shù)品使人賞心悅目，心情舒暢，一個(gè)成功的多媒體課件就是一個(gè)藝術(shù)品，一個(gè)設(shè)計(jì)完美的課件，教學(xué)中給師生都會(huì)帶來(lái)一種美的享受。課件制作過(guò)程中界面設(shè)計(jì)的藝術(shù)性和教學(xué)過(guò)程要有機(jī)的結(jié)合在一起，巧妙運(yùn)用設(shè)計(jì)中的技巧，運(yùn)用Photoshop等圖像處理軟件對(duì)界面中的背景進(jìn)行藝術(shù)處理，實(shí)現(xiàn)其教學(xué)藝術(shù)價(jià)值，制作出令人耳目一新的課件。
三、色彩設(shè)計(jì)
色彩具有極強(qiáng)的直觀性，通常在界面設(shè)計(jì)中最吸引人的也是色彩效果。應(yīng)用在界面設(shè)計(jì)上將使課件更加符合美學(xué)的要求，形成和諧的色調(diào)或極具個(gè)性化的風(fēng)格。
（1）主色調(diào)的確立。色彩是很微妙的，本身沒(méi)有感情，但它獨(dú)特的表現(xiàn)力可以用來(lái)產(chǎn)生出一種刺激人類(lèi)大腦對(duì)某種形式存在的物體的共鳴，展示出對(duì)待學(xué)習(xí)、生活的看法與態(tài)度，從而調(diào)節(jié)學(xué)習(xí)者的興趣、情感、意志等非智力因素，激發(fā)學(xué)習(xí)。在一個(gè)具體的界面設(shè)計(jì)中，都存在主色和輔助色之分，主色存在于是覺(jué)得沖擊中心點(diǎn)，是整個(gè)畫(huà)面的重心點(diǎn)，它的的明度、大小、飽和度都直接影響到輔助色的存在形式以及整體的視覺(jué)效果。因此，在具體設(shè)計(jì)時(shí)，要根據(jù)課件設(shè)計(jì)的主題內(nèi)同和學(xué)習(xí)者對(duì)色彩的反應(yīng)，選擇一種處于支配地位的色彩，并依此構(gòu)成畫(huà)面的整體色彩傾向，形成和諧統(tǒng)一。例如：綠色強(qiáng)調(diào)科技，環(huán)保的重要；沉著、樸素的色調(diào)說(shuō)明歷史的悠久；活潑、歡快的色調(diào)展現(xiàn)青少年的稚氣等。
（2）前景色、背景色的搭配。前景色包括文字、菜單、按鈕的用色，它們是界面設(shè)計(jì)傳遞信息的重要渠道，要做到清楚明白、重點(diǎn)突出。背景色在界面中屬于襯托顏色，面積較大，起烘托主題、體現(xiàn)創(chuàng)意的作用。在色彩的選擇上，前景色與背景色要有適度的對(duì)比，使兩者之間的色彩距離拉開(kāi)，造成醒目的視覺(jué)效果。一般來(lái)說(shuō)，背景色深，則前景色就要淺；背景色淺，則前景色深。這種深淺變化在色彩學(xué)中成為“明度變化”。例如在深色或中度色調(diào)的背景下采用白字或黃字，在淺色的背景下采用深色字。充分考慮兩者之間的適度對(duì)比，才能達(dá)到主題形象突出、色彩效果強(qiáng)烈的目的。
（3）色彩之間的調(diào)和。調(diào)和是指兩種或兩種以上的色彩之間的配合，能夠相互協(xié)調(diào)、達(dá)到和諧。調(diào)和是配色中應(yīng)該注意的，賞心悅目就是一種調(diào)和美的配色。配色調(diào)和與否，是人產(chǎn)生愉快或不愉覺(jué)的關(guān)鍵。同一屏幕的色彩不宜使用過(guò)多，色彩之間的組合要做到統(tǒng)一、協(xié)調(diào)。
四、結(jié)語(yǔ)
CAI課件界面設(shè)計(jì)是課件設(shè)計(jì)成功與否的關(guān)鍵，而其中圖形設(shè)計(jì)的作用毋庸置疑。一個(gè)優(yōu)秀的課件能夠抓住學(xué)習(xí)者的視覺(jué)和心理，創(chuàng)造出和諧之美，從而引發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣，增加學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)，以達(dá)到優(yōu)化課堂效果，提高學(xué)習(xí)者學(xué)習(xí)效率的目的?！?/p>
參考文獻(xiàn)
一、設(shè)計(jì)界面的涵義
界面的說(shuō)法以往常見(jiàn)的是在人機(jī)工程學(xué)中。“人機(jī)界面”是指人機(jī)間相互施加影響的區(qū)域，凡參與人機(jī)信息交流的一切領(lǐng)域都屬于人機(jī)界面?！岸O(shè)計(jì)藝術(shù)是研究人一物關(guān)系的學(xué)科，對(duì)象物所代表的不是簡(jiǎn)單的機(jī)器與設(shè)備，而是有廣度與深度的物；這里的人也不是“生物人”，不能單純地以人的生理特征進(jìn)行分析?！叭说某叨?，既應(yīng)有作為自然人的尺度，還應(yīng)有作為社會(huì)人的尺度；既研究生理、心理、環(huán)境等對(duì)人的影響和效能，也研究人的文化、審美、價(jià)值觀念等方面的要求和變化”。
設(shè)計(jì)的界面存在于人一物信息交流，甚至可以說(shuō)，存在人物信息交流的一切領(lǐng)域都屬于設(shè)計(jì)界面，它的內(nèi)涵要素是極為廣泛的?？蓪⒃O(shè)計(jì)界面定義為設(shè)計(jì)中所面對(duì)、所分析的一切信息交互的總和，它反映著人一物之間的關(guān)系。
二、設(shè)計(jì)界面的存在
美國(guó)學(xué)者赫伯特．A．西蒙提出：設(shè)計(jì)是人工物的內(nèi)部環(huán)境(人工物自身的物質(zhì)和組織)和外部環(huán)境(人工物的工作或使用環(huán)境)的接合。所以設(shè)計(jì)是把握人工物內(nèi)部環(huán)境與外部環(huán)境接合的學(xué)科，這種接合是圍繞人來(lái)進(jìn)行的?！叭恕笔窃O(shè)計(jì)界面的一個(gè)方面，是認(rèn)識(shí)的主體和設(shè)計(jì)服務(wù)的對(duì)象，而作為對(duì)象的“物”則是設(shè)計(jì)界面的另一個(gè)方面。它是包含著對(duì)象實(shí)體、環(huán)境及信息的綜合體，就如我們看見(jiàn)一件產(chǎn)品、一棟建筑，它帶給人的不僅有使用的功能、材料的質(zhì)地，也包含著對(duì)傳統(tǒng)思考、文化理喻、科學(xué)觀念等的認(rèn)知。“任何一件作品的內(nèi)容，都必須超出作品中所包含的那些個(gè)別物體的表象?！狈治觥拔铩币簿头治隽嗽O(shè)計(jì)界面存在的多樣性。
為了便于認(rèn)識(shí)和分析設(shè)計(jì)界面，可將設(shè)計(jì)界面分類(lèi)為：
1)功能性設(shè)計(jì)界面接受物的功能信息，操縱與控制物，同時(shí)也包括與生產(chǎn)的接口，即材料運(yùn)用、科學(xué)技術(shù)的應(yīng)用等等。這一界面反映著設(shè)計(jì)與人造物的協(xié)調(diào)作用。
2)情感性設(shè)計(jì)界面即物要傳遞感受給人，取得與人的感情共鳴。這種感受的信息傳達(dá)存在著確定性與不確定性的統(tǒng)一。情感把握在于深入目標(biāo)對(duì)象的使用者的感情，而不是個(gè)人的情感抒發(fā)。設(shè)計(jì)師“投入熱情，不投入感情”，避免個(gè)人的任何主觀臆斷與個(gè)性的自由發(fā)揮。這―界面反映著設(shè)計(jì)與人的關(guān)系。
3)環(huán)境性設(shè)計(jì)界面外部環(huán)境因素對(duì)人的信息傳遞。任何一件或一個(gè)產(chǎn)品或平面視覺(jué)傳達(dá)作品或室內(nèi)外環(huán)境作品都不能脫離環(huán)境而存在，環(huán)境的物理?xiàng)l件與精神氛圍是不可忽缺的界面因素。
應(yīng)該說(shuō)，設(shè)計(jì)界面是以功能性界面為基礎(chǔ)，以環(huán)境性界面為前提，以情感性界面為重心而構(gòu)成的，它們之間形成有機(jī)和系統(tǒng)的聯(lián)系。
三、設(shè)計(jì)界面存在的方法論意義
當(dāng)機(jī)械大工業(yè)發(fā)展起來(lái)的時(shí)候，如何有效操縱和控制產(chǎn)品或機(jī)械的問(wèn)題導(dǎo)致了人機(jī)工程學(xué)。二戰(zhàn)后，隨著體力的簡(jiǎn)單勞動(dòng)轉(zhuǎn)向腦力的復(fù)雜勞動(dòng)，人體工學(xué)也進(jìn)一步地?cái)U(kuò)大到人的思維能力的設(shè)計(jì)方面，“使設(shè)計(jì)能夠支持、解放、擴(kuò)展人的腦力勞動(dòng)”。在目前的知識(shí)經(jīng)濟(jì)時(shí)代，在滿(mǎn)足了物質(zhì)需求的情況下，人們追求自身個(gè)性的發(fā)展和情感訴求，設(shè)計(jì)必須要著重對(duì)人的情感需求進(jìn)行考慮。設(shè)計(jì)因素復(fù)雜化導(dǎo)致設(shè)計(jì)評(píng)價(jià)標(biāo)準(zhǔn)困難化。一個(gè)個(gè)性化的設(shè)計(jì)作品能否被消費(fèi)者所認(rèn)同?新產(chǎn)品開(kāi)發(fā)能不能被市場(chǎng)所接受?在目前，我國(guó)大部分企業(yè)實(shí)力還并不強(qiáng)大，設(shè)計(jì)開(kāi)發(fā)失利承受力還不很強(qiáng)的情況下，如何系統(tǒng)地、有根據(jù)地認(rèn)識(shí)、評(píng)價(jià)設(shè)計(jì)，使其符合市場(chǎng)，就需要對(duì)設(shè)計(jì)因素再認(rèn)識(shí)。利用界面分析法，正是使設(shè)計(jì)因素條理化，避免將人作為“生物人”的片面和走出籠統(tǒng)地說(shuō)“設(shè)計(jì)＝科學(xué)十藝術(shù)”的簡(jiǎn)單誤區(qū)。
現(xiàn)代的人機(jī)工程學(xué)和消費(fèi)心理學(xué)為設(shè)計(jì)提供了科學(xué)的依據(jù)，它們的成功就在于實(shí)驗(yàn)、調(diào)查和數(shù)理表述，是較為可系的。同樣對(duì)設(shè)計(jì)藝術(shù)而言，進(jìn)行設(shè)計(jì)界面的分析，也要有生理學(xué)、心理學(xué)、文化學(xué)、生物學(xué)、技術(shù)學(xué)學(xué)科基礎(chǔ)。從理論上來(lái)說(shuō)，它要直接建立在信息論和控制論的基礎(chǔ)之上。相對(duì)于機(jī)械、電子設(shè)計(jì)和人機(jī)設(shè)計(jì)，以往人機(jī)界面設(shè)計(jì)把握了技術(shù)科學(xué)的認(rèn)識(shí)和手段，忽視了人文科學(xué)觀念與思想。它的界面設(shè)計(jì)只能存在于局部的思考范圍內(nèi)，只成為一個(gè)設(shè)計(jì)的階段。
有人以功能論來(lái)評(píng)判設(shè)計(jì)?！肮δ軟Q定形態(tài)”曾是20世紀(jì)上半葉的設(shè)計(jì)格言，它的提法是片面的。這是因?yàn)椋旱谝?，功能不是單一的，它包括使用功能、審美功能、社?huì)功能、環(huán)境功能等?！斑^(guò)分追求單一的功能會(huì)導(dǎo)致將許多重要內(nèi)容(裝飾性、民族性、中間性)被排斥掉”。而且“有些內(nèi)容并不是‘功能’的概念所能包括了的，更何況物質(zhì)和精神的內(nèi)容也并不是時(shí)時(shí)處處等質(zhì)等量的融洽在一個(gè)統(tǒng)一體中，隨產(chǎn)品的不同、時(shí)期的不同，它們各自的主次地位也隨之變化”。在現(xiàn)今信息技術(shù)高度發(fā)展的時(shí)代，情感因素越來(lái)越成為設(shè)計(jì)的主要方面。物質(zhì)意義上的功能在保持其基礎(chǔ)地位的情況下，卻日益不能代表情感訴求的表述；第二，按“形態(tài)服從功能”而設(shè)計(jì)的產(chǎn)品，對(duì)于不熟悉它的使用者來(lái)說(shuō)是難以理解的，產(chǎn)品要為人們所理解，必須要借助公認(rèn)的信碼，即符號(hào)系統(tǒng)；第三，滿(mǎn)足同一功能的產(chǎn)品形態(tài)本來(lái)就不是唯一的，象汽車(chē)等成熟的產(chǎn)品，年度換型計(jì)劃等措施成為商品經(jīng)濟(jì)中日益不可避免的現(xiàn)象。社會(huì)經(jīng)濟(jì)發(fā)展到一定程度，才能出現(xiàn)設(shè)計(jì)的專(zhuān)業(yè)需求，而這時(shí)人們的基本物質(zhì)需求已能滿(mǎn)足，簡(jiǎn)單地以物質(zhì)來(lái)決定設(shè)計(jì)是不恰當(dāng)?shù)摹?/p>
相反，設(shè)計(jì)界面體現(xiàn)了人一物交流信息的本質(zhì)，也是設(shè)計(jì)藝術(shù)的內(nèi)涵，它包括了設(shè)計(jì)的方方面面，明確了設(shè)計(jì)的目標(biāo)與程序。
四、設(shè)計(jì)界面的分析
按照設(shè)計(jì)界面的三類(lèi)劃分，有助于考察設(shè)計(jì)界面的多種因素。當(dāng)然，應(yīng)該說(shuō)設(shè)計(jì)界面的劃分是不可能完全絕對(duì)的，三類(lèi)界面之間有涵義上也可能交互與重疊，如宗教文化是一種環(huán)境性因素，但它帶給信仰者的往往更多的卻是宗教的情感因素。在這里環(huán)境性和情感性是不好區(qū)分的，但這并不妨礙不同分類(lèi)之間所存在的實(shí)質(zhì)性的差異。
1、功能性界面
對(duì)功能性界面來(lái)說(shuō)，它實(shí)現(xiàn)的是使用性?xún)?nèi)容，任何‘件產(chǎn)品或內(nèi)外環(huán)境或平面視覺(jué)傳達(dá)作品，其存在的價(jià)值首要的是在于使用性，由使用性牽涉到多種功能因素的分析及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。在這一方面，分析思維作為一種理性思維而存在。如果作為一種處理方式來(lái)設(shè)計(jì)產(chǎn)品，則這種產(chǎn)品會(huì)使多種特征性(如民族性、純粹性)因素中性化，如果去除產(chǎn)品商標(biāo)，就很難認(rèn)出是哪國(guó)的或哪個(gè)公司的產(chǎn)品。當(dāng)然，這方面也說(shuō)明了產(chǎn)品中存在著共同性因素，它使全人類(lèi)能做出同樣的反應(yīng)。人的感覺(jué)和判斷能力有著國(guó)際性的、客觀性的特征。
功能性界面設(shè)計(jì)要建立在符號(hào)學(xué)的基礎(chǔ)上。國(guó)際符號(hào)學(xué)會(huì)對(duì)符號(hào)學(xué)所下定義是：符號(hào)是關(guān)于信號(hào)標(biāo)志系統(tǒng)(即通過(guò)某種渠道傳遞信息的系統(tǒng))的理論，它研究自然符號(hào)系統(tǒng)和人造符號(hào)系統(tǒng)的特征。廣義的說(shuō)，能夠代表其他事物的東西都是符號(hào)，如字母、數(shù)字、儀式、意識(shí)、動(dòng)作等，最復(fù)雜的一種符號(hào)系統(tǒng)可能就是語(yǔ)言。設(shè)計(jì)功能界面，不可避免地要讓使用者明白功能操作。每一操作對(duì)人來(lái)說(shuō)應(yīng)是符合思維邏輯的，是人性的，而對(duì)機(jī)械、電子來(lái)說(shuō)則應(yīng)是準(zhǔn)確的、確定無(wú)疑的，這雙方的信息傳遞是功能界面的核心內(nèi)涵。
2、情感性界面
一個(gè)家庭裝飾要賦予人家居的溫馨，一副平面作品要以情動(dòng)人，一件宗教器具要體現(xiàn)信仰者的虔誠(chéng)。其實(shí)任何一件產(chǎn)品或作品只有與人的情感產(chǎn)生共鳴才能為人所接受，“敝帚自珍”正體現(xiàn)著人的感情寄托，也體現(xiàn)著設(shè)計(jì)作品的魅力所在。
現(xiàn)代符號(hào)學(xué)的發(fā)展也日益這一領(lǐng)域開(kāi)拓，以努力使這種不確定性得到壓縮，部分加強(qiáng)理性化成分。符號(hào)學(xué)逐漸應(yīng)用于民俗學(xué)、神話學(xué)、宗教學(xué)、廣告學(xué)等領(lǐng)域，如日本符號(hào)學(xué)界把符號(hào)學(xué)用于認(rèn)識(shí)論研究，考察認(rèn)識(shí)知覺(jué)、認(rèn)識(shí)過(guò)程的符號(hào)學(xué)問(wèn)題。同時(shí)，符號(hào)學(xué)還用于分析利用人體感官進(jìn)行的交際，并將音樂(lè)、舞蹈、服裝、裝飾等都作為符號(hào)系統(tǒng)加以分析研究，這都為設(shè)計(jì)藝術(shù)提供了寶貴與有借鑒價(jià)值的情感界面設(shè)計(jì)方法與技術(shù)手段。
3、環(huán)境性界面
任何的設(shè)計(jì)都要與環(huán)境因素相聯(lián)系，它包括社會(huì)、政治和文化等綜合領(lǐng)域。處于外界環(huán)境之中，“是以社會(huì)群體而不是以個(gè)體為基礎(chǔ)的”，所以環(huán)境性因素一般處于非受控與難以預(yù)見(jiàn)的變化狀態(tài)。聯(lián)系到設(shè)計(jì)的歷史，我們可以利用藝術(shù)社會(huì)學(xué)的觀點(diǎn)去認(rèn)識(shí)各時(shí)期的設(shè)計(jì)潮流。18世紀(jì)起，西方一批美學(xué)家已注意到藝術(shù)創(chuàng)造與審美趣味深受地理、氣候、民族、歷史條件等環(huán)境因素的影響。法國(guó)實(shí)證主義哲學(xué)家孔德指出：“文學(xué)藝術(shù)是人的創(chuàng)造物，原則上是由創(chuàng)造它的人所處的環(huán)境條件決定?！狈▏?guó)文藝?yán)碚摷业ぜ{認(rèn)為“物質(zhì)文明與精神文明的性質(zhì)面貌都取決于種族、環(huán)境、時(shí)代三大因素”。無(wú)論是工藝美術(shù)運(yùn)動(dòng)、包豪斯現(xiàn)代主義或20世紀(jì)80年代的反設(shè)計(jì)，現(xiàn)代的多元化，“游牧主義”(Nemadism)都反映著環(huán)境因素的影響。
環(huán)境性界面設(shè)計(jì)所涵蓋的因素是極為廣泛的，它包括有政治、歷史、經(jīng)濟(jì)、文化、科技、民族等，這方面的界面設(shè)計(jì)正體現(xiàn)了設(shè)計(jì)藝術(shù)的社會(huì)性。
以上說(shuō)明了設(shè)計(jì)藝術(shù)界面存在的特征因素，說(shuō)明在理性與非理性上都存在明確、合理、有規(guī)則、有根據(jù)的認(rèn)識(shí)方法與手段。
成功的作品都是完善地處理了這三個(gè)界面的結(jié)晶。如貝聿銘設(shè)計(jì)的盧浮宮擴(kuò)建工程，功能性處理得很好，沒(méi)有屈從于形式而損害功能；但同時(shí)又通過(guò)新材料及形式反映新的時(shí)代性特征及美學(xué)傾向，這是環(huán)境性界面處理的典范；人們觀看盧浮宮，不是回到古代，而是以新的價(jià)值觀去重新審視、欣賞，它的三角形外觀符合了人們的心理期望，這是情感性界面處理的極致。
五、設(shè)計(jì)界面的運(yùn)用原則
1)合理性原則，即保證在系統(tǒng)設(shè)計(jì)基礎(chǔ)上的合理與明確。
任何的設(shè)計(jì)都既要有定性也要有定量的分析，是理性與感性思維相結(jié)合。努力減少非理性因素，而以定量?jī)?yōu)化、提高為基礎(chǔ)。設(shè)計(jì)不應(yīng)人云亦云，一定要在正確、系統(tǒng)的事實(shí)和數(shù)據(jù)的基礎(chǔ)上，進(jìn)行嚴(yán)密地理論分析，能以理服人、以情感人。
2)動(dòng)態(tài)性原則，即要有四維空間或五維空間的運(yùn)作觀念。一件作品不僅是二維的平面或三絕的立體，也要有時(shí)間與空間的變換，情感與思維認(rèn)識(shí)的演變等多維因素。
3)多樣化原則，即設(shè)計(jì)因素多樣化考慮。當(dāng)前越來(lái)越多的專(zhuān)業(yè)調(diào)查人員與公司出現(xiàn)，為設(shè)計(jì)帶來(lái)豐富的資料和依據(jù)。但是，如何獲取有效信息，如何分析設(shè)計(jì)信息實(shí)際上是一個(gè)要有創(chuàng)造性思維與方法的過(guò)程體系。
4)交互性原則，即界面設(shè)計(jì)強(qiáng)調(diào)交互過(guò)程。一方面是物的信息傳達(dá)，另一方面是人的接受與反饋，對(duì)任何物的信息都能動(dòng)地認(rèn)識(shí)與把握。
5)共通性原則，即把握三類(lèi)界面的協(xié)調(diào)統(tǒng)一，功能、情感、環(huán)境不能孤立而存在。
六、設(shè)計(jì)界面的應(yīng)用方法
設(shè)計(jì)界面所包含的因素是極為廣泛的，但在運(yùn)用中卻只能有側(cè)重、有強(qiáng)調(diào)的把握。設(shè)計(jì)因素雖多，但它仍是一個(gè)不可分割的整體。它的結(jié)果是物化的形，但這個(gè)形卻是代表了時(shí)代、民族等方面的意識(shí)，并最終反映出人的“美”的心理活動(dòng)。
