前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇界面設(shè)計知識點范文，相信會為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

界面設(shè)計知識點范文第1篇

[關(guān)鍵詞]界面設(shè)計；課程體系；改革創(chuàng)新

當(dāng)今社會，隨著互聯(lián)網(wǎng)技術(shù)高速發(fā)展帶來互聯(lián)網(wǎng)產(chǎn)品的不斷迭代更新，需要的界面設(shè)計人才大幅增加，作為培育應(yīng)用型人才的高校，需要緊跟社會人才需求，針對界面設(shè)計課程改革創(chuàng)新，完善教學(xué)體系，界面設(shè)計教師應(yīng)結(jié)合知識點的更新，通過課程教學(xué)實踐不斷深化教學(xué)知識點，用更加系統(tǒng)規(guī)范的教學(xué)體系，保證界面設(shè)計課程的有效教學(xué)，避免教學(xué)與實際需求的脫節(jié)。

一、界面設(shè)計課程教學(xué)的基本內(nèi)容

界面設(shè)計（UserInterface）也被稱為用戶界面設(shè)計，也叫交互界面、圖形界面、人機界面設(shè)計，是我們今天無時無刻不在接觸不受影響的偉大發(fā)明。隨著電子計算機的普及，界面設(shè)計也應(yīng)運而生，最初，從僅限于輸入編程代碼的界面，到可視化圖標(biāo)和窗口的界面，再到現(xiàn)在任何手機系統(tǒng)都離不開的app界面，短短半個世紀(jì)左右的時間，人們的工作、生活已經(jīng)同界面密不可分了。界面極大程度提高了社會的運作效率。如今，各大網(wǎng)絡(luò)平臺以及應(yīng)用程序都有為其量身打造的界面，因此，界面設(shè)計師有著大量的社會需求。界面設(shè)計主要包含視覺設(shè)計、用戶體驗、交互設(shè)計三大部分。雖然界面設(shè)計是針對所有電子設(shè)備圖形界面設(shè)計的統(tǒng)稱，包括穿戴設(shè)備、智能家電、車機系統(tǒng)等，但它在國內(nèi)主流語境指的是移動端APP界面的設(shè)計。雖然國內(nèi)的界面設(shè)計近十年飛速發(fā)展，但還處于發(fā)展階段，需要與時俱進，不斷創(chuàng)新，這也對界面設(shè)計教師提出了新的挑戰(zhàn)，界面設(shè)計教師需要不斷提高專業(yè)素養(yǎng)，豐富實踐經(jīng)驗，引入新的教育理念，推動界面設(shè)計課程改革。與傳統(tǒng)設(shè)計相比，界面設(shè)計師需要積極深化理論研究，參與設(shè)計實踐，充分發(fā)揮設(shè)計師的主觀能動性，這也是當(dāng)代教育的發(fā)展方向和目標(biāo)。界面設(shè)計課程教學(xué)中教師需要教授的內(nèi)容比較多，包括了界面設(shè)計規(guī)范、界面原型框架圖、啟動圖標(biāo)設(shè)計、界面圖標(biāo)設(shè)計界面交互動效、界面展示效果圖、界面頁面標(biāo)注、界面頁面切圖、AdobeillustratorAdobePhotoshop軟件基礎(chǔ)訓(xùn)練、市場調(diào)研與用戶分析、web端界面設(shè)計、跨平臺設(shè)計等。

二、界面設(shè)計課程教學(xué)中存在的問題

（一）課程內(nèi)容較為局限，脫離實際

界面設(shè)計與傳統(tǒng)平面設(shè)計區(qū)別較大，是一個集眾多領(lǐng)域，綜合性很強的專業(yè)。除了需要學(xué)生掌握傳統(tǒng)平面設(shè)計中的版式設(shè)計、圖形創(chuàng)意、字體設(shè)計之外還需要結(jié)合界面設(shè)計規(guī)范、用戶調(diào)研、交互邏輯、界面設(shè)計軟件來進行設(shè)計，而這些細分要點在目前的界面設(shè)計課程教學(xué)中，較容易被忽略。界面設(shè)計是一門實踐性較強的課程，但是總體上看，課程實際教學(xué)過程中的理論部分較多，理論學(xué)時和實踐學(xué)時分配不當(dāng)，使得學(xué)生在課程教學(xué)中難以有效培養(yǎng)實踐部分的實踐能力。在目前的界面設(shè)計課程教學(xué)中，教師普遍采用的教學(xué)形式和方法都比較單一，缺乏新意，學(xué)生難免覺得學(xué)習(xí)不新鮮、枯燥，難以提高對課程學(xué)習(xí)的興趣。

（二）教學(xué)過程與實踐環(huán)節(jié)脫節(jié)

實踐作業(yè)環(huán)節(jié)設(shè)置與界面設(shè)計行業(yè)聯(lián)系不夠緊密。由于教學(xué)內(nèi)容的缺失致使實際環(huán)節(jié)與實際行業(yè)運作的脫節(jié)顯得尤為明顯。缺乏實踐教學(xué)是基于情感表現(xiàn)理論用戶研究相關(guān)多個環(huán)節(jié)的實戰(zhàn)訓(xùn)練，如用戶行為過程分析、場景觀察、市場競品調(diào)研等內(nèi)容是作為界面設(shè)計最基本的用戶研究方法，是必不可少的實踐教學(xué)環(huán)節(jié)，這一系列實踐的缺陷將導(dǎo)致學(xué)生在用戶研究方面出錯。此外，學(xué)生缺乏行業(yè)實踐經(jīng)驗，也沒有機會進入商業(yè)項目，標(biāo)準(zhǔn)和流程沒有辦法控制，只能紙上談兵。

（三）教師水平參差不齊，缺乏實踐經(jīng)驗

教師個人對課程知識和理解的差異以及行業(yè)實踐經(jīng)驗的差異造成同一課程不同教師講授不同內(nèi)容，缺乏系統(tǒng)化、規(guī)范化的課程教學(xué)節(jié)目指導(dǎo)。此外，專職教師較少參與商業(yè)項目，實際情況容易把握，實戰(zhàn)能力薄弱導(dǎo)致教學(xué)內(nèi)容和效果欠缺無力。

三、界面設(shè)計課程教學(xué)改革實踐探索

（一）創(chuàng)新教學(xué)手段提升學(xué)生素養(yǎng)

