UI设计教学大纲教案.docx

U1.设计（全彩慕课版）教学大纲一、课程信息ra««：U设计（全彩幕课版）峰别：兴质选修课，专业基础课程性及，选修/必修计笈学时：24计笈学分；2先修森无选用【材，WIi殳计全彩墓课版），叶军江的竹编著,2021年：人民邮电出版社出版教材；适用去建：本一可作为南等院校U1.设计类课程的教材，也可作为U1.设计相关工作人员的参考书.程负费人，二、课程简介本书全面困绕U1.设计的相关知识和操作技能展开讲解,内容新期i,深浅适度，知识全面，在形式上本书完全按照现代教学需求诳行编写，适合实际教学，在内容上木书不仅对Ui设计的基础知识和常见设计规范及方法进行了介绍，还通过实例的形式，对不同类型的U1.设计进行了介绍,理论与实践相结合.具有较强的实用性.同时，为了帮助读者快速了解U1.设计,并掌握不同类型的UI设计方法，编者在阐述理论的同时，结合大小设计案例，使读者能将所学知识应用于实际工作中，更满足行业的制求。本书第1-4章主要对U1.设计相关的基础知识进行讲解,第5-6主要对网页界面设计、APP界面设计进行讲解.第7章主要对界面的标注、切图与功效制作的方法诳行道好.第8章则通过保合案例讲解完整的电商主题界面设计与制作方法，三、课程教学要求序号/业毕业要求售程学要求1工程知识1.2问也分析了解U1.设计的基础知识，并掌握UI设计各要案的相关理论知识与设计方法,以及U1.界面的布局与规划等知识H3设计/开发解决方案具备U1.界面的分析与规划能力,能够根据用户需求，对目前主流的各大APP、网站、网页等对象的界面进行设计与输出H1研究H5使用现代工具Photoshop、I1.1.ustrator1.6工程与社会1.7环境和可持续发展1.8职业规范1.9个人和团队案例分析与讨论要求学生分组,分担任务，学习能合H10沟通通过案例分析、实例制作提海UI界面的设计与制作能力M11项目管理1.12终身学习了解UI设计的趋势与设计风格,学习更多的UI设计知识H注：”课程教学要求”栏中内容为针对该课程玷用专业的专业毕业要求与相关教学要求的具体描述,“关联程度”栏中字母表示二者关联程度.关联程便按高关联、中关联、低关联三档分别表示为"H""XT或”1.”"课程教学要求”及“关联程度”中的空白栏表示该深程与所对应的专业毕业要求条目不相关。四、课程教学内容章节名*主襄内容地点关W学时类型I认识U1.设计UI设计概述U1.设计的运用U1.设计的原则UI设计的流程什么是U1.设计、UI设计的用户体验与用用工具UI设计在移动APP界面、网页界面、游戏界面、应用软件界面等领域的应用人工智能产品、AR产品界面、YR产品界面设计分析设计需求、明确视觉定位、绘制原组图、绘制效果图、标注与切图2理论+上机2UI设计要点、线、面色彩字体风格点、线,面/27色彩的属性、对比以及搭配U1.设计常用字体类型、字体规范、字体排版界面风格的设计要点、设计风格4理论+上机3UI设计规范了解U1.设计规范不同操作系统的U1.设计现范UI设计的图片规范UI设计规范的原则、包括的内容iOS.Android.Iindows操作系蛟的U1.设计规范图片的格式、使用规范2理论+上机4UI设计布局与构图UI设计的布局元索UI设计的布局原则UI设计的构图方法曲白、觇觉层次对齐、对比、重更、平瘠、节奏与的律原则平衡构图、放射式构图、九宫格构图、三角形构图、F形构图、S形构图3理论+上机5网页界面设计认识网页界面网页界面1.OgO和按钮设计网页界面设计网页界面的组成、常见的网页界面布局方式、网页界面的设计要求1.og。设计标准与样式、按钮的类里和特戊、设计旅行网1.oko、设计网页登录按钮网页首页界面的主要功能、注意事项、制作网页首页界面、制作网页内页界面3理论+上机6App界面设计认识APP界面App界面图标设计APP首页界面设计App列表页界面设iApp其他界面设计App葩本界面构成、布局形式、设计要点认识APP界面图标界面图标类型、APP界面图标设计要点、设计“书画应用”2.5D图标APP首页界面类型、设计要点、设计美食APP首页界面APP列表页界面类型、APP列表页界面设计原则、设计美食APP列表页界面App其他界面类型、设计美食pp关注页界面、设计美食APP个人中心页界面4理论+上机7界面的标注、切图与动效制作界面的标注界面的切图界面的动效制作界面标注的作用、内杵、规范、常用工具切图的原则、要点、命名规则界面动效的作用、类型制作加战动效3PI!½+上机8综合案例一一电商主遨界面设计家居网案例分析家居网界面设计家居网App界面设it-家居网项目定位、设计思路、绘制家居同界面原型图设计家居网1.og。、首页界面、内页界面设计家居网APP首页界面/、App发现页界面、App详情页界面、App商品结算页界面、APP个人中心页界而、APP登录页界面3理论+上机3五、考核饕求及成绩评定序号成类别考犊方式考糠要求AS(%)备注1期末成绩期末考试大作业50百分制，60分为及格2平时成绩实战训练10次40优、良、中、及格、不及格3平时表现出勤情况10两次未参加课程则无法获得学分注；此表中内容为该课程的全部考核方式及其相关信息.六、学生学习建议（）学习方法议1 .理论配合实操进行学习,提高学生的实战动手能力:2 .熟练操作软件进行IJ1.界面的设计与输出：3 .能鲂熟练制作各种类型的U1.界面。（二）学生叫阕读资<UI设计基础与实战项目教程（曲课版）夏跋编著,人民邮电出版社出版UI设计全彩翳课版J叶军编著,人民邮电出版社出版七、爆程改革与建设本书以UI设计的理论和技术为基础,采刖理论与实践结合的编写方式，通过大1UI设计案例来闸述UI设计的方法，并结合实际操作讲解和激课视顼等方式招助读者提升UI设计的能力.平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面,占期末总钾的50%.期末考试成绩占期末总评的制.制订人签字：教研室主任签字：院部负货人签字：修订时间:年月日UI设计（全彩慕课版）配套教学教案第1章课时内容认识U1.设计授课时间90分仲课时2教学目标了解什么是U1.设计了解U1.设计的运用与发展趋势熟怂U1.设计的晚则教学重点UI设计的用户体缝UI设计的常用工具U1.设计的应用领域U1.设计的暴木原则教学难点分析界面的设计特点UI设计的基本流程教学设计1 .教学思路，1）对U1.设计的基础知识进行介绍，包括什么是CI设计、UI设计的用户体验、UI设计的常用工具:讲解U1.设计在移动APP界航网页界面、游戏界面、应用软件界面等领域的应用：（3讲解U设计未来的发展趋势：（4讲解U1.设计的版期，包括适用性、规范性、易操作性、统一性、层级性：（5）G后讲解U1.设计的流程.2 .教学手段：（I）通过演示讲解基础知识,讲解结束后通过项目实训巩固所学知识：（2）对于重点内容者近讲解.3 .教学资料及要求：除教材中的实例外，可以补充讲解U1.设计的一些案例，加深学员时U1.设计的理斛。教学内容讨论问题：1.什么是UI设计？2 .那些领域适合做U1.设计？3 .完成一个完钻的界面设计.需要经过哪些步舞？内容大纲：具体可结合本章的PPT课件进行配合讲解.1.1 UI设计赳述1.1.1 什么是U1.设计1.1.2 U1.设计的用户体验1.1.3 U1.设计的常用工具1.2 U1.设计的运用1.2.1 移动ApP界面设计1.2.2 网页界面设计1.2.3 游戏界而设计1.2.4 应用软件界面设计1.3 U1.设计的发展曲势1.3.1 人工智能产1.½界面设计1.3.2 AR产品界面设计1.3.3 VR产品界面设计1.4 UI设计的原则1.4.1 适用性1.4.2 规范性1.4.3 易操作性1.4.4 统一性1.4.5 层级件1.5 U1.设计的流程1.5.1 分析设计需求1.5.2 明确视觉定位1.5.3 绘制原型图1.5.4 绘制效果图1.5.5 标注与切图1.6 项目实训项目一天气类陶用孜件界面的东材搜集'涮作上马12:08项目二分析大型网络流戏界面的U1.设计原则思考与练习12°C3米QSRrDMU,1.>1'»,SRHi一1.了解UI设计的极含，掌握UI设计的常用工具,小结2.掌握UI设计的应用。3,熟悉U1.设计的发展趋势。4 .热急UI设计的原则。5 .掌握U1.设计的流程.1 .列举经典的UI设计，并分析其优点.2 .查找资料,思考U1设计还有哪些设计原则.3 .查找资料,思考U1.改计还有哪些新的应用领域.4 .对下图所示的智能手表界面进行货析，分析其U1.设计的原则。思考与练习课时内容UIismsfiR授课时间180分钟课时4教学目标了解U1.设计的荏木元索一一点、莲、面掌樨U1.设计中的色彩、字体和风格的定位教学重点点、线、面的基本概念和关系色彩的属性和对比常用字体类型与规范界面风格的设计要点教学难点色彩的搭配方法字体的排版界面常见的设计风格教学设计1 .教学思路：（I）讲解基本的设计元素一一点、线、而：2）讲解色彩的基础知识.包括色彩的属性、对比、搭配：（3）讲解字体的基础知识，包括字体类型、规范、排板等：（4）讲解界面风格的设计要点和设计风格.2 .教学手段：（D通过演示讲解基础知识,讲解结束后通过项目实训巩固所学知识：（2）时于重点内容着重讲解.3 .教学资料及要求：在讲解1设计要素的过程中，应多展示典型案例,并让学员自行分析，学习其设计思路和方法，培养自身的设计能力。教学内容知识回顾：在前面讲解r认识U1.设计,本章介绍U1.设计要素.讨论问题：1UI设计与平面设计的设计要素是相同的吗？2 .如何搭配一个美观的界面色彩？3 .怎么为界面设计合适的字体？内容大纲：具体可结合本章的PPT课件进行配合讲解.2.1 点、&、面2.1.1 点2.1.2 线2.1.3 面2.1.4 分析案例"网易云音乐”APP播放页界面分析2.2 色彩2.2.1 色彩的的性2.2.2 色彩的对比2.2.3 主色、辅助色与点缀色2.2.4 U1.设计中常见的色彩搭闽2.2.5 分析案例对“普通话学习”App界面进行色彩分析2.3 字体1.1.1 UI设计常用字体类型1.1.2 U1.设计字体熄范1.1.3 U1.设计中的字体排版1.1.4 设计案例小游戏APP界面中的文字设计2