UI 视觉设计阶段教学大纲

《数字媒体视觉设计》教学大纲数字媒体视觉设计教学大纲课程概述本课程旨在介绍数字媒体视觉设计的基本原理和技术，培养学生在数字媒体领域中进行视觉设计和创意表达的能力。

研究目标通过本课程的研究，学生将能够：- 理解数字媒体视觉设计的基本概念和原则；- 掌握数字媒体视觉设计的工具和技术；- 运用数字媒体视觉设计原则和技术进行创意表达；- 分析和评估数字媒体视觉设计作品的质量。

课程大纲第一单元：数字媒体视觉设计概述- 介绍数字媒体视觉设计的概念和应用领域；- 探讨数字媒体视觉设计的发展历程和趋势。

第二单元：视觉感知与表达- 理解视觉感知的基本原理和规律；- 研究如何使用颜色、形状和布局等元素进行视觉表达。

第三单元：数字媒体创意设计- 掌握创意设计的方法和技巧；- 运用创意设计原则进行数字媒体视觉设计创作。

第四单元：数字媒体设计工具与技术- 介绍常用的数字媒体设计工具和软件；- 研究如何运用这些工具和技术进行数字媒体视觉设计。

第五单元：数字媒体视觉设计案例分析- 分析和评估数字媒体视觉设计案例；- 研究从案例中借鉴经验和技巧。

第六单元：数字媒体视觉设计实践- 进行数字媒体视觉设计实践项目；- 综合运用所学知识和技术进行创作实践。

评估方式- 平时作业：40%- 期末项目：30%- 期末考试：30%参考书目- 《数字媒体设计导论》- 《视觉传达设计基础》- 《创意设计方法论》以上是《数字媒体视觉设计》的教学大纲，希望本课程能够为学生提供基本的数字媒体视觉设计知识和技能，并培养学生的创造力和创新思维能力。

《移动UI设计（微课版）》课程标准XXXX 学校二〇二二年月一、课程基本信息【课程名称】移动UI设计（微课版）【适用专业】数字媒体与艺术设计专业【开课时间】第X学期【课程类型】专业基础课/专业核心课/专业拓展课等二、课程性质与任务课程性质：《移动UI设计（微课版）》是数字媒体与艺术设计专业的一门核心专业课程，依据职业能力的要求，主要对移动UI设计、iOS和Android系统移动设备界面的结构及设计规范等相关知识进行梳理和讲解，主要介绍了移动UI设计基础知识、移动UI的策划与原型设计方法、移动UI的色彩搭配方法、移动图标的设计方法、移动App的UI设计方法、移动App的交互设计、适配与输出移动UI设计的方法和设计与制作移动App项目的相关知识等八部分内容。

随着科技的发展，手机与人们生活的联系日益密切。

手机中的软件系统是用户直接操作的对象，它以精美的视觉效果和便捷的操作为用户所青睐，进而促进了移动UI设计行业的兴盛。

本课程使学生进一步了解移动UI设计的相关知识，在项目的实践过程中激发学生的创新意识，促使学生加深掌握移动UI设计的基本知识，使学生实现从学校到社会的平滑过渡。

课程任务：通过学习移动UI设计等相关理论知识，不仅促使学生具备移动UI设计相关的理论知识和行业素养，同时也有助于培养学生发现问题、分析问题、解决问题的能力，使学生能够具有相对良好的沟通、交流和协调能力，培养良好的职业道德和行为素养，为后续的课程学习和职业发展打下坚实的基础。

三、职业岗位标准1．典型职业活动移动UI设计师等。

2．典型职业岗位标准（或工作内容、职责）、技术等级标准3．主要职业能力1)培养学生严谨认真的工作态度和终身学习的习惯；2)培养学生在实际工作中遵守相关规范和要求；3)丰富学生的知识结构，提升专业技能；4)培养良好的人际沟通能力和团队互助的精神；5)培养学生自我学习、勇于创新、积极承担不同角色的能力。