從具體的研究層面來看，80%以上的學(xué)生更傾向于可以培養(yǎng)其專業(yè)素養(yǎng)的教育課程，通過對傳統(tǒng)教育手段以及科學(xué)教學(xué)的方法調(diào)研來看；90%以上的學(xué)生更傾向于互聯(lián)網(wǎng)的創(chuàng)新教學(xué)模式，通過對學(xué)生的訪問調(diào)查得出三個最受學(xué)生喜愛的教學(xué)方式（如表1所示）。通過對上表的分析可知，在界面設(shè)計的教學(xué)創(chuàng)新活動中，有50.65%的學(xué)生表示翻轉(zhuǎn)課堂的教學(xué)模式更加容易接受，有45.3%的學(xué)生更加喜愛通過社會實踐的方式提升自身的綜合素養(yǎng)，而在以上三種較高關(guān)注的教學(xué)方式中，最受喜愛的為小組合作的教學(xué)模式，占據(jù)總比重的65.87%。以1000人為調(diào)查樣本，平均每1000人中有大約507人認(rèn)為翻轉(zhuǎn)課堂的教學(xué)模式能夠幫助其認(rèn)識到未來就業(yè)中，界面設(shè)計單位對于選拔人才的需求；平均1000人中有453人認(rèn)為社會實踐競賽能夠幫助其更快地掌握知識技能，是鍛煉自身能力的最有效方式；平均1000人中有659人認(rèn)為小組合作的教學(xué)模式，可以讓其在界面設(shè)計學(xué)習(xí)的過程中，不斷的交流彼此的意見，通過溝通和交流，學(xué)生能夠感覺更加的放松，并且可以從其他學(xué)生身上尋求到自己無法掌握的知識技能以及技巧。分別對翻轉(zhuǎn)課堂、社會實踐競賽以及小組合作的教學(xué)模式進行調(diào)研可以發(fā)現(xiàn)，在翻轉(zhuǎn)課堂的教學(xué)過程中，學(xué)生的課堂主觀能動性已經(jīng)由原本的32.5%上漲到57.5%，大約上漲了25個百分比，這對于界面設(shè)計教學(xué)的促進作用十分明顯；而在社會實踐的教學(xué)過程中可以發(fā)現(xiàn)，通過不斷的實踐學(xué)生對于界面知識的理解能力也由原本的50%提升至60%左右，這一舉動無論是對于學(xué)生還是對于教師而言都有著十分重要的意義；最后，從小組合作的層面分析，無論是翻轉(zhuǎn)課堂還是社會實踐，都避免不了小組合作學(xué)習(xí)的融入，也可以說，在界面設(shè)計改革過程中，小組合作教學(xué)模式在總活動中的占比已經(jīng)超過了80%，是界面設(shè)計改革中十分重要的教學(xué)舉措。從表2的分析可知，在翻轉(zhuǎn)課堂中，教師的單方面?zhèn)鬏斀虒W(xué)模式，已經(jīng)衍生出6種以上的教學(xué)形式，授課與展示占據(jù)界面設(shè)計課堂的30%、討論占據(jù)課堂的10%、設(shè)計制作占據(jù)課堂的40%，而評估占據(jù)課堂的10%，相比傳統(tǒng)的教學(xué)模式來說，這樣的翻轉(zhuǎn)課堂教學(xué)可以更加合理地分配了課堂教學(xué)的時間，也讓學(xué)生更深層次地掌握崗位對于人才的實際需要，學(xué)生的參與熱情也明顯提升。從社會實踐的層面來看，主題競賽是社會實踐競賽中占比較高的競賽，占據(jù)總比重的53%左右；UI數(shù)字界面設(shè)計比賽，占據(jù)總比重的43.4%左右，而二者結(jié)合的實踐模式也占據(jù)整個競賽的30.94%左右。最后是小組合作的方式，在小組合作中，小組合作的角色模擬占據(jù)的比重較大為45.6%，而競爭產(chǎn)品分析占據(jù)總比重的43.54%、APP產(chǎn)品功能在定位占據(jù)總比重的56.5%左右、商業(yè)模擬占據(jù)總比重的45.1%左右。

（二）引入行業(yè)真實案例完善課程實踐環(huán)節(jié)

通過真實的設(shè)計項目，讓學(xué)生深入了解產(chǎn)品研發(fā)過程，有利于培養(yǎng)設(shè)計的全局觀。圖1、圖2為部分學(xué)生作品，通過案例實戰(zhàn)訓(xùn)練，取得一定成效，該界面設(shè)計作品《小戲院APP》獲得2020年中國大學(xué)生計算機設(shè)計大賽福建省級賽一等獎[1]。在具體的項目實踐中進行項目立項、市場調(diào)研、頭腦風(fēng)暴暴力、視覺設(shè)計方案制作等，要求在規(guī)定的學(xué)時內(nèi)完成。培養(yǎng)學(xué)生主動學(xué)習(xí)的能力，帶著問題通過各種學(xué)習(xí)渠道找答案，達到較好的學(xué)習(xí)效果，作出設(shè)計也更貼近市場需求。團隊協(xié)作，真實項目模擬界面設(shè)計公司或其他互聯(lián)網(wǎng)設(shè)計公司的學(xué)習(xí)環(huán)境和氛圍為了培養(yǎng)學(xué)生的團隊精神和學(xué)習(xí)能力，也為成為合格的界面設(shè)計師打下基礎(chǔ)。以項目帶動教學(xué)，多做實踐要具體真實，對行業(yè)標(biāo)準(zhǔn)和流程有精準(zhǔn)的把控力[2]。在進行項目教學(xué)的同時，聘請企業(yè)界面設(shè)計行業(yè)專業(yè)人士進行定期參與教學(xué)，進行專家講座以及企業(yè)參觀模擬實習(xí)等校企合作的形式，充分發(fā)揮校企雙方的優(yōu)勢，相關(guān)界面設(shè)計課程教學(xué)，通過界面設(shè)計豐富的項目開發(fā)經(jīng)驗。

（三）增強師資隊伍專業(yè)素養(yǎng)

對于界面設(shè)計而言，教師在其中發(fā)揮著十分重要的作用，使界面設(shè)計教學(xué)更具有效性，與傳統(tǒng)設(shè)計存在一定差異的是界面設(shè)計的風(fēng)格、手法、規(guī)范更新的較為及時，需要教師不斷地提升自身的素養(yǎng)，將傳統(tǒng)教學(xué)知識與現(xiàn)代化背景下的界面設(shè)計理念進行有機結(jié)合，完善自身的知識內(nèi)容，創(chuàng)造更加具有意義的界面設(shè)計教學(xué)手段。緊跟界面設(shè)計潮流趨勢，研學(xué)近年流行設(shè)計風(fēng)格：1.新擬物風(fēng)格。新擬物是近年來設(shè)計界中處于風(fēng)口浪尖上的一種視覺風(fēng)格，新的擬物化自誕生之初就發(fā)生了一定的變化。新擬物風(fēng)格嘗試在純色界面中凸顯元素的凸起和凹陷感，使用投影，內(nèi)陰影和內(nèi)高光等表現(xiàn)方式。這種方式讓元素呈現(xiàn)立體感的同時，也更加純粹。新擬物設(shè)計風(fēng)格正朝著更復(fù)雜、更完整的方向發(fā)展，具有更好的可訪問性，并開始具有更多準(zhǔn)物化的設(shè)計特征。2.大字體排版風(fēng)格。無論是平面設(shè)計還是界面設(shè)計，排版始終是基礎(chǔ)和核心。大字體作為主要的排版元素，在設(shè)計中得到了廣泛的應(yīng)用，并以各種方式與視頻、圖片相結(jié)合。搭配風(fēng)格多變不拘一格，超大的文字可以使用不同的顏色，通過色彩對比營造視覺感染力。一些設(shè)計師還使用文本來創(chuàng)建剪貼蒙版，以便視頻和圖像以具有視覺吸引力的剪切方式呈現(xiàn)，并提供非常突出的用戶體驗。3.柔和漸變風(fēng)格。漸變設(shè)計兩極分化的情況較為明顯，從視覺設(shè)計的領(lǐng)域來看，漸變更加具有柔和度。界面設(shè)計領(lǐng)域中應(yīng)用性較強的為雙色漸變，模糊效果的融入令此種漸變變得更具柔和度，柔和的背景也能在一定程度上提升設(shè)計的美感，讓設(shè)計的現(xiàn)代性有所提升，更能夠吸引用戶的關(guān)注。

結(jié)語

界面作為現(xiàn)代電子設(shè)備中人機交互的重要手段，界面的設(shè)計隨著電子設(shè)備在人們生活中地位的提高，也成為視覺設(shè)計中最為重要的分支之一和重要的新興學(xué)科。界面的設(shè)計質(zhì)量關(guān)聯(lián)著一個電子產(chǎn)品的可用性與美觀性，同時也體現(xiàn)出互聯(lián)網(wǎng)時代中信息對人與社會的關(guān)系轉(zhuǎn)變與社會發(fā)展的激化效應(yīng)。當(dāng)前，界面設(shè)計人才需求旺盛，界面設(shè)計課程教學(xué)內(nèi)容需要進一步充實和完善，界面設(shè)計需要不斷完善知識體系，緊跟設(shè)計潮流，促進界面設(shè)計課程教學(xué)質(zhì)量提升，為社會培養(yǎng)更多滿足用戶對產(chǎn)品的審美需求以及體驗需求的界面設(shè)計人才。

參考文獻：

[1]許琛.UI界面設(shè)計在視覺傳達設(shè)計專業(yè)教學(xué)中的應(yīng)用研究[J].科教導(dǎo)刊(上旬刊),2016,(12).

界面設(shè)計知識點范文第2篇

【關(guān)鍵詞】工學(xué)結(jié)合；課程開發(fā)；UI課程

一、引言

