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