UI教学大纲

合集下载

《UI 设计》教学大纲

《UI 设计》教学大纲

《UI设计》教学大纲课程编号:1403076课程性质:专业特色课学时/学分:32/2适用专业:工业设计、产品设计一、课程简介《UI设计》共分五部分,第一部分为基础部分,讲授UI的定义、起源、发展、研究内容及发展趋势;第二部分为相关学科及知识,讲授UI设计中认知心理学、人机工程学,人机界面的艺术设计、色彩设计等。

第三部分为硬件人机界面部分,讲授硬件人机界面的设计风格、人文关怀等;第四部分为软件人机界面部分,讲授软件人机界面的形式与标准、软件人机界面设计、图标设计等;第五部分为UI设计评价与新交互技术及展望,介绍多通道用户界面、下一代人机界面展望。

"Interface design"is divided into five parts,the first part is the fundamental part,teaching product interface definition,origin,development,research content and development trend;the second part is the relevant disciplines and knowledge,teaching cognitive product interface design psychology and ergonomics,art design,human machine interface color design.The third part is the hardware part of the man-machine interface,design style,teaching hardware human-machine interface of humanity;the fourth part is the man-machine interface software,teaching software of man-machine interface form and standard,man-machine interface software design,icon design; the fifth part is the evaluation of the design of man-machine interface and new interaction techniques and prospects,introducing the multimodal user interface,the next generation human-computer interface prospect.二、教学目的与要求UI设计的主要目的是培养学生在学会基本的产品设计的思路的基础上,对产品的用户界面通过体验分析,掌握独立完成最终的设计方案的能力。

ui教学大纲

ui教学大纲

ui教学大纲UI教学大纲UI(User Interface)是用户界面的简称,是指人与机器之间进行信息交互的界面。

在现代科技发展迅猛的时代,UI设计已经成为了各种产品和服务中不可或缺的一环。

为了培养更多优秀的UI设计师,制定一份UI教学大纲是非常必要的。

一、UI设计的基础知识1.1 什么是UI设计UI设计是指通过图形、文字、动画等元素,以及交互方式来提高用户体验的过程。

它关注的是用户与产品之间的交互和界面设计。

1.2 UI设计的原则在UI设计中,有一些基本的原则需要遵循,如简洁性、一致性、可用性、可访问性等。

这些原则能够帮助设计师提供更好的用户体验。

1.3 UI设计的工具和软件UI设计师需要掌握一些专业的设计工具和软件,如Photoshop、Illustrator、Sketch等。

这些工具能够帮助设计师进行图形、文字和动画等元素的设计和编辑。

二、UI设计的流程2.1 需求分析和用户研究在进行UI设计之前,设计师需要对产品的需求进行分析,并进行用户研究,了解用户的需求和喜好。

2.2 创意和草图设计在UI设计的初始阶段,设计师需要进行创意和草图设计,通过手绘或草图软件来表达自己的设计思路。

2.3 界面设计和交互设计在界面设计和交互设计阶段,设计师需要将创意和草图转化为具体的界面和交互设计。

这包括颜色搭配、排版、按钮设计等。

2.4 原型设计和用户测试在UI设计的最后阶段,设计师需要制作原型,并进行用户测试。

通过用户测试,设计师可以了解用户对界面和交互的反馈,从而进行优化和改进。

三、UI设计的技巧和注意事项3.1 色彩运用在UI设计中,色彩是非常重要的元素之一。

设计师需要了解不同颜色的表达意义,合理运用色彩来传达产品的信息和情感。

3.2 字体选择字体的选择也是UI设计中需要注意的一点。

设计师需要选择合适的字体来提高可读性和品牌识别度。

3.3 图标设计图标是UI设计中常用的元素之一,设计师需要掌握图标设计的技巧,使得图标简洁明了,易于识别。

《UI设计》教学大纲

《UI设计》教学大纲

《UI设计》教学大纲UI设计教学大纲一、课程简介本课程旨在帮助学生了解和掌握UI(User Interface,用户界面)设计的基本原理和技巧,培养学生的界面设计能力,使学生能够独立完成优秀的UI设计项目。