工學(xué)結(jié)合課程的內(nèi)涵是以工作過程系統(tǒng)化課程為基本，突出以學(xué)生為主體，工作（學(xué)習(xí)）過程符合人的職業(yè)成長規(guī)律，源自于職業(yè)崗位，內(nèi)容、要求和環(huán)境具有真實性、全面性和學(xué)習(xí)性，結(jié)構(gòu)完整遵循系統(tǒng)化原則。其基本特征是：工作中學(xué)習(xí)，工學(xué)一體化，實現(xiàn)學(xué)習(xí)者綜合職業(yè)能力的培養(yǎng)。本文以《UI設(shè)計與實操》課程實踐模式，探討基于工學(xué)結(jié)合的校內(nèi)課程實施方式方法。

二、開展UI課程的前期準(zhǔn)備

工學(xué)結(jié)合課程具備以下兩個特征：（1）工學(xué)結(jié)合課程的載體是綜合性的“典型工作任務(wù)”；（2）工學(xué)結(jié)合課程的實施，要讓學(xué)生親自經(jīng)歷結(jié)構(gòu)完整的工作過程。目前廣州市中職學(xué)校計算機專業(yè)普遍開設(shè)了圖像制作、網(wǎng)頁設(shè)計的課程，大部分以單個案例教學(xué)法教學(xué)法為主，學(xué)習(xí)任務(wù)隨意性較大，有時為了一些簡單的知識點，設(shè)計出一個項目。學(xué)生缺失了在一個職業(yè)活動情境中，參與具有結(jié)構(gòu)完整的工作過程，包括計劃、實施以及工作成果檢查評價等步驟。筆者在參加發(fā)改委推行的雙師型培訓(xùn)過程中，得到去企業(yè)實習(xí)和交流的機會，參與了2010年亞運會O/S內(nèi)部系統(tǒng)界面設(shè)計，與及南沙區(qū)黃閣鎮(zhèn)政府OA辦公系統(tǒng)UI設(shè)計的工作，意識到以往網(wǎng)頁設(shè)計、圖像制作課程單個知識點的案例教學(xué)法，不利于學(xué)生全面了解企業(yè)的工作模式，缺乏和用戶的有效溝通，造成參加工作后學(xué)校的知識點與工作崗位要求脫節(jié)，于是筆者編寫了《UI設(shè)計與實操》的校內(nèi)教程，并向?qū)W校申請增設(shè)該課程，從用戶需求分析開始，到書寫UI（用戶界面）規(guī)范，建立用戶界面執(zhí)行準(zhǔn)則、設(shè)計準(zhǔn)則，最后具體實現(xiàn)應(yīng)用實例，使學(xué)生在課堂中親自經(jīng)歷結(jié)構(gòu)完整的工作過程。

三、基于工學(xué)結(jié)合的課程標(biāo)準(zhǔn)

課程標(biāo)準(zhǔn)需要根據(jù)專業(yè)培養(yǎng)目標(biāo)，期望學(xué)生達到的知識、能力的基本要求而制定，是編寫教材、進行教學(xué)任務(wù)、評價的依據(jù)。筆者根據(jù)當(dāng)前企業(yè)的崗位情況，將理論知識、素質(zhì)培訓(xùn)、實際操作技能進行整合。

與UI課程相關(guān)的工作崗位有UI設(shè)計師、網(wǎng)頁制作WEB前端開發(fā)、手機應(yīng)用程序美工、游戲界面設(shè)計、淘寶美工等等，本課程面向的是中等職業(yè)學(xué)校二年級學(xué)生，他們已經(jīng)在前期學(xué)習(xí)過《圖像制作》、《網(wǎng)頁設(shè)計》的課程，同時在學(xué)習(xí)《FLASH二維動畫設(shè)計》。UI設(shè)計課程主要介紹有關(guān)網(wǎng)站、手機等操作系統(tǒng)用戶界面的設(shè)計，通過色彩、構(gòu)圖等各種技巧，培養(yǎng)學(xué)生對圖標(biāo)、logo、菜單、banner的設(shè)計能力，提高學(xué)生對素材的原創(chuàng)能力，筆者結(jié)合自己社會專業(yè)的社會實踐把教學(xué)環(huán)節(jié)設(shè)計為幾個典型的工作任務(wù)：大運會住宿安排系統(tǒng)界面設(shè)計、汽車網(wǎng)站主頁面設(shè)計，家居網(wǎng)站主頁面設(shè)計等。再在里面劃分為客戶需求分析，UI規(guī)范文檔制定，UI界面具體構(gòu)造等幾個子任務(wù)，使學(xué)生參與從客戶需求，訂單生產(chǎn)出發(fā)，到整個項目完成的完整工作過程，具有較強的操作性和時效性。

四、基于工學(xué)結(jié)合的UI課程的典型工作任務(wù)

（一）企業(yè)調(diào)研

通過筆者在廣州智聯(lián)公司實習(xí)期間，了解到企業(yè)基于互聯(lián)網(wǎng)B/S模式以及基于客戶端C/S模式的UI設(shè)計流程，大概分為需求分析、項目細化、項目構(gòu)建三個階段，其中項目構(gòu)建階段分為：（1）UI設(shè)計人員與界面制作人員共同合作，制作出前端界面并規(guī)范UI 文檔；（2）界面制作人員與技術(shù)人員共同合作，完成前端界面制作與及后臺技術(shù)實現(xiàn)。對于UI課程教學(xué)而言，主要關(guān)注需求分析階段、項目細化階段與及構(gòu)建階段中的與界面設(shè)計人員合作部分（部分小型公司UI設(shè)計人員兼任界面制作）。

（二）工作任務(wù)

下文以“深圳大運會住宿安排管理系統(tǒng)”的界面提練為典型工作任務(wù)，作為工學(xué)結(jié)合的教材并實施教學(xué)，工作流程如圖1所示。

圖1 大運會住宿安排管理系統(tǒng)界面設(shè)計流程

（三）工作任務(wù)分析

大運會住宿安排管理系統(tǒng)是基于WEB B/S模式下使用的內(nèi)部系統(tǒng)，界面設(shè)計功能區(qū)包括住宿規(guī)則管理、住宿計劃安排管理、入住退房跟蹤管理、訪客通行管理。同時要求能與交通計劃管理、基本信息管理、系統(tǒng)管理幾個大功能模塊進行訪問對接。要求UI設(shè)計遵循易用性、規(guī)范性、合理性、一致性、美觀性的幾個原則。

（四）教學(xué)分析

在整個教學(xué)實施過程中，學(xué)生是學(xué)習(xí)過程的主體，教師是學(xué)習(xí)的引導(dǎo)者。教師在學(xué)生編寫需求分析文檔、建立界面交互模型，以及編寫《UI規(guī)范文檔》的時候進行指導(dǎo)，重點對以下幾方面進行把關(guān)：

1.易用性：（1）用戶獲取信息的鏈接深度不易過深，應(yīng)提供合理的快捷入口按鈕或快捷搜索功能；（2）完成同一功能或任務(wù)的表單元素，按鈕等放在集中位置，減少鼠標(biāo)移動的距離。（3）復(fù)選框和選項框要有默認(rèn)選項，按選擇機率的高低而先后排列，并支持Tab選擇。

2.合理性：（1）網(wǎng)頁標(biāo)準(zhǔn)色原則上不超過兩種，如果有兩種，其中一種為標(biāo)準(zhǔn)色，另一種為標(biāo)準(zhǔn)輔助色。（2）頁面導(dǎo)航條清晰明了、突出，層級分明。

3.一致性：如在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語、顯示錯誤信息等方面確保一致，要求所有頁面要在普屏（1024*768），寬屏1280*800，高分屏（1600x1200）等幾種分辨率下運行通過。

4.獨特性：WEB應(yīng)用軟件界面設(shè)計應(yīng)能體現(xiàn)出軟件所屬行業(yè)，用戶群等特征。在框架符合規(guī)范的情況下，設(shè)計具有自己獨特風(fēng)格的界面尤為重要。

（五）工作過程設(shè)計

1.啟動階段

學(xué)生了解產(chǎn)品整體需求；了解用戶UI需求，整理UI規(guī)范；參考產(chǎn)品需求以及UI規(guī)范來整理《UI需求分析文檔》。