四、课程教学目标1．课程总体目标本课程根据数字媒体与艺术设计专业学生将来工作过程中所必须具备的综合职业能力出发，应用先进教学方法和教学理论，优化和整合教学内容，将基于移动UI设计与操作案例相结合，构建一种创新型的《移动UI设计》教学。

《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）具有理论联系实际的素质。

三、学时分配及教学内容四、考核方式及成绩评定1.考试方式：考试2.考核组成：平时成绩（占60％）、期末考核（占40%）。

五、其他说明该课程以项目为导向，根据不同界面设计的特殊性进行教学，课堂以案例讲授法、现场指导法为主，向学生阐释原理、原因，引导出设计制作方法，课后延展内容建议依据当下的设计动态和专业赛事而开展。

ps 应用认知1 界面设计常用工具2 Photoshop功能介绍3 界面功能使用方法4 位图、矢量与分辨率5 色彩基础理论（色阶、色相、补色、位深、色6 直方图与色彩调整命令7 图层、通道、路径、蒙版与选区的综合运用8 icon设计制作综合案例设计基础知识第二阶段设计基础知识色彩基础与配色色彩的性格；RGB 、CMYK 概述；反色、相近色认识交互设计1 交互设计师的主要职能和常用方法2 任务流程分析和信息架构图的基本设计方法 （ 原型图工具Axure 介绍与资源）3 用户界面的设计与可用性分析网站设计制作综合案例网站设计制作人像抠图在各种背景下抠取我们需要的元素交互设计三部曲交互设计三部曲-设计操作、反馈用户体验设计流程、角色和方法1 用户体验设计（UE）设计介绍2 UED与UX、UE、GUI、UCD等概念的定义异同3 用户体验设计的基本流程介绍（案例）4 当前用户体验设计的现状（从交互设计到服务UCD 案例分析根据市场现有的项目，全流程剖析学设计师定位平面设计师、网页设计师、UI设计师目标分解计划需求分析的本质与方法介绍用户体验的基本概念、行业现状内课程模块交互设计1 欣赏电商设计作品2 黄金分割法则3 广告设计思路4 广告设计基本要求5 寻找素材方式 体版式概述电商广告基本理论字体设计创意字体设计理论及技巧1 字体各种变化方式2 创意字体设计案例3 极坐标发散爆炸字效4 极具金属质感的立体字效果5 炫酷黄金字体设计6 AI 打造精美字体第五阶段 电商广告创意设计第三阶段 平面广告与企业VI平面广告与企业VI 平面广告与企业VI 课程1 精美广告海报设计2 名片欣赏 片设计4 企业VI 形象系统5 标志设计理论知识6 公司标志设计7 LOGO 的设计8 素材选取排版9 文字排版第四阶段 字体设计icon 设计方法和icon 的多种表现形式、 图标设计图标设计注意事项；图标设计常见错误1 illustrator路径绘制基础2 路径外观与填充，AI中的笔刷运用与效果存储3 图形的组合、分割与扩展4 图形的变形与变换5 色彩过渡（渐变、混合、渐变网格）6 图形的复制与集合7 设计资源推荐8 界面元素整理9 网页设计中的删格化布局视觉设计进阶icon 设计制作综合案例电商广告创意设计电商广告基本案例电商店铺专题设计1 电商字体打造技巧2 数码类广告设计3 化妆品类广告设计4 服装类广告设计5 节日类广告设计6 奢侈品类广告设计7 快消品类广告设计8 电商工作流程1 电商店铺专题设计认识2 电商店铺专题设计练习3 电商店铺专题设计布局4 电商店铺专题设计配色5电商店铺专题设计最终效果网页基础概述色彩搭配技巧1 界面与构图2 网页设计介绍3 WEB元素设计4 字体设计5 版式设计6 WEB设计练习（基础）7 WEB设计练习（效果）1 色彩心理效应2 色彩心理效应之橙色背景3 黑白色彩的力量4 黑白色彩的力量广告5 黑白色彩的力量心理效应6 调节图像黑白效果7 网站配色赏析8 网站配色技巧9 调用图片中的颜色10 如何让颜色协调11 图标设计样式12 巧妙的色彩与构图13 案例分析14 案例基本操作15 案例完成效果网页版式设计与配色技巧创意网页设计1 WEB 元素的打造技2 网页图标3 网页banner4 艺术字体打造5 各种风格的表现6 卡通风格7 清新系列8 中国水墨气息打造9 欧美简约大气风格10 游戏类网页设计11 个性化炫酷12 WEB 尺寸大小13 网页设计规范14 网站设计基本流程15 网页用户体验设计技巧移动端UI 界面设计第六阶段 移动端UI 界面设计ui 认识及应用1 UI 基本概念2 优秀UI 界面评析与体验、吸收3 图形界面设计原则与发展趋势4 界面与图标的关联性、细节5 手机UI 图标尺寸规范6 剪影图标绘制7 2D 、3D 图标光影8 色彩构成与界面色彩搭配技巧9 写实图标10 扁平化图标11 各平台设计规范12 图标创意挖掘、纹理与质感表现 AxureR/墨刀交互原型绘制工具使用 个性UI 图标绘制1 整套IOS8图标设计2 个性天气图标3 个性电子邮件图标4 个性齿轮图标5 个性咖啡杯图标6 个性文件夹图标7 个性添加好友图标8 个性锁图标9 雨伞图标10 个性苹果图标11 个性邮件图标12 其他精美图标练习13 手机主题设计14 手机壁纸绘制移动端UI界面设计实战手机主题界面设计项目分析与讲解1 手机主题设计分析讲解2 手机界面练习与指导手机APP界面设计1 手机APP制作规范2 手机APP尺寸要求3 android手机APP4 ios手机APP5 多媒体终端界面设计6 功能需求7 技术支持8 视觉规范9 APP界面布局10 项目分析11 框架设计12 界面视觉设计13 APP风格定位14 风格统一性把握15 手机APP状态栏16 手机APP标题栏17 手机APP导航18 手机APP内容19 优秀手机界面赏析20 手机界面练习游戏UI界面设计1 中国风背景2 游戏界面3 游戏界面图像制作4 游戏界面标题文字5 游戏界面版权信息6 游戏界面细节7 游戏界面按钮率阶、色相、补色、位深、色彩模式等）命令、蒙版与选区的综合运用案例MYK 概述；反色、相近色概述以电商平台用户研究为例职能和常用方法息架构图的基本设计方法介绍与资源）可用性分析元素馈通过实例分析介绍产品的互动设计绍、UCD等概念的定义异同本流程介绍（案例）的现状（从交互设计到服务设计）剖析学习设计思维和方法设计师的职能和职业分类内容师课程大纲展示字效果3 名多种表现形式、图标设计要素、图标设计常见错误I中的笔刷运用与效果存储与扩展混合、渐变网格）化布局6字识习局色终效果础）果）背景效应验、吸收发展趋势、细节结合案例解读搭配技巧理与质感表现 13绘制工具使用结合案例解读结合案例解读结合案例解读结合案例解读导。