二、学习目标1.了解UI设计的基本概念和原则;2.掌握常见的UI设计工具和软件;3.学会分析和评估现有的UI设计;4.能够独立设计并制作用户友好的UI界面;5.能够与相关团队成员进行有效的协作。

三、教学内容和学时安排1.UI设计基础(4学时)a.什么是UI设计;b.UI设计的重要性;c.常见的UI设计原则;d.用户界面的组成部分。

2.UI设计工具和软件(6学时)a.常见的UI设计工具及其特点;b.学习使用常见的UI设计软件;c.掌握UI设计工具的基本操作。

3.UI设计流程(8学时)a.从需求分析到初稿设计的过程;b.快速原型设计和迭代优化;c.可用性测试和用户调研的重要性;d.最终设计稿的制作和交付流程。

4.UI设计原则和技巧(12学时)a.色彩搭配和配色原则;b.字体选择和排版技巧;c.图标和按钮设计;d.布局和层次结构设计;e.用户交互和动效设计;f.响应式设计和移动端UI设计。

5.UI设计案例分析(8学时)a.分析和评估现有的UI设计作品;b.掌握UI设计的趋势和发展方向;c.学习从成功的案例中借鉴和运用。

6.项目实践(12学时)a.团队合作,完成一个真实的UI设计项目;b.学生们根据教师指导,从需求调研到最终设计稿的制作;c.学生们根据团队成员的反馈和评估,不断优化和改进设计。

四、教学方法2.实践操作,帮助学生掌握UI设计工具和软件的基本操作;3.项目实践,培养学生的团队合作能力和解决问题的能力;4.课堂互动,鼓励学生积极参与讨论和分享经验。

五、考核方式1.平时表现(20%):包括出勤情况、参与讨论、作业完成情况等;2.项目实践(40%):根据团队合作的情况、设计稿的质量等综合评估;3.期末考试(40%):综合考核学生对于UI设计的理解和掌握程度。

ui设计教学大纲

ui设计教学大纲

ui设计教学大纲果排版设计,整体效果搭配、图标设计的应用本课程的教学目标是使学生从心理学、人机工程学、设计艺术出发,掌握硬件人机界面与软件人机界面方法、理论与设计实例,探索新的交互技术。

通过本课程的研究,学生应该掌握软件的基本操作,并初步具备UI界面设计能力。

同时,本课程也重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。

本课程的内容包括认识界面门、人本界面、界面的整体设计、界面的视觉设计、网页界面的设计、游戏界面的设计、软件界面的设计和便携电子产品界面的设计。

在研究过程中,学生需要了解界面的概念和UI设计的历史与发展趋势,掌握人因工程化界面和人机工程学学科的穿插,以及界面整体设计的分析和实施以及用户各方面的分析。

此外,学生还需要掌握整体效果搭配、界面视觉效果、图标设计的设计加以应用,以及网页视觉效果排版设计、整体效果搭配、图标中隐喻的运用,游戏界面视觉效果排版设计整体效果搭配、图标中隐喻的运用,软件界面视觉效果排版设计整体效果搭配、图标中隐喻的运用,以及便携电子产品界面视觉效果排版设计、整体效果搭配、图标设计的应用。

总之,《UI设计》是平面设计方向的专业核心课程,是跨学科的学术领域,通过研究本课程,学生可以掌握UI设计的基本知识和技能,提高观察生活、体验生活、体验、审美能力、吃苦精神和创造能力,为日后的工作和研究打下坚实的基础。

分。

学生课堂参与度学生在课堂上积极发言、互动,每次加3分。

期末考试考察学生对界面设计的理解和应用能力,占总成绩的60%。

3、教学资源教材:《界面设计与人因工程》参考书:《界面设计原理》、《人机交互设计》多媒体课件:包括案例分析、图像展示、视频演示等多种形式。

4、教学评价界面设计是一门实践性很强的课程,学生需要通过大量的实践来提高自己的设计能力。

因此,教学评价应该注重学生的实际操作能力,采用多种形式进行评价,如作品展示、小组讨论、个人报告等。

《UI交互设计》教学大纲(本科)

《UI交互设计》教学大纲(本科)

《UI交互设计》教学大纲注:课程类别是指公共基础课/学科基础课/专业课;课程性质是指必修/限选/任选。