2.細化階段

學(xué)生根據(jù)《UI需求分析文檔》做交互模型，讓用戶能直觀的了解界面間的邏輯關(guān)系，來確認(rèn)設(shè)計的可行性（即界面層次的交互演示）。

使用性測試階段可把學(xué)生按4-5人分組設(shè)置為多角色，依照交互演示來進行體驗測試，如普通目標(biāo)用戶角色、研究角色、需求角色和開發(fā)人員角色來評審邏輯關(guān)系的合理性，包括使用合理性和設(shè)計合理性，教師審定并檢查界面規(guī)范方案并總結(jié)。

3.構(gòu)造階段

學(xué)生根據(jù)交互演示設(shè)計效果圖，皮膚，界面布局，圖標(biāo)元素并與界面制作人員完善并確立UI規(guī)范文檔等。教師對學(xué)生制定的UI規(guī)范進行講評并修正。

以下為構(gòu)造階段的幾個步驟實例：

（1）通用布局規(guī)范，如圖2所示，此種布局結(jié)構(gòu)特點是功能模塊劃分清晰，主次分明，適合目錄式數(shù)據(jù)結(jié)構(gòu)的展現(xiàn)與操作，同時也是行業(yè)內(nèi)最常用的一種布局結(jié)構(gòu)，也符合大眾一般的操作習(xí)慣。但是需要注意的是，這種結(jié)構(gòu)布局會因各模塊內(nèi)大量數(shù)據(jù)信息展示，由于屏幕分析率和瀏覽器的不確定性，使得網(wǎng)頁可視長度會撐得很長，而出現(xiàn)多處滾動條，這種界面會降低對用戶瀏覽操作的體驗。基于此，在這里規(guī)定整個BODY區(qū)統(tǒng)一自適應(yīng)屏幕寬/高度，固定一些靜態(tài)的操作模塊區(qū)，其它區(qū)數(shù)據(jù)內(nèi)容過多可處理成出現(xiàn)局部滾動條即可。

圖2 通用布局規(guī)范

（2）色彩規(guī)范。軟件系統(tǒng)整體色調(diào)選擇，參考大運會會徽的標(biāo)準(zhǔn)色彩使用規(guī)范以及網(wǎng)頁配色原則，通過對會徽五基色的延展應(yīng)用，搭配出符合大運會信息化系列軟件系統(tǒng)一致性的視覺感。

本規(guī)范提供三套配色方案，橙，藍，綠供設(shè)計師選擇；色彩的具體應(yīng)用可根據(jù)各WEB應(yīng)用軟件系統(tǒng)需求，應(yīng)用范圍，用戶群等相關(guān)因素也可由UI設(shè)計師根據(jù)配色方案思路自由發(fā)揮，創(chuàng)意。

（3）表格數(shù)據(jù)展示區(qū)規(guī)范

表格適用于表單數(shù)據(jù)的展現(xiàn)，視覺效果設(shè)計應(yīng)該以為數(shù)據(jù)展現(xiàn)服務(wù)的原則。分表table，表頭thead，表主體tbody，表尾tfoot。設(shè)計效果應(yīng)以深色淺色來區(qū)分各表區(qū)域的屬性與權(quán)重。邊框線，背景顏色應(yīng)符合主體色調(diào)一致，同時區(qū)別于不同類別數(shù)據(jù)的顯示，以及利于用戶閱讀表數(shù)據(jù)可以采用隔行換色來提高數(shù)據(jù)可讀性，增加用戶體驗度。

表格風(fēng)格如圖3所示：

圖3

基于UI規(guī)范，制作出具體化的控件和頁面。UI系統(tǒng)應(yīng)用實例示范如圖4所示。

圖4

（六）工作任務(wù)總結(jié)與評價

針對學(xué)生的成果和學(xué)習(xí)過程進行評價和總結(jié)，可以安排以下幾個環(huán)節(jié)：（1）學(xué)生成果展示；（2）學(xué)生自我評價和總結(jié)；（3）教師根據(jù)本項工作任務(wù)的完成情況進行評估與總結(jié)，評價方式見表1所示。

五、教學(xué)反思與改進

《UI設(shè)計與實操》課程是一個較新的課程嘗試，目前市面上未有適合中職類教學(xué)的教材，故此，筆者結(jié)合本專業(yè)的情況，編寫適合中職學(xué)生的教材。本課程的特色是：（1）本課程以工學(xué)結(jié)合課程的要求進行開發(fā)，結(jié)合中職學(xué)生的實際設(shè)計能力，把企業(yè)中的實際工作項目，提練成典型工作任務(wù)，并以理論實踐一體化的教學(xué)模式加以實施。（2）提倡學(xué)生注重用戶感受，分析不同客戶對使用界面的習(xí)慣不同，引入企業(yè)的界面規(guī)范手冊，把以往的完成一項界面設(shè)計項目，轉(zhuǎn)換為完成一份客戶訂制的合同，讓學(xué)生體驗整個從訂單到完成項目的完整的過程。（3）作為前端網(wǎng)頁設(shè)計課程的延伸，為學(xué)生以后在從事界面設(shè)計的職業(yè)生涯打下較好基礎(chǔ)。

在教學(xué)過程中，筆者在制定課程評價方案時遇到了較多困難，因為該課程的作品評價主觀性較強，同時應(yīng)以客戶滿意度為最大權(quán)重的評價標(biāo)準(zhǔn)，雖然制定了“表1工作項目綜合評價表”，仍然感到不能準(zhǔn)確評價這次工學(xué)結(jié)合的教學(xué)效果，還需要學(xué)校加強企業(yè)的合作，把更多的企業(yè)訂單帶到課堂教學(xué)中來，同時聘請專家、企業(yè)工程師研究該課程的評價體系，做到更高效促進工學(xué)結(jié)合在中職教育中的發(fā)展。

參考文獻

[1]趙志群.職業(yè)教育工學(xué)結(jié)合課程的兩個基本特征[J].教育與職業(yè)，2007，10下（30）.

界面設(shè)計知識點范文第3篇

關(guān)鍵詞 網(wǎng)頁設(shè)計 UI界面設(shè)計 教學(xué)分析

Abstract In the current higher education in the process of multimedia web design is a very important part， but also the required course of professional web design， with the help of a very important role in improving students' ability of web design. In the teaching process of modern web design courses， improve the teaching effect of the course is to promote the further development of web design， students' ability， should be UI interface design teaching， thus to cultivate students' ability to design better. This paper analyzes the UI interface design teaching in multimedia web design course teaching.

Keywords web design； UI interface design； teaching analysis

隨著現(xiàn)代網(wǎng)絡(luò)技術(shù)不斷發(fā)展，社會上對網(wǎng)頁設(shè)計人才也有著越來越大的需求，因此在高校教育過程中加強網(wǎng)頁設(shè)計課程教學(xué)，對網(wǎng)頁設(shè)計專業(yè)人才進行培養(yǎng)具有十分重要的作用及意義。就當(dāng)前網(wǎng)頁設(shè)計課程教學(xué)實際情況而言，UI界面設(shè)計教學(xué)已經(jīng)成為十分重要的一項內(nèi)容，可在很大程度上提高學(xué)生設(shè)計能力，促進網(wǎng)頁設(shè)計教學(xué)進一步發(fā)展。作為網(wǎng)頁設(shè)計課程教師，應(yīng)當(dāng)充分認(rèn)識UI界面設(shè)計教學(xué)的重要性，并且要通過有效方法及策略加強UI界面設(shè)計教學(xué)，使其得到理想效果。

1 網(wǎng)頁設(shè)計課程中UI界面設(shè)計教學(xué)的重要性分析

