界面設計教學大綱

PAGEPAGE1《界面設計》教學大綱課程代碼：20521022課程類型：專業(yè)必修課總學時：64學分：3適用專業(yè)：視覺傳達、計算機科學與技術(shù)（嵌入式培養(yǎng)）、數(shù)字媒體技術(shù)（嵌入式培養(yǎng)）、數(shù)字媒體藝術(shù)、軟件工程（嵌入式培養(yǎng)）先修課程：無一、課程性質(zhì)、目的與要求（一）課程性質(zhì)《界面設計》課程是計算機科學、數(shù)字媒體技術(shù)、軟件工程專業(yè)、視覺傳達專業(yè)、數(shù)字媒體藝術(shù)專業(yè)的專業(yè)基礎課。與專業(yè)技術(shù)課程關系緊密，本課程是《html5+css5》、《WEB程序設計》、《Andriod網(wǎng)絡編程》、《移動應用開發(fā)》等課程的前修課程。(二)課程目的開設本課程的目的是使學生了解界面設計概念、界面設計組件與模塊、以及界面設計視覺規(guī)范等相關知識，通過界面設計的實際操作使學生掌握不同界面設計的規(guī)范與要求，提高學生在軟件方面的操作能力以及培養(yǎng)學生界面美感的表達能力，訓練學生的專業(yè)整合運用能力以及溝通、執(zhí)行能力。（三）教學要求本課程要求學生了解界面設計的概念及發(fā)展趨勢、界面設計的基本內(nèi)容及設置規(guī)范；掌握圖標設計、組件設計、交互原型圖設計等相關的專業(yè)知識，掌握相關軟件的操作，并且能夠使用軟件設計出不同的界面。本課程作為視覺傳達、計算機科學、數(shù)字媒體技（藝）術(shù)、軟件工程專業(yè)的必修課程，與專業(yè)技術(shù)課程關系緊密。本課程理論部分基礎概念較多，涉及面廣，教學形式以多媒體輔助講授為主，占總課時的1/2；實踐部分重在掌握常用軟件的使用，以上機操作為主，占總課時1/2。二、教學內(nèi)容、要求及學時分配序號教學內(nèi)容教學目標重點與難點總學時講授實踐課外學時實驗實訓1第一章UI設計概念簡述了解UI界面設計的概念與發(fā)展了解UI界面設計工具重點：掌握圖標設計的方法難點：PS繪圖軟件中形狀等工具的學習與運用1459002第二章UI界面設計組件與模塊了解安卓與iOS不同平臺界面的通用組件與控件掌握界面設計的組件與模塊的繪制方法能獨立繪UI界面構(gòu)成部分教學重點：UI設計界面的組件PS繪圖軟件中鋼筆等工具的運用教學難點：運用工具繪制UI界面的構(gòu)成部分844003第三章UI界面設計的視覺規(guī)范了解UI界面設計的視覺規(guī)范熟悉色彩的基礎理論掌握UI界面設計的尺寸要求教學重點：UI界面設計的視覺規(guī)范教學難點：UI界面設計的色彩原理844004第四章UI界面設計的色彩搭配與布局了解界面設計的色彩搭配原則與布局能夠掌握不同風格界面色彩搭配原則能夠運用軟件繪制主題界面教學重點：界面設計色彩搭配原理教學難點：PS繪圖軟件的綜合運用633005第五章UI界面設計實例(一)掌握交常用交互設計方式，了解流程圖設計的方法教學重點：掌握交互設計原型及流程圖設計教學難點：交互原型及APP框架設計1688006第六章UI界面設計實例(二)了解用戶體驗與界面設計，并能設計PC端、手機網(wǎng)站了解響應式界面概念教學重點：響應式界面概念教學難點：設計PC端、手機端視覺統(tǒng)一的界面844007第七章課程總結(jié)了解優(yōu)秀界面設計的標準能分辨何為優(yōu)秀的界面設計教學重點：優(yōu)秀界面設計的標準教學難點：界面設計工具的綜合運用44000合計64323200注：1、教學內(nèi)容用知識點、項目、任務名稱或?qū)W習情境等表述。2、教學目標用“了解”、“理解”、“能”或“會”等用語來表述要求的程度，“了解”用于表述事實性知識（“知其然”）的學習程度，“理解”用于表述原理性知識（“知其所以然”）的學習程度，“能”或“會”用于表述技能的掌握程度。三、課內(nèi)實踐環(huán)節(jié)項目表序號項目名稱實踐內(nèi)容應達到的基本要求學時數(shù)1設計手機圖標5-10個（根據(jù)各班情況，由任課教師確定）利用所學的PS知識，設計制作15-20個手機桌面圖標，圖標可參考：信息、電話、相機、設置、日歷、文件夾、音樂、聯(lián)系人、相冊、瀏覽器、記事本、錄音、收音機及第三方應用圖標等。尺寸：114X114px，分辨率72dpi能熟練運用ps工具，進行繪制。尺寸，分辨率正確。色彩搭配美觀合理，整體效果佳。102設計制作UI的組件利用所學的PS知識，設計制作UI組件，尺寸：640*960px，分辨率72dpi。1、能熟練運用ps工具，進行繪制。2、尺寸，分辨率正確。3、色彩搭配美觀合理，整體效果佳。103設計制作社交類APP界面利用所學的PS知識，設計制作社交類界面，界面包括：過場界面、啟動/導流界面、登陸注冊界面、主界面、個人界面、發(fā)現(xiàn)、聊天界面、操作等界面。尺寸：2160px*1080px，分辨率72dpi1、能熟練運用ps工具，進行繪制。2、尺寸，分辨率正確。3、色彩搭配美觀合理，整體效果佳。4、基本要素齊全。12四、建議教材及參考書類別教材名稱編者出版社出版時間教材界面設計殷俊、劉媛霞武漢大學出版社2019.2參考書UI移動設計傅小貞等電子工業(yè)出版社2015.7photoshop扁平化用戶界面設計金景文化人民郵電出版社2014.12五、課程考核方式及要求1、考核方式：考試2、考核要求：無故曠課或作業(yè)缺少次數(shù)達到學院有關規(guī)定的，取消考試資格；考試成績由平時作業(yè)、測驗、期末考試組成。3、綜合成績組成：平時成績30％（平時作業(yè)+測驗）+期末成績（期末考試）70％。六、對學生自學和習題的要求1、學生在課前做好充分的預習，課后作業(yè)、每章習題及時獨立完成。2、各實驗在教師演示之后自主完成，或者先讓學生動手操作，然后老師再根據(jù)具體問題集中解答演示。3、每人自備優(yōu)盤等移動存儲設備，保存課堂實驗素材和內(nèi)容；課外電子作業(yè)也可保存在優(yōu)盤并于下次課上完成提交。4、自覺欣賞優(yōu)秀的界面設計，提高藝術(shù)修養(yǎng)。