一、课程地位与课程目标(-)课程地位UI交互设计是指对软件的人机交互、操作逻辑、界面美观的整体设计与研究。

通过本课程的教学,使学生理解当前互联网经济中的用户体验相关理论和互联网产品设计的基础,掌握用户体验设计的核心、用户体验设计的要素、用户体验中的交互设计、网站的用户体验以及移动端的用户体验等专业知识。

本课程能为专业课程提供必要的技术支撑,为解决网站用户体验设计以及信息系统(APP)设计中的实际问题提供基本思路和实用方法,是信息管理与信息系统专业本科生选修的一门专业教育课程。

(二)课程目标1.全面了解UI设计的发展过程、今年移动设备发展、设计的基本原则等方面的知识,让学生掌握UI设计的表现方法和制作技能,提高学生设计审美能力。

2.要求学生重点掌握移动设备主题APP界面设计、图标设计、电子杂志类APP宣传编排设计、电商类APP洁面、图标、运营图等设计操作和实际运用。

3.对知识进行积累,培养自己对美的感受能力,在设计时能触类旁通。

二、课程目标达成的途径与方法本课程本着学以致用的原则,结合当前的实践,以课堂教学为主,结合自学、课堂讨论、课外作业等方式,通过UI交互设计的一系列原理、方法和技巧的教学,使学生在解决问题的过程中学会UI交互设计,并理解学习UI交互设计的目的是为了应用,从而使用UI交互设计来解决实际问题。

三、课程目标与相关毕业要求的对应关系注:1.支撑强度分别填写H、M或L (其中H表示支撑程度高、M为中等、L为低)。

第一章界面设计的重要性主要内容:用户界面中存在的问题以及对设计人员的要求概述,对不易操作的用户界面的阐述,界面操作时产生的压抑感的原因,什么是人为失误,人为失误的增加及其带来的影响有哪些, 由人为失误引起的重大事件有哪些。

基本要求:理解用户界面中存在的问题以及对设计人员的要求有哪些,了解对不易操作的用户界面有哪些,了解界面操作时产生的压抑感的原因,理解什么是人为失误,掌握人为失误的增加及其带来的影响有哪些,理解由人为失误引起的重大事件有哪些。

《UI设计基础》教学大纲

《UI设计基础》教学大纲

《UI设计基础》教学大纲一、课程定位1.课程性质本课程是面向动漫技术、设计、计算机应用技术等专业的一门专业课程,属于必修课。

《UI设计基础》以移动端的UI设计为主线,将实例操作与职业素养相结合,技巧和理念相融合、文化修养和文化传承的工匠精神,同时对当下流行的设计风格进行整合。

让学生学习UI设计流程、设计原则、设计规范、移动设备尺寸标准、图标、页面组合应用等知识,掌握UI设计方法与技巧、能够独立完成不同主题的APP界面设计与制作,提升专业技能和职业素养。

2.课程作用本课程“以学生为中心”的教学理念、围绕“立德树人”目标,注重“课政融合”,运用、采用“以教引学”、“以教助学”、“为学而教”的教学方式,培养应用型技术人才,具有“融合+创新”能力、良好的职业道德和职业素养、竞争意识和合作精神。

(三)前导、后续课程前导课程:图像处理技术、网页设计后续课程:JavaScript网页设计与制作、PHP高级项目开发、电子商务网站设计与开发等课程二、课程设计思路基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例(任务)实训为手段,设计出理论学习与技能掌握相融合的课程内容体系。

教学整体设计“以职业技能培养为目标,以案例(任务)实现为载体、理论学习与实践操作相结合”。

三、课程目标(一)本课程学习应具备的专业能力本课程的教学目标是:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限于单纯的技能训练。

单纯的技能训练不是提高高等职业教育的理想课程。

以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。

通过本课程的学习,学生应掌握:1.掌握APP设计要素,能够把控界面风格,进行整体布局。

2.掌握三原色搭配原则、UI设计的配色技巧。

3.掌握图标设计的基本设计原则,掌握线性图标、扁平化图标、MBE风格图标、线性渐变图标四种设计风格的特点,能够独立完成不同风格的图标的设计和制作。

《UI界面设计》教学大纲-张

《UI界面设计》教学大纲-张