首先，UI設(shè)計教學(xué)使網(wǎng)頁設(shè)計實踐中視覺傳達設(shè)計理論的不適性得以有效解決。對于傳統(tǒng)視覺設(shè)計理論而言，其研究對象主要為靜止媒介中相關(guān)視覺現(xiàn)象及規(guī)律，其代表主要就是形式、色彩以及圖形與文字等一些基礎(chǔ)理論課程，其視覺對象大部分都屬于二維空間，其基礎(chǔ)為視覺感官刺激，是一種信息傳遞設(shè)計。相比于傳統(tǒng)視覺傳達設(shè)計而言，網(wǎng)頁設(shè)計的承載媒介與其存在本質(zhì)差異，與靜止媒介相比較而言，網(wǎng)絡(luò)媒介在形式上具備光影效果強化，同時還具備運動現(xiàn)象參與以及交互行為主導(dǎo)，在網(wǎng)頁設(shè)計過程中以靜止形態(tài)為基礎(chǔ)的版式和視覺流程原理兩者之間有嚴(yán)重不適情況出現(xiàn)，網(wǎng)頁設(shè)計涉及到聽覺、視覺及觸覺等多種感覺渠道，因此在網(wǎng)頁設(shè)計實踐過程中單獨利用傳統(tǒng)視覺設(shè)計理論很難對其進行指導(dǎo)，而UI設(shè)計理念的應(yīng)用能夠使這一情況得以很好解決。

其次，UI設(shè)計教學(xué)使網(wǎng)頁設(shè)計方法及設(shè)計效果具有更加明確的驗證方式。對于設(shè)計類課程而言，其核心內(nèi)容就是通^對學(xué)生進行啟發(fā)，使其對設(shè)計進行思考及實踐，這樣才能夠使設(shè)計教育產(chǎn)生更加實際的價值。在UI設(shè)計理論體系中，其核心目標(biāo)為用戶，也就是對用戶進行研究，從而對設(shè)計更好服務(wù)于用戶進行研究，在學(xué)生將網(wǎng)站項目作為互聯(lián)網(wǎng)產(chǎn)品實行設(shè)計訓(xùn)練情況下，課堂教學(xué)中的各個方面均將會更加明確，并且在實行設(shè)計實踐過程中，也就能夠在情感上對所選擇設(shè)計方法合理性更加容易理解。在UI設(shè)計過程中提出信息架構(gòu)有關(guān)理論，這一理論使網(wǎng)站信息結(jié)構(gòu)設(shè)計具有更加可靠方法，并且在設(shè)計網(wǎng)站導(dǎo)航系統(tǒng)、標(biāo)識系統(tǒng)以及檢索系統(tǒng)與組織系統(tǒng)過程中，可使設(shè)計人員責(zé)任及實施方法更加明晰。另外，在UI設(shè)計中引入用戶測試，在檢驗網(wǎng)頁設(shè)計方案使用方面具有更加系統(tǒng)的方法，根據(jù)具有較強代表性的客戶對方案的最終可行性設(shè)計進行測試，也就是對其最終目標(biāo)進行測試。

第三，UI設(shè)計教學(xué)能夠使網(wǎng)頁設(shè)計課程更好應(yīng)用于網(wǎng)頁設(shè)計教學(xué)。對于UI設(shè)計理論教學(xué)而言，其對網(wǎng)頁技術(shù)課程和網(wǎng)頁技術(shù)課程兩者之間界定進行明確，可使設(shè)計人員對設(shè)計更加專注地進行思考及實踐，而不必對程序進行考慮，同時隨著當(dāng)前網(wǎng)頁制作工具逐漸向集成化及人性化發(fā)展，在面對設(shè)計對象中，通過復(fù)雜功能可使設(shè)計過程更加簡單化。在課堂實際教學(xué)過程中，應(yīng)當(dāng)使學(xué)生對當(dāng)前網(wǎng)頁制作技術(shù)能夠達到的效果有所了解，并且要了解一些基礎(chǔ)操作代碼，這在實際教學(xué)過程中對不同層次學(xué)生分配不同任務(wù)十分有利，可使因材施教得以真正實現(xiàn)，并且對于課程中的主要任務(wù)，可將其定位于教學(xué)設(shè)計方法，可對設(shè)計任務(wù)的驅(qū)動性及設(shè)計實踐參與進一步強調(diào)，可使學(xué)生了解設(shè)計并非僅僅為簡單制作。①②

2 當(dāng)前網(wǎng)頁設(shè)計課程中UI設(shè)計教學(xué)現(xiàn)狀分析

就當(dāng)前實際情況而言，UI設(shè)計課程仍屬于前沿學(xué)科，由于當(dāng)前UI設(shè)計專業(yè)就業(yè)形勢比較良好，很多高校均開設(shè)UI設(shè)計專業(yè)課程，從而使UI設(shè)計課程教學(xué)得到良好發(fā)展。然而，當(dāng)前我國UI設(shè)計產(chǎn)業(yè)仍不夠完善，當(dāng)前很多人對UI設(shè)計認(rèn)識仍處于較淺層次，因而當(dāng)前高校內(nèi)UI設(shè)計教學(xué)仍缺乏完善系統(tǒng)，其具體體現(xiàn)主要表現(xiàn)在以下方面：

第一，UI設(shè)計課程與網(wǎng)頁設(shè)計課程結(jié)合程度比較低。對于UI設(shè)計課程而言，其中包含很多網(wǎng)頁設(shè)計方面的相關(guān)知識點，然而很多高校在對UI設(shè)計課程進行設(shè)計時與其它課程之間出現(xiàn)脫節(jié)情況，其所導(dǎo)致結(jié)果就是學(xué)生無法對該課程知識較好地進行系統(tǒng)性學(xué)習(xí)。

第二，UI設(shè)計課程設(shè)置缺乏實踐性。對于UI設(shè)計課程而言，其實踐性比較強，然而當(dāng)前很多院校在實際教學(xué)過程中往往存在定位不清楚情況，其所造成結(jié)果及時學(xué)生未能夠?qū)ο嚓P(guān)專業(yè)知識進行較系統(tǒng)學(xué)習(xí)，導(dǎo)致其在今后社會就業(yè)過程中缺乏應(yīng)有技能。

第三，教師素質(zhì)比較低。在UI設(shè)計教學(xué)過程中，教師素質(zhì)會對其產(chǎn)生直接影響，然而在當(dāng)前高校UI設(shè)計教學(xué)過程中，很多教師都缺乏專業(yè)素質(zhì)，學(xué)歷比較低，并且實踐能力比較差，未能夠較好把握課程教學(xué)，導(dǎo)致實際教學(xué)效果不理想。②③

3 網(wǎng)頁設(shè)計教學(xué)過程中UI設(shè)計教學(xué)的有效策略分析

3.1 進一步完善課程教學(xué)大綱

在當(dāng)前網(wǎng)頁設(shè)計教學(xué)過程中，UI設(shè)計課程教學(xué)已經(jīng)成為必須內(nèi)容，其與其它課程之間具有十分密切的聯(lián)系，所以在設(shè)置課程方面應(yīng)當(dāng)對課程教學(xué)大綱進一步進行完善。

首先，應(yīng)當(dāng)對當(dāng)前教學(xué)目標(biāo)明確。對于UI界面設(shè)計課程教學(xué)目標(biāo)而言，一方面是要求學(xué)生將各種相關(guān)網(wǎng)頁設(shè)計實踐操作方法掌握，并且對各種網(wǎng)頁設(shè)計規(guī)范及標(biāo)準(zhǔn)熟知；另一方面而言，就是要使學(xué)生將網(wǎng)頁設(shè)計相關(guān)流程掌握，對于用戶設(shè)計理念應(yīng)當(dāng)準(zhǔn)確領(lǐng)悟，并且應(yīng)當(dāng)對相關(guān)流程熟知。

其次，對課時行合理分配。由于UI設(shè)計課程內(nèi)容具有較強連貫性，該課程開始應(yīng)當(dāng)安排在二年級或者三年級開設(shè)，從而使學(xué)生能夠?qū)⒈匾A(chǔ)知識掌握，之所以對課時進行這樣的設(shè)計，主要目的就是使學(xué)生先對相關(guān)系統(tǒng)理論知識進行一年時間學(xué)習(xí)，使其能夠?qū)⑾嚓P(guān)基礎(chǔ)理論知識掌握，在此基礎(chǔ)上對該課程進行深入進一步學(xué)習(xí)。另外，還能夠為學(xué)生今后就業(yè)劃分提供能力進行學(xué)習(xí)，可使學(xué)生依據(jù)今后就業(yè)崗位對相關(guān)學(xué)習(xí)能力進行鍛煉。