UI设计教学大纲《游戏UI设计》课程教学大纲江西泰豪动漫职业学院二O一五年四月（2）教学难点：对数字界面定义了正确理解。

3．教学内容：本章内容包括数字界面的定义、数字界面的应用、数字界面的种类、数字界面作品欣赏等内容。

4．教学要求：要求学生通过课程的学习能够了解数字界面的定位。

（二）数字界面设计理论（6学时）1．教学目的：通过课程了解数字界面设计的目的与方法2．教学重点与难点（1）教学重点:了解数字界面设计的方法。

（2）教学难点：了解数字界面设计的目的。

3．教学内容本章内容包括人物数字界面设计的定义、数字界面设计的目的，等内容。

4．教学要求：要求学生通过课程的学习使学生可以了解游戏数字界面设计的特点，并且与之前学习的设计课程的知识相结合。

（三）游戏界面设计流程（7学时）1．教学目的：通过课程了解游戏界面设计流程。

2．教学重点与难点（1）教学重点:游戏界面设计流程的细节。

（2）教学难点：学会根据游戏整体风格设计不同的游戏界面。

3．教学内容：本章教学内容主要包括游戏界面设计的概念和范围、游戏界面设计的种类。

4.教学要求：要求学生通过本章课程的学习能够学习游戏界面设计搭配的技巧，并且初步可以通过游戏整体的风格，合理的为游戏设计界面。