《UI界面设计》教学大纲一、层次与学制:专科,三年制二、教学时数:64学时,周学时:4三、适用专业:视觉传达、艺术设计四、课程性质与任务UI界面设计是数字媒体艺术专业重要的基础课程,是一门集技术与艺术一体化的基础学科,课程的设置面向职业岗位要求,职业岗位针对性较强,涉及的专业技能具有很强的专业性,其主要任务是培养学生的手机界面设计的制作能力,使学生了解当今界面设计制作的基本知识。

五、教学目的与基本要求目的:知识目标:了解游戏行业美术设计师岗位要求并掌握界面的设计制作规范。

能力目标:能熟练掌握界面制作流程和方法技巧,以及界面的设计制作能力达到行业岗位的基本要求。

素质目标:(1)具有热爱所学专业、爱岗敬业的精神和强烈的法律意识;(2)具有胜任设计工作的良好的业务素质和身心素质;(3)具有运用所学知识分析和解决问题的能力;(4)具有自学能力、获取信息的能力,以及一定的组织、管理能力。

(5)培养学生的团结合作能力;运用所学知识分析和解决问题的能力,创新设计思维,美术欣赏造型审美的能力。

要求:界面UI设计课在整个教学的过程中,运用启发、引导和实践的方式,通过进行造型设计基础知识点的逐步讲解并实例绘制教授创作,训练学生的相互配合能力,培养学生的职业道德、团队协作意识以及良好的审美意识,使学生在艺术学习和实践中陶冶情操,并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质。

六、教学主要内容与学时分配第一章UI界面设计相关知识1. 什么是UI设计及相关概念介绍在深入了解如何进行UI设计之前,我们还应该先了解一些与UI设计相关的概念2.UI设计的流程一个好的UI设计并不是然最终的用户界面视觉效果’好看’而已,而是需要考虑到用户和界面之间的整个交互过程,是否使用户有好的体验。

所以,当我们讨论UI流程的时候,也不能只简单地讲如何优化用户界面的视觉效果,而应当从交互设计的整个流程出发来讨论。

ui 设计 教学大纲

ui 设计 教学大纲

ui 设计教学大纲UI设计教学大纲引言:UI设计(User Interface Design)是指用户界面设计,是一门以用户为中心的设计学科。

它关注如何使用户界面更加美观、易用和有效。

UI设计在现代社会中扮演着重要的角色,它直接影响着用户对产品或服务的体验和满意度。

本文将探讨UI设计教学的重要性以及一个可能的UI设计教学大纲。

一、UI设计的重要性UI设计在现代社会中的重要性不言而喻。

随着科技的不断进步,人们对于产品和服务的要求也不断提高。

一个好的UI设计可以提升用户体验,使用户更加愿意使用产品或服务。

同时,UI设计也是品牌形象的重要组成部分,它可以传达品牌的价值和风格。

因此,学习UI设计对于设计师来说是非常重要的。

二、UI设计教学大纲的建议1. 基础知识- 介绍UI设计的定义和概念- 讲解UI设计的历史和发展- 介绍UI设计的基本原则和规范2. 用户研究- 学习如何进行用户调研和用户分析- 掌握用户行为和用户需求的研究方法- 理解用户心理和用户体验的重要性3. 设计工具和技术- 介绍常用的UI设计工具,如Photoshop、Sketch等- 学习使用设计工具进行界面设计和原型制作- 掌握常用的UI设计技术,如色彩搭配、排版等4. 交互设计- 学习如何设计有效的用户交互流程- 掌握用户界面元素的设计和布局原则- 理解用户行为和界面反馈的关系5. 响应式设计- 学习如何设计适应不同设备和屏幕尺寸的用户界面- 掌握响应式设计的原理和技巧- 理解响应式设计对用户体验的影响6. 用户测试和评估- 学习如何进行用户测试和评估- 掌握常用的用户测试方法和工具- 理解用户反馈对UI设计的重要性7. UI设计案例分析- 分析一些成功的UI设计案例,如苹果、谷歌等- 探讨这些案例中的设计原则和技巧- 学习从成功案例中汲取灵感和经验结语:UI设计是一门需要不断学习和实践的学科。

通过学习UI设计教学大纲,学生可以全面了解UI设计的基本知识和技能,掌握设计原则和规范,提升自己的设计能力。