第三，對設(shè)置課程原則明確。在對課程進行具體設(shè)置過程中，應(yīng)當(dāng)注意遵循相關(guān)原則，主要包括人性化原則、反饋原則以及靈活性原則，此外還包括安全性原則與易用性原則。

3.2 明確培養(yǎng)人才方案

人才培養(yǎng)方案能夠?qū)虒W(xué)活動進行指導(dǎo)，同時也是教學(xué)活動得以開展的依據(jù)，人才培養(yǎng)方案對具體教學(xué)內(nèi)容及具體課程設(shè)置結(jié)構(gòu)進行規(guī)定，在制定人才培養(yǎng)方面為不斷進行變化的，人才培養(yǎng)的制定應(yīng)當(dāng)以深入社會調(diào)研為基礎(chǔ)，同時應(yīng)當(dāng)與學(xué)生實際特點相結(jié)合。

通過調(diào)查UI設(shè)計專業(yè)人員實際就業(yè)情況及社會對學(xué)生能力要求，其結(jié)果顯示當(dāng)前學(xué)生就業(yè)能力，尤其學(xué)生實踐能力仍有一定缺陷。因此，在當(dāng)前實際教學(xué)過程中應(yīng)當(dāng)對人才培養(yǎng)方案進行積極探討，從而將明確人才培養(yǎng)方案制定出來，以便能夠?qū)θ瞬排囵B(yǎng)方向進行合理定位。對于UI設(shè)計課程而言，其是以地區(qū)產(chǎn)業(yè)升級需求為基礎(chǔ)，為社會培養(yǎng)實用型高素質(zhì)人才的一門課程，所以其課程定位應(yīng)當(dāng)為確定一體化項目課程。所以，通過進行課程學(xué)習(xí)，所培養(yǎng)的學(xué)生應(yīng)當(dāng)具備的技能主要包括以下方面：

其一，應(yīng)當(dāng)具備牢固理論基礎(chǔ)。對于UI界面設(shè)計而言，其理論性比較強，若缺乏牢固理論基礎(chǔ)，則在今后結(jié)業(yè)過程中學(xué)生也就無法對相關(guān)知識點進行熟練運用，所以學(xué)生對該課程進行學(xué)習(xí)的前提就是應(yīng)當(dāng)將相關(guān)理論知識掌握。

其二，應(yīng)當(dāng)具備較強的實踐操作能力。學(xué)生在畢業(yè)之后都是要直接進入就業(yè)崗位的，所以學(xué)生必須要具備較強就業(yè)實踐能力。

其三，應(yīng)當(dāng)具備較高綜合素質(zhì)。隨著當(dāng)前社會就業(yè)壓力越來越大，人才競爭也越來越激烈，學(xué)生為能夠使自身競爭力得以有效提高，必須要具淞己萌宋乃刂始爸耙檔賴攏同時還應(yīng)當(dāng)具備較高的思想政治素質(zhì)。

3.3 積極創(chuàng)新課堂教學(xué)手段

首先，應(yīng)當(dāng)積極豐富課堂教學(xué)方法，進一步激發(fā)學(xué)生學(xué)習(xí)熱情。傳統(tǒng)灌輸式教學(xué)模式會對學(xué)生學(xué)習(xí)熱情及創(chuàng)新思維產(chǎn)生抑制，所以，教師應(yīng)當(dāng)改變傳統(tǒng)單一教學(xué)方法。在實際教學(xué)過程中，教師可選擇多種方法相結(jié)合的教學(xué)方式，可使學(xué)生通過課堂融入社會，然后再回歸課堂，并且可在課堂對自身所設(shè)計優(yōu)秀作品進行展示，使學(xué)生在多樣化訓(xùn)練過程中能夠積極參與。

其次，在課堂教學(xué)過程中可引入設(shè)計競賽，從而使學(xué)生社會實踐能力得以增強。在提高學(xué)生實踐能力方面，設(shè)計競賽屬于十分重要的一種途徑，所以在UI設(shè)計教學(xué)過程中可適當(dāng)引入設(shè)計競賽內(nèi)容，從而使理論性及實踐性實現(xiàn)有效結(jié)合，進而有效提高學(xué)生學(xué)習(xí)積極性。

第三，可開展作品展示，加強學(xué)生之間學(xué)習(xí)交流。在實際課堂教學(xué)過程中，教師可選擇課堂展覽方式，可邀請同一專業(yè)學(xué)生共同進行欣賞，使學(xué)生能夠在參觀展覽過程中加強交流討論，從而使學(xué)生綜合素養(yǎng)能夠得以有效提高，促進學(xué)生進一步發(fā)展。③④

4 結(jié)語

在當(dāng)前多媒體網(wǎng)頁設(shè)計實際教學(xué)過程中，UI設(shè)計教學(xué)是十分重要的一項內(nèi)容，對網(wǎng)頁設(shè)計教學(xué)進一步發(fā)展具有很大促進作用。因此，在實際教學(xué)過程中，教師應(yīng)當(dāng)充分認(rèn)識UI設(shè)計教學(xué)重要性，并且應(yīng)用了解當(dāng)前教學(xué)現(xiàn)狀，從而通過進一步完善課程教學(xué)大綱，明確培養(yǎng)人才方案，積極創(chuàng)新課堂教學(xué)手段等方式加強UI設(shè)計教學(xué)，從而使實際教學(xué)效果得以提升。

注釋

① 張軍.網(wǎng)頁設(shè)計課程中關(guān)于UI設(shè)計教學(xué)的探索體會[J].湖北美術(shù)學(xué)院學(xué)報，2009（4）.

② 張延玲，喻蕓.網(wǎng)頁設(shè)計課程中融入UI設(shè)計理念的教學(xué)探索[J].電腦知識與技術(shù)，2015（34）.

界面設(shè)計知識點范文第4篇

關(guān)鍵詞：現(xiàn)代設(shè)計觀念；多媒體課件；制作流程

網(wǎng)絡(luò)版多媒體課件是互聯(lián)網(wǎng)技術(shù)與多媒體技術(shù)結(jié)合的產(chǎn)物，具有交互性強、信息量大、適應(yīng)遠程教學(xué)等特點，受到廣大師生的高度關(guān)注與喜愛。使用網(wǎng)絡(luò)多媒體課件有利于提高學(xué)生的自主學(xué)習(xí)能力，拓展學(xué)生的思維，提高學(xué)生的綜合素質(zhì)。制作高質(zhì)量的、現(xiàn)代設(shè)計觀念的多媒體課件對于搞好教學(xué)至關(guān)重要。

網(wǎng)絡(luò)多媒體課件具有：豐富的表現(xiàn)力、較強的導(dǎo)航力、良好的交互性、極大的共享性等特點。

一、在制作網(wǎng)絡(luò)多媒體課件中導(dǎo)入現(xiàn)代設(shè)計的意義

目前的課件制作，基本形式是將教案改造成電子幻燈，穿插一些視頻、圖例、動畫等組合而成，一小部分是具有交互功能的課件，從質(zhì)量和效果來看，不是十分理想。提高課件質(zhì)量，方便地使用多媒體網(wǎng)絡(luò)平臺運行課件，有必要運用現(xiàn)代設(shè)計的理念和手段對課件進行設(shè)計。在課件的制作過程中引進設(shè)計理念，將一個現(xiàn)存的教學(xué)情境或模式改變成為人們所期待的、科學(xué)的、理想的教學(xué)情境或模式，這是我們導(dǎo)入設(shè)計理念的目的。設(shè)計是規(guī)劃的一種，課件設(shè)計將對課件制作進行有組織的規(guī)劃，以實現(xiàn)特定的教學(xué)意圖和教學(xué)效果。簡言之，對課件進行設(shè)計，對設(shè)計對象各個知識點及層面進行安排，使其互相關(guān)聯(lián)，排斥原有的混亂和缺陷，使用最合理的媒體表現(xiàn)手法，科學(xué)地對其進行控制，以達到預(yù)定的教學(xué)目標(biāo)和提高教學(xué)質(zhì)量的需求。