（四）游戏界面设计风格设定（10学时）1．教学目的：通过课程了解游戏界面设计风格设定的技巧和方法。

2．教学重点与难点（1）教学重点: 游戏界面设计风格设定的技巧和方法。

（2）教学难点：学会怎样去设计一套最初的游戏风格设计。

3.教学内容：本章游戏界面设计风格设定的概念、风格表现、游戏整体与游戏按钮构成、空间表现、层次关系等范例分析等内容。

4.教学要求：要求学生通过课程对游戏界面设计风格设定建立正确的认知，并具有初步设定游戏界面按钮的能力。

（五）游戏界面按钮设计（2学时）1．教学目的：了解游戏界面按钮设计一些特殊性质，理解游戏界面按钮设计和游戏整体风格的关系。

2．教学重点与难点（1）教学重点: 游戏界面按钮设计了解和绘制方法的学习。

《UI设计》课程简介课程编号：15044020课程名称：UI设计/ User Interface(UI) Design学分: 3学时：48（课内实验(践)：0 上机：0 课外实践：0）适用专业：视觉传达设计数字媒体艺术建议修读学期：5开课单位：艺术与设计学院视觉艺术设计系先修课程：计算机辅助设计I、二维动画设计考核方式与成绩评定标准：大作业考核。

平时成绩占30%，（给平时成绩时，同时参考学生平时作业的完成、项目参与、课堂表现、出勤等情况。

）期末成绩70%。

教材与主要参考书目：主要教材：1．《面向用户的软件界面设计》，孙悦红编著，清华大学出版社， 2009年参考书目：1．《面向用户的软件界面设计》，孙悦红编著，清华大学出版社， 2009年2．《和谐界面——交互设计基础》，海姆编著，电子工业出版社， 2008年3．《用户体验的要素》，加瑞特著，机械工业出版社， 2008年4．《数字图形界面艺术设计》，鲁晓波、詹炳宏编著，清华大学出版社， 2006年内容概述：中文：本课程是视觉传达设计数字媒体艺术本科生的专业必修课，它的目的主要是培养学生综合运用先修课程的理论知识和生产实践知识解决设计实际问题的能力，并通过实际设计训练使所学理论知识得以巩固和提高。

本课程的基本任务是，使学生了解UI设计的概念、不同时期的UI设计的特点、理解UI设计的基本原则和方法；根据软件技术发展的趋势，以基于产品的软件界面应用为例，让学生掌握UI设计的主要过程和可用性评价方法。

英文：This course is an elective course for visual communication, its purpose mainly is to cultivate students' comprehensive use of theoretical knowledge and ability to solve the problem of actual design problems. On the other hand, to consolidate and improve theory knowledge through the actual designed practices. The basic task of the course, is to make students understand the concepts of UI design, the characteristics of different periods of UI design, the basic principles and methods of UI design. According to the trend of the development of the software technology, base on the software interface application, likewise, to make the students master the key process of UI design and usability evaluation method.《UI设计》教学大纲课程编号：15044020课程名称：UI设计/ User Interface(UI) Design学分: 3学时：48（课内实验(践)：0 上机：0 课外实践：0）适用专业：视觉传达设计数字媒体艺术建议修读学期：5开课单位：艺术与设计学院视觉艺术设计系先修课程：计算机辅助设计I、二维动画设计一、课程性质、目的与任务本课程是视觉传达设计数字媒体艺术专业本科生的专业必修课，它的目的主要是培养学生综合运用先修课程的理论知识和生产实践知识解决设计实际问题的能力，并通过实际设计训练使所学理论知识得以巩固和提高。