《UI界面设计》教学大纲(64学时)

《UI界面设计》教学大纲(64学时)

《UI界面设计》课程教学大纲一、课程基本信息注:此页不可增页二、课程教学目的与目标(-)课程目的《UI界面设计》课程是数字媒体艺术专业,第四学期开设的专业基础课程,根据专业培养目标和职业卤位要求而制定。

是本专业后续所有专业课程的前期必修基础课程《设计美学》《Photoshop、Illustrator》。

其息息相关的后续课程有《数字手机UI 交互界面设计》《专业综合实训》等。

通过本课程的学习,使学生掌握数字矢量软件基础进行平面图形设计的基本方法和基本技能,使学生能够运用图形图像处理软件进行界面图形设计与制作,提高学生实际应用能力;培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、色彩感悟能力和欣赏能力等素质,到达数字美术的初级设计水平。

(二)教学目标1.知识目标:(1)了解界面设计的意义、目的、基本要素、流程;(2)理解典型的界面类型设计的原那么、方法;(3)掌握界面设计中文字、图形的编排构成;(4)掌握UI界面设计中的常见工程的基本操作及制作流程。

(5)掌握绘图软件(Photoshop> Illustrator)的基本操作技巧.2.能力目标:(1)使学生能够根据需要进行界面设计能力;(2)使学生能够正确处理图形、文字、色彩的关系;(3)使学生能够运用软件完成界面设计、视觉编辑效果;(4)具备较强的界面设计工程规划能力;(5)具备制作发布能力。

3.素养目标:(1)具有热爱所学专业、爱岗敬业的精神和强烈的法律意识;(2)具有胜任设计工作的良好的业务素质和身心素质;(3)具有自觉的规范意识和团队精神,并具有良好的沟通和交流能力;(4)具有理论联系实际的素质。

—2 —三、学时分配及教学内容(一)教学内容及学时分配1.考试方式:考试2.考核组成:平时成绩(占60% )、期末考核(占40%)o五、其他说明该课程以工程为导向,根据不同界面设计的特殊性进行教学,课堂以案例讲授法、现场指导法为主,向学生阐释原理、原因,引导出设计制作方法,课后延展内容建议依据当下的设计动态和专业赛事而开展。

《UI设计》教学大纲

《UI设计》教学大纲

U1设计U1Design一、课程基本信息学时:64学分:4考核方式:考查中文简介:《UI设计》课程是视觉传达设计专业数字媒体方向的专业必选课程。

在数字产品、数字媒体的使用与传播环境中,人机界面的设计作为提高产品效力、强化品牌印象、提升用户体验质量的重要手段与方法越来越引起重视,已成为设计界活跃的研究方向。

媒体界面是指数字媒体交互系统、服务环境中的软件图形用户界面。

图形用户界面是当下数字媒体人机交互的主要媒介,其设计包含诸多学科的交叉与融合。

本课程从信息传达与用户体验的角度出发,由媒体界面的概念入手,结合案例分析媒体界面设计要素和原则规范,详细讲授媒体界面的设计方法、设计流程和具体设计的把握,给学生提供一个清晰完整的设计思路和过程。

目的是让学生对数字媒体界面艺术设计有深入全面的认识,得到系统有效的训练,准确灵活地运用各设计要素与手段进行图形用户界面设计。

二、教学目的与要求教学目的:通过本课程的学习,让学生了解数字媒体界面设计的概念,掌握数字媒体界面设计方法以及相应完整、系统的实现流程,并能从用户体验的角度进行数字媒体界面设计。

着重培养学生的专业思维能力和提高学生的动手实践能力。

教学要求:学生掌握图形用户界面设计的具体实现思路和技术,调动图形、文字、色彩、图标等各项视觉设计要素,结合空间、融入时间,借助平面与数字化交融的手段,以简洁优美的信息界面创造和谐的交互体验。

三、教学方法与手段1、采用多媒体的课堂教学手段,理论讲授与课程专题实验训练相结合的方式,传授数字媒体界面设计的规律性知识,要求学生掌握图形用户界面设计的能力。

2、收集案例进行分析,观摩国内外优秀的数字媒体界面设计作品案例有利于学生理解和打开思路。