二、多媒體課件的制作流程

1.教學(xué)設(shè)計。教學(xué)設(shè)計的功能在于運用系統(tǒng)的方法設(shè)計教學(xué)過程，使之成為一種具有操作性的程序。教學(xué)設(shè)計要遵循教學(xué)過程的基本規(guī)律，把教學(xué)過程各個要素作為一個系統(tǒng)，運用系統(tǒng)分析的方法統(tǒng)籌策劃，分析教學(xué)問題的需求，確定解決程序的綱要，使教學(xué)效果最優(yōu)化。教學(xué)設(shè)計必須從完成教學(xué)任務(wù)，實現(xiàn)既定的教學(xué)目標(biāo)出發(fā)，首先分析學(xué)習(xí)需求，重點解決好教學(xué)內(nèi)容的總體安排，教學(xué)內(nèi)容的選擇以及相互間的邏輯關(guān)系，解決好教學(xué)單元中具體知識的安排，教學(xué)中的重點、難點的表現(xiàn)方式及相應(yīng)的教學(xué)方法，選擇安排并運用好各種素材。教學(xué)設(shè)計決定教學(xué)過程，優(yōu)化的教學(xué)設(shè)計方案使課件結(jié)構(gòu)清晰，合理、充分，利用好各種教學(xué)資源，使教學(xué)過程更加完善。

2.課件構(gòu)架設(shè)計。將教學(xué)設(shè)計轉(zhuǎn)化成一個清晰的課件構(gòu)架是一個關(guān)鍵問題。課件的構(gòu)架設(shè)計必須忠實地表現(xiàn)教學(xué)設(shè)計的思路，在教學(xué)設(shè)計完成后，按照教學(xué)設(shè)計的藍圖，根據(jù)教學(xué)設(shè)計給出的策略，通過課件的構(gòu)架設(shè)計，確定多媒體課件的結(jié)構(gòu)模式和運行模式。

結(jié)構(gòu)模式必須依據(jù)教學(xué)目標(biāo)，首先按照知識內(nèi)容的邏輯關(guān)系進行教學(xué)內(nèi)容模塊的劃分，然后將已劃分好的教學(xué)內(nèi)容模塊重新集合起來，把它們組織成為可管理的模塊。通過設(shè)計使其互相關(guān)聯(lián)，按層次進行排列，轉(zhuǎn)換成一種樹狀或網(wǎng)狀或其他結(jié)構(gòu)的框架?？蚣艿膶哟尾灰睿话悴灰^三層。任何一種框架的構(gòu)成，都必須有完整連貫的順序路徑，塊與塊之間的連接、流動應(yīng)符合邏輯。集成后的結(jié)構(gòu)框架，無論是主干與支干，層與層之間，其結(jié)構(gòu)要清晰，流程要流暢，能夠方便地到達課件的任何地點。

運行模式必須適合網(wǎng)絡(luò)運行功能，保證能在網(wǎng)絡(luò)平臺上運行。在完成框架結(jié)構(gòu)的前提下，根據(jù)教學(xué)的重點、難點和學(xué)生的實際情況，整合素材，確定每一個知識點的媒體教學(xué)策略，為每一個教學(xué)重點、難點設(shè)計出最恰當(dāng)?shù)慕虒W(xué)方法及媒體表現(xiàn)方式，最后進行細化，給出每一屏教學(xué)頁面的信息素材。課件構(gòu)架設(shè)計的結(jié)果，要產(chǎn)生課件構(gòu)架的流程圖，內(nèi)容詳細的目錄清單和交付平臺說明等設(shè)計文件。課件構(gòu)架設(shè)計為課件的導(dǎo)航及界面設(shè)計提供了基礎(chǔ)。

3.課件界面設(shè)計。界面是兩種或多種信息源面對面的交互之處。界面設(shè)計是課件制作實施過程中重要的方面之一，有效的界面設(shè)計是一個預(yù)見的過程，設(shè)計目標(biāo)是設(shè)計者對課件使用者需求的理解而制定的，它綜合了技術(shù)、藝術(shù)、心理學(xué)上的技能。在界面設(shè)計的實施過程中，首先要進行設(shè)計方案的構(gòu)想和設(shè)計目標(biāo)的確立，本著完整、簡要、實用和可操作性原則，按照構(gòu)架設(shè)計給出的流程框架來構(gòu)思設(shè)計方案。有了設(shè)計構(gòu)想方案，便可著手進行規(guī)劃和設(shè)計。最好從草圖發(fā)展，在草圖上勾勒出主要界面元素，其中包括設(shè)計風(fēng)格的確立，操作層次設(shè)計，程式設(shè)計，圖片、文字、數(shù)字視頻位置，按鍵的呈現(xiàn)方式和導(dǎo)航控件設(shè)計等。設(shè)計草圖預(yù)案完成后，便可進入實際的制作過程。界面設(shè)計的主要任務(wù)是編排不同元素，使之成為一個連貫的整體，并賦予它一個理想的、統(tǒng)一的視覺和感覺效果。在設(shè)計制作課件時應(yīng)該形式服從功能，一旦建立的范例便是整個課件的模型，確定的功能，在整個課件中應(yīng)用必須一致。課件的操作主要通過瀏覽器的界面交互完成，界面設(shè)計既是為操作而設(shè)計，還應(yīng)該有賞心悅目的視覺效果。

界面設(shè)計知識點范文第5篇

關(guān)鍵詞：結(jié)構(gòu)；導(dǎo)航；界面；交互；

中圖分類號：G4 文獻標(biāo)識碼：A 文章編號：1674-3520（2015）-04-00-01

網(wǎng)絡(luò)課程是一個由知識點、跳轉(zhuǎn)關(guān)系、導(dǎo)航策略和交互界面組成的教學(xué)系統(tǒng)?！镀囯娮蛹夹g(shù)》網(wǎng)絡(luò)課程的系統(tǒng)設(shè)計包括結(jié)構(gòu)設(shè)計、導(dǎo)航設(shè)計和界面設(shè)計三個方面。課程內(nèi)容主要以《汽車電子技術(shù)》第一章的教學(xué)內(nèi)容和輔助學(xué)習(xí)兩大部分組成。

一、結(jié)構(gòu)設(shè)計

由于網(wǎng)絡(luò)課程有其特定的教育性，在設(shè)計結(jié)構(gòu)時，十分注重對知識結(jié)構(gòu)的設(shè)計，以便有利于體現(xiàn)教學(xué)內(nèi)容的層次關(guān)系，有利于實現(xiàn)自主學(xué)習(xí)。在進行本課程知識結(jié)構(gòu)的設(shè)計時，以《汽車電子技術(shù)》為框架，按章節(jié)進行選擇，在各章節(jié)內(nèi)部，根據(jù)知識點之間的聯(lián)系設(shè)置超鏈接。我們還根據(jù)學(xué)習(xí)者的需要，設(shè)置了各種輔助學(xué)習(xí)方式，方便學(xué)習(xí)者自學(xué)。

（一）網(wǎng)絡(luò)教學(xué)模塊。網(wǎng)絡(luò)教學(xué)模塊（網(wǎng)絡(luò)課件）是根據(jù)教材內(nèi)容而編制，是教學(xué)目標(biāo)、學(xué)習(xí)任務(wù)的具體體現(xiàn)，教學(xué)目標(biāo)的實現(xiàn)主要依靠具體的網(wǎng)絡(luò)課件來完成，所以這個模塊是整個網(wǎng)絡(luò)課程的重點。

1、內(nèi)容的呈現(xiàn)方式。主要以平鋪方式來組織教學(xué)內(nèi)容，方便學(xué)習(xí)者按各自的基礎(chǔ)、興趣和能力有選擇地進行學(xué)習(xí)，滿足學(xué)習(xí)者的不同需求。教學(xué)內(nèi)容以課本的每一章節(jié)為縱向結(jié)構(gòu)，以學(xué)習(xí)目標(biāo)、輔助學(xué)習(xí)、作業(yè)系統(tǒng)、教師答疑、實驗指導(dǎo)作為橫向結(jié)構(gòu)編織成一張縱橫交錯、非線性的知識網(wǎng)絡(luò)體系，讓學(xué)習(xí)者掌握充分的學(xué)習(xí)自進行有效的學(xué)習(xí)。

