ui設計課程總結(jié)范文10篇

ui設計課程總結(jié)范文10篇

ui設計課程總結(jié)范文第1篇工學結(jié)合；課程開發(fā)；UI課程

一、引言

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

二、開展UI課程的前期預備

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

三、基于工學結(jié)合的課程標準

課程標準需要依據(jù)專業(yè)培育目標，期望同學達到的學問、力量的基本要求而制定，是編寫教材、進行教學任務、評價的依據(jù)。筆者依據(jù)當前企業(yè)的崗位狀況，將理論學問、素養(yǎng)培訓、實際操作技能進行整合。

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

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

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

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

（二）工作任務

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

圖1大運會住宿支配管理系統(tǒng)界面設計流程

（三）工作任務分析

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

（四）教學分析

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

1.易用性：（1）用戶獵取信息的鏈接深度不易過深，應供應合理的快捷入口按鈕或快捷搜尋功能；（2）完成同一功能或任務的表單元素，按鈕等放在集中位置，削減鼠標移動的距離。（3）復選框和選項框要有默認選項，按選擇機率的凹凸而先后排列，并支持Tab選擇。

2.合理性：（1）網(wǎng)頁標準色原則上不超過兩種，假如有兩種，其中一種為標準色，另一種為標準幫助色。（2）頁面導航條清楚明白、突出，層級分明。

3.全都性：如在字體、標簽風格、顏色、術語、顯示錯誤信息等方面確保全都，要求全部頁面要在普屏（1024*768），寬屏1280*800，高分屏（1600x1200）等幾種辨別率下運行通過。

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

（五）工作過程設計

1.啟動階段

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

2.細化階段

同學依據(jù)《UI需求分析文檔》做交互模型，讓用戶能直觀的了解界面間的規(guī)律關系，來確認設計的可行性（即界面層次的交互演示）。

使用性測試階段可把同學按4-5人分組設置為多角色，依照交互演示來進行體驗測試，如一般目標用戶角色、討論角色、需求角色和開發(fā)人員角色來評審規(guī)律關系的合理性，包括使用合理性和設計合理性，老師審定并檢查界面規(guī)范方案并總結(jié)。

3.構造階段

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

以下為構造階段的幾個步驟實例：

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

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

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

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

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

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

表格風格如圖3所示：

圖3

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

圖4

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

針對同學的成果和學習過程進行評價和總結(jié)，可以支配以下幾個環(huán)節(jié)：（1）同學成果展現(xiàn)；（2）同學自我評價和總結(jié)；（3）老師依據(jù)本項工作任務的完成狀況進行評估與總結(jié)，評價方式見表1所示。

五、教學反思與改進

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