3、引导课堂讨论,在理论讲授和课题研究过程中,启发和引导学生展开讨论分析,以提高学生分析问题和解决问题的能力,更好地取得最佳设计方案。

4、进行个别辅导,对不同类型的学生进行因材施教,以提高学生的学习兴趣,充分发挥学生的创造力和个人特点,形成创作差异。

ui设计 教学大纲

ui设计 教学大纲

ui设计教学大纲UI设计教学大纲引言:UI设计(User Interface Design,用户界面设计)是一门关于人机交互的学科,旨在通过设计直观、易用、美观的用户界面,提升用户体验。

随着移动互联网的快速发展,UI设计师的需求越来越大。

本文将探讨UI设计教学的必要性、目标和内容。

一、教学的必要性UI设计是一门综合性较强的学科,需要掌握设计原理、色彩搭配、排版规则等知识。

通过系统的教学,可以帮助学生快速掌握这些知识,提高设计水平。

同时,UI设计也是一门实践性较强的学科,通过教学可以提供学生实践的机会,锻炼其设计能力和创新思维。

二、教学目标1.培养学生的设计思维能力:通过教学,引导学生学会观察和思考,培养其独立思考和解决问题的能力。

2.提高学生的设计技能:通过教学,让学生掌握设计工具的使用,提高其设计技能和操作能力。

3.培养学生的团队合作能力:UI设计往往需要与其他设计师、开发人员等进行紧密合作,通过教学,培养学生的团队合作能力和沟通能力。

三、教学内容1.设计基础知识:(1)设计原理:介绍设计的基本原理,如对比、平衡、重复、对齐等,帮助学生理解设计的基本概念。

(2)色彩搭配:介绍色彩的基本原理和搭配技巧,帮助学生学会运用色彩来表达情感和传达信息。

(3)排版规则:介绍排版的基本原则和技巧,帮助学生学会合理布局和组织信息。

2.设计工具的使用:(1)Photoshop:介绍Photoshop的基本操作和常用工具,帮助学生掌握图像处理和界面设计。

(2)Sketch:介绍Sketch的基本操作和常用功能,帮助学生掌握矢量图形的设计和界面布局。

(3)Axure RP:介绍Axure RP的基本操作和功能,帮助学生学会原型设计和交互设计。

3.用户体验设计:(1)用户研究:介绍用户研究的方法和技巧,帮助学生了解用户需求和行为习惯。

(2)信息架构:介绍信息架构的原理和方法,帮助学生学会合理组织和呈现信息。

(3)交互设计:介绍交互设计的原则和技巧,帮助学生设计易用、直观的用户界面。

UI设计课程教学大纲

UI设计课程教学大纲

UI设计课程教学大纲一、课程说明1. 课程代码: ZZ12020172. 课程类别:专业专长能力模块课程3. 适应专业及课程性质广告学专业选修4. 课程目的课程涵盖了对广告学专业认知和专业基本技能运用、对创新思维的研讨和开发以及对实践操作技能的掌握和演练。

掌握界面制作流程和方法技巧,以及界面的设计制作能力达到行业岗位的基本要求。

培养学生的团结合作能力;运用所学知识分析和解决问题的能力,创新设计思维,美术欣赏造型审美的能力。

5. 学时与学分学时为48,其中理论学时为24学时,实践学时为24学时。

学分为3.06. 建议先修课程构成艺术、图形创意、计算机图形图像设计、字体设计二、课程教学基本内容及要求第一章 UI界面设计相关知识计划学时:8学时基本要求:了解UI设计及相关概念教学重点及难点:(1)UI设计的流程(2)UI界面设计的规范基本内容:(1)了解UI设计(2)UI设计的流程(3)UI界面设计的规范(4)了解行业岗位的基本要求第二章 UI界面设计一致性、层级性计划学时:8学时基本要求:了解UI界面设计一致性、层级性相关概念以及在应用设计中的作用。

教学重点及难点:(1)了解一致性原则(2)认识视觉层级基本内容:(1)了解一致性原则(2)一致性在应用设计中的作用(3)如何避免不一致性的出现(4)认识视觉层级(5)如何建立信息层级第三章UI界面设计情感化计划学时:12学时基本要求:了解UI界面情感化设计以及情感化设计对用户的影响。