2、課程導(dǎo)學(xué)。為了幫助學(xué)員實現(xiàn)網(wǎng)絡(luò)課程的自主學(xué)習(xí)、掌握正確的學(xué)習(xí)方法 ，提供了課程大綱、課程目標(biāo)、實驗指導(dǎo)、作業(yè)系統(tǒng)等助學(xué)信息。

3、重點難點的處理。在對汽車電子的學(xué)習(xí)中，學(xué)習(xí)者需要掌握理論與技術(shù)的相結(jié)合，這是課程內(nèi)容中的重點。我們在對課程的學(xué)習(xí)時，加入實驗指導(dǎo)，讓學(xué)生邊學(xué)習(xí)理論，邊熟悉技術(shù)的操作。重點解析內(nèi)容也可采用 Flash動態(tài)教學(xué)效果或視頻教學(xué)，配以文字和語音講解，利于學(xué)員更好接受和理解。

（二）師資隊伍模塊?！皫熧Y隊伍”主要是介紹了有關(guān)該課程的教師資料，學(xué)生通過“師資隊伍”可了解自己老師的信息。

（三）作品欣賞模塊?！白髌沸蕾p”又分為“優(yōu)秀個人作品欣賞”、“優(yōu)秀小組作品欣賞”、“教師推薦作品欣賞”。“優(yōu)秀個人作品欣賞”和“優(yōu)秀小組作品欣賞”是教師從學(xué)生的作業(yè)中選出的優(yōu)秀作品，這些作品上傳到學(xué)習(xí)網(wǎng)上，學(xué)生不僅可隨意瀏覽欣賞，給出評價，更重要的是學(xué)生可將自己的作業(yè)與之比較，找出不足，總結(jié)經(jīng)驗，在激勵中求上進?！敖處熗扑]作品欣賞”是教師在網(wǎng)上或其它雜志上尋找的優(yōu)秀作品，供學(xué)生學(xué)習(xí)。

（四）常見疑問模塊?！俺Ｒ娨蓡枴敝薪o出了在電子設(shè)計方面經(jīng)常出現(xiàn)的問題及解決方法。這和“教師答疑”不同，學(xué)生直接到頁面進行查找，就可解決疑問，效果更快。

（五）學(xué)習(xí)交流模塊?！皩W(xué)習(xí)交流”分為兩部分，一是在線論壇，學(xué)生通過在論壇上發(fā)表文章，和同學(xué)老師們共同交流。這種討論模塊 ，目標(biāo)是發(fā)揮教、學(xué)兩方面積極性 ，活躍氣氛和鼓勵學(xué)習(xí)者顯示才華和創(chuàng)造力 ，以及提供答疑解惑的場所。二是虛擬聊天室，學(xué)習(xí)者因為學(xué)術(shù)觀點相近或興趣愛好一致等原因更愿意在一起學(xué)習(xí)或交流，從而形成學(xué)習(xí)伙伴或網(wǎng)上好友的關(guān)系。不管是教師還是學(xué)生，都可以在這兩個板塊中暢所欲言，就學(xué)習(xí)、生活、實踐中遇見的難點、重點、熱點問題進行交流、解答。

（六）資源下載?！百Y源下載”主要是與學(xué)習(xí)有關(guān)的電子課件、電子雜志、相關(guān)學(xué)習(xí)軟件等，方便學(xué)習(xí)者學(xué)習(xí)。

（七）授課錄象?！笆谡n錄象”是多媒體演示模塊 ，目標(biāo)是形象化教學(xué)。其中包含大量的視頻資料 ，使學(xué)習(xí)者可以從感性的角度加深對知識的了解。

（八）特色項目?！疤厣椖俊笔墙處熁?qū)W生在汽車電子技術(shù)方面做出的某種研究，最終目標(biāo)也是供學(xué)習(xí)者學(xué)習(xí)探討。

二、導(dǎo)航設(shè)計

由于學(xué)習(xí)者在網(wǎng)絡(luò)課程的學(xué)習(xí)過程中是以自主學(xué)習(xí)為主，缺乏教師的指導(dǎo)，易產(chǎn)生迷航現(xiàn)象，因此清晰明確的導(dǎo)航在網(wǎng)絡(luò)課程設(shè)計中顯得尤為重要。在本課程中，為方便學(xué)習(xí)者學(xué)習(xí)，站內(nèi)鏈接導(dǎo)航條始終出現(xiàn)在屏幕的右上方。在網(wǎng)絡(luò)學(xué)習(xí)模塊中，左邊提供卷軸模樣的下拉式導(dǎo)航條，學(xué)習(xí)者可隨時選擇某一章的學(xué)習(xí)欄塊，直接進入相應(yīng)的頁面學(xué)習(xí)。

三、界面設(shè)計

《汽車電子技術(shù)》網(wǎng)絡(luò)課程運用先進的網(wǎng)頁制作工具，設(shè)計大量形象生動的圖片和動畫，激發(fā)學(xué)習(xí)的熱情。界面是學(xué)習(xí)者與計算機進行人機交互的窗口，包括顯示界面和操作界面。在設(shè)計時要時刻注重界面清晰；在操作方面，交互性、可控性強。

網(wǎng)絡(luò)課程是由一頁一頁的網(wǎng)頁按照一定的順序和結(jié)構(gòu)組織起來的。頁面既是網(wǎng)絡(luò)課程的組成部分，也是《汽車電子技術(shù)》所有教學(xué)內(nèi)容的展現(xiàn)形式，也就是說網(wǎng)頁設(shè)計是構(gòu)建整個網(wǎng)絡(luò)課程的靈魂。

（一）頁面的布局。在《汽車電子技術(shù)》網(wǎng)絡(luò)課程的頁面設(shè)計中大都使用了“T”型頁面結(jié)構(gòu)設(shè)計，將導(dǎo)航和呈現(xiàn)的內(nèi)容合理的分開設(shè)計，頁面布局清晰可見。

（二）頁面文字。頁面文字本著盡最大可能突出主題的原則組織的。文字的字體不超過三種字體，字號的選擇不宜過大，否則會使頁面顯得非常雜亂和擁擠，令學(xué)習(xí)者眼花繚亂，無從下手。字號的選擇也不宜過小，這樣會使學(xué)習(xí)者容易疲勞。

（三）頁面顏色。頁面的色彩是頁面設(shè)計中一項重要內(nèi)容 ，它貫穿于整個頁面設(shè)計的過程中 。恰當(dāng)使用不僅可以增加網(wǎng)絡(luò)課程的藝術(shù)欣賞性 ，而且可以吸引學(xué)習(xí)者注意力 ，促進對屏幕上各部分的識別、突出差異 。但如果使用不當(dāng) ，則會分散人的注意力 ，使視覺容易疲勞 。在選擇時應(yīng)考慮課程內(nèi)容表現(xiàn)的需要、課程的總體風(fēng)格、教學(xué)對象的色彩心理特點以及色彩本身所表達的含義等等因素 ?？偟膩碚f ，網(wǎng)絡(luò)課程的頁面色彩搭配要和諧、自然 ，給人以美感 ，注意顏色數(shù)量的多少 ，避免色彩過多過雜 ，盡量作到風(fēng)格統(tǒng)一 。色彩的選擇盡量鮮明、獨特、與所設(shè)計的內(nèi)容相協(xié)調(diào)一致 。

（四）頁面圖形。用圖形說明、解釋問題具有形象、直觀、生動的特點 。本網(wǎng)絡(luò)課程的圖形圖像大多采用photoshop工具進行處理過，使用起來更鮮明生動。

（五）頁面趣味性。為了增加學(xué)習(xí)者的學(xué)習(xí)興趣 ，減少學(xué)習(xí)過程中的枯燥性 ，在網(wǎng)絡(luò)課程中加入適當(dāng)?shù)膭赢媮碚宫F(xiàn)教學(xué)內(nèi)容，效果會比較好。

參考文獻：