教学重点及难点:(1)了解情感化设计原则(2)如何进行情感化设计基本内容:(1)加强用户对产品风格的感知(2)缓解用户负面情绪(3)引导用户行为(4)情感化设计的指标第四章UI界面类型计划学时:8学时基本要求:了解UI界面类型。

教学重点及难点:(1)启动界面(2)顶层界面基本内容:(1)一览界面(2)详细信息界面(3)输入/操作界面(4)界面跳转第五章UI图标设计和图形界面的创意设计计划学时:12学时基本要求:了解界面设计中的图标和图形界面的创意教学重点及难点:(1)图标的设计创意(2)图标的情感表达基本内容:(1)界面设计中的图标(2)图标的设计创意(3)图形界面需求(4)图形界面的创意三、课程学时分配本课程计划48学时,其中理论教学24学时,课内实践24学时。

《UI设计》教学大纲

《UI设计》教学大纲

UI 设计(全彩慕课版)教学大纲一、课程信息课程名称:UI 设计(全彩慕课版)课程类别:素质选修课/专业基础课课程性质:选修/必修计划学时:24计划学分:2先修课程:无选用教材:《UI 设计(全彩慕课版)》,叶军江韵竹编著,2021年;人民邮电出版社出版教材;适用专业:本书可作为高等院校UI 设计类课程的教材,也可作为UI 设计相关工作人员的参考书。

课程负责人:二、课程简介本书全面围绕UI设计的相关知识和操作技能展开讲解,内容新颖,深浅适度,知识全面。

在形式上本书完全按照现代教学需求进行编写,适合实际教学。

在内容上本书不仅对UI设计的基础知识和常见设计规范及方法进行了介绍,还通过实例的形式,对不同类型的UI设计进行了介绍,理论与实践相结合,具有较强的实用性。

同时,为了帮助读者快速了解UI设计,并掌握不同类型的UI设计方法,编者在阐述理论的同时,结合大量设计案例,使读者能将所学知识应用于实际工作中,更满足行业的需求。

本书第1~4章主要对UI设计相关的基础知识进行讲解,第5~6章主要对网页界面设计、App界面设计进行讲解,第7章主要对界面的标注、切图与动效制作的方法进行讲解,第8章则通过综合案例讲解完整的电商主题界面设计与制作方法。

三、课程教学要求注:“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。

“关联程度”栏中字母表示二者关联程度。

关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。

“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。

四、课程教学内容五、考核要求及成绩评定六、学生学习建议(一)学习方法建议1. 理论配合实操进行学习,提高学生的实战动手能力;2. 熟练操作软件进行UI界面的设计与输出;3. 能够熟练制作各种类型的UI界面。

(二)学生课外阅读参考资料《UI设计基础与实战项目教程(微课版)》夏琰编著,人民邮电出版社出版《UI设计(全彩慕课版)》叶军编著,人民邮电出版社出版七、课程改革与建设本书以UI设计的理论和技术为基础,采用理论与实践结合的编写方式,通过大量UI 设计案例来阐述UI设计的方法,并结合实际操作讲解和微课视频等方式帮助读者提升UI 设计的能力。

相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
0.5 2 1 0.5 1 1 4 2 3
banner广告动画 临摹1张网页 企业站制作(6页)2 H5类型设(6页)1套 学会UI设规范与准则,成为 商城类(3)1套 UI设计师 app基础简介 咨询类APP(20页)1套 商城类app(20页) 1套 冒泡,数列,循环 掌握基础前端技术,能用 appcan或其他前端插件快 图片轮播,banner制 速制作前端页面 作 选项卡切换
第三阶 段UI实 践
网页 16 App
web页面中的字体处理方式
基础语法及组成 本地、浏览器、文档对象 事件驱动、处理、对象 id,类,序列选择,高级 样式,淡入淡出,滑动,animation 祖先,后代,同胞,过滤,each appcan运用 简历制作(A4、H5、网页、ppt)
JavaScri pt与 jquery库
第三阶
ห้องสมุดไป่ตู้LASH
4 第五课:AS语言 网站类型及网页构图 web页面字体设置 网站页面设计思路 网站页面设计项目实战 APP类型 APP页面思路 APP页面设计项目实战
JavaScript概述及语法基础 对象类型 As编写及综合练习 网页基础简介 web页面中的字体处理方式 设计思路 详细介绍app类型 web页面中的字体处理方式
教学大纲
阶段 课程 课时(天) 章节 第一课:了解ps和基础工具 第二课:画笔与修复工具 第三课:图层与混合模式 PS 第四课:调整图层的应用 第五课:路径与形状 第六课:通道与蒙板的应用 第七课:文字工具 第八课:阶段总结 第一阶 段软件 基础 第一课:了解AI和基础工具 25 AI 第二课:路径与对象 第三课:填充、描边与文本 第四课:混合与蒙板 第五课:效果与样式 第一课:HTML语言基础 第二课:常用标签 第三课:列表和表格 HTML 章节讲解内容 界面、选择、选区、 画笔、修图工具、液化 图层与混合 通过调整图层调色(色彩) 钢笔工具、形状工具 通道与蒙板 文字与段落 结合前面的知识点设计合成 界面和基础工具 路径查找器和对齐面板 颜色、渐变、样式填充,描边及文 本段落和路径文字等 图层混合模式,蒙版的操作 3D效果及滤镜等效果 web发展历程和基本语法和文件结构 a、input、hr、br、p、div等标签 table、tr、td、ul、ol、li标签
提高设计审美能力,增强画 面感,成为合格的设计师
制作微信动画链接 绘制web及App原型,进阶 产品经理
0.5 0.5 0.5 0.5
使用flash绘制一副 卡通画 熟练使用各种动画
熟练的掌握flash,能制作 web和app中的动画广告
熟练的掌握flash,能制作 web和app中的动画广告 2 0.5 4 3 2 0.5 3 3
案例 选区抠图 人物美化 效果图合成
课程目标
备注
调整图片,美化照片 熟练的掌握ps。能胜任部分 效果图和平面广告的制作 抠图与图标绘制 抠图与小合成 海报设计 大合成 插画练习 文字排版 熟练的掌握ai,并增强提升 ps技能,掌握LOGO、VI的 制作,能胜任广告平面公司 工作
少量色彩知识,色相环,明白三 原色和复色,间色
第四课:常用样式 边框、背景、列表、文字等样式 第五课:基础布局 盒子模型、内外边距、定位、层叠关系 第六课:页面布局实战 综合布局案例 第七课:H5标签及CSS3样式 h5新增标签和CSS3常用样式
色彩与构成 色彩三要素,关系,情感 明暗关系,透视关系 点线面 常见的构成版式 logo设计规范 vi系统设计规范及用途 字怀,(非)衬线字体,字体的性格 、 Banner设计与合成 秀堂、易企秀 软件基础 交互案例 动画原理及flash基础操作 3种原件类型的用途和特点 2种补间类型和用途 路径、遮罩动画
插画练习 3d文字 使用html制作一首诗 用户注册页面 工资表及菜单 熟练掌握HTML语言,课程 结束后能独立完成web页面 横向导航 的静态布局 简单页面布局 综合页面布局3个 为页面增加h5+css3
用色彩表现酸甜苦辣 色彩构成练习 平面构成练习 分析画面中的版式 一整套vi设计 字体设计练习 不低于8个广告图片 制作 简历制作 制作简单页面效果 制作交互页面
第二阶 段设计 设计进阶 进阶
版式原理 9
LOGO的设计与制作 VI系统设计与制作
字体的应用 Banner设计与合成
H5制作 Axuer
2 5
秀堂、易企秀只做H5宣传 软件基础 进阶案例
第一课:动画原理及flash基础 第二课:绘图工具和原件 FLASH 4 第三课:补间动画 第四课:路径、遮罩动画
事件驱动编程 12 jquery简介与选择器 dom操作、事件和动画 jquery遍历
实战项目
APPcan 简历包装 3
APPcan简介
简历书写事项及模拟面试
合计
76
教学大纲
3-4月 章节课时 (天) 1 0.5 1 1 1 2 2 2 0.5 1 1 1 0.5 0.5 1 1 1 1 5 1
1 1 1 1 0.5 0.5 0.5 3.5 2 2 3
完整的交互页面 APP模板 用户注册提交
包装推销自己,面试技巧
相关文档
最新文档