课程教学大纲
课 | 程 名 称 : | UI 设计 |
制 | ( 修 ) 订 人 : | 黎丹 |
审 | 定 人 : | 黎丹 |
教 | 研室主任: | 周增辉 |
开课单位 负责人 : | 唐永芳 | |
制 | (修) 订时间 : | 2013年 6 月 |
、课程基本信息
课程名称 | UI 设计 | 课程代码 | |||
总学时 | 56 | 理论学时 | 28 | 学分 | 3.5 |
实践学时 | 28 | ||||
前导课程 | 计算机基础 | ||||
后续课程 | 图形图像处理、企业 VI 、标志设计 | ||||
适用专业 | 毕业设计、顶岗实习 | ||||
课程属性 | 公共课()必修课(√)考试课(√) 专业课(√)选修课()考查课() | ||||
、 课程的性质和地位
《UI 设计》是艺术设计专业(平面设计方向)的专业核心课程,是在图形 图像处理、企业 VI 、标志设计课程基础上的延续和提高。课程几乎涉及到了平 面设计专业基础课程的各个方面,课程实践中注重对各专业基础课程如图形设 计、编排设计、字体设计、构成设计等课程的统合和整体应用。 UI 界面设计是 一门新的学科,也称之为当代的新媒体, 它是跨学科的学术领域, 是在各门相关 学科中提取相关的内容要素而综合起来的系统学科。
三、课程教学目标
1、知识目标 通过对本课程的学习,使学生从心理学、人机工程学、设计艺术出发,掌握 硬件人机界面与软件人机界面方法、理论与设计实例,探索新的交互技术。
2、能力目标 通过本课程的学习,学生应该掌握软件的基本操作,并初步具备: UI 界面 设计能力;
3、素质目标
通过本课程的教学,我们重要的是培养学生观察生活、体验生活、体验、审 美能力、吃苦精神和激发学生的创造能力的方法和手段。
四、教学内容、教学要求及学时分配
序号 | 单元 | 教学内容 | 教学要求 | 学时 |
1 | 认识界面门 | 认识界面门 | 了解界面的的概念,概念性的认 识,以及 UI 设计的历史与发展 趋势 | 6 |
2 | 人本界面 | 人本界面 | 掌握人因工程化界面,人机工程 学学科的穿插 | 6 |
3 | 界面的整体设计 | 界面的整体设计 | 掌握界面整体设计的分析以及 实施以及用户各方面的分析 | 6 |
4 | 界面的视觉设计 | 界面的视觉设计 | 掌握整体效果搭配,界面视觉效 果、图标设计的设计加以应用 | 6 |
5 | 网页界面的设计 | 网页界面的设计 | 掌握网页视觉效果排版设计,整 体效果搭配、图标中隐喻的运用 | 8 |
6 | 游戏界面的设计 | 游戏界面的设计 | 掌握游戏界面视觉效果排版设 计整体效果搭配、图标中隐喻的 运用 | 8 |
7 | 软件界面的设计 | 软件界面的设计 | 掌握软件界面视觉效果排版设 计。整体效果搭配、图标中隐喻 的运用 | 8 |
8 | 便携电子产品界面 的设计 | 便携电子产品界面的 设计 | 掌握便携电子产品界面视觉效 果排版设计,整体效果搭配、图 | 8 |
标中隐喻的运用 | ||||
五、教学建议 采用案例教学的方式进行教学,尽可能选取贴近生活的案例。 ①在教学过程中,应立足于加强学生实际操作能力的培养,采用项目教学, 以工作任务引领提高学生学习兴趣,激发学生的成就动机。
②教学过程中教师应积极引导学生提升职业素养,提高职业道德。
六、课程考核
1、各单元知识点及考核要求
序号 | 单元 | 知识点 | 计算机专业ui设计做什么考核要求 |
1 | 认识界面门 | 1. 界面的概述 2 图形化的界面 | 了解界面的的概念 概念性的认识 |
2 | 人本界面 | 回归人性的界面设计 1 高科技带来的“谜语” 2 认知中的摩擦 3 为用户而设计 界面设计中的人因工程 1 人因工程 2 人因显示界面的设计 人因工程化界面 人机工程学学科的穿插 3 人因操作界面的设计 | 人因工程化界面 人机工程学学科的穿插 |
3 | 界面的整体设计 | 界面整体设计的分析阶 段 用户与任务分析 市场与目标分析 2 界面整体设计的实施阶 段 | 界面整体设计的分析以及实施 用户分析、市场与目标分析 |
对象的模型化 界面视图的设计 | |||
4 | 界面的视觉设计 | 1 隐喻:界面视觉设计的 基本途径 2 界面的信息设计 3 图标的设计 4 界面布局元素的设计 | 整体效果搭配,界面视觉效果、 图标设计的设计加以应用 |
5 | 网页界面的设计 | 1 时代的网页界面设计 2 网页界面的隐喻系统 3 网页界面的信息传达 | 网页视觉效果排版设计 整体效果搭配、图标中隐喻的 运用 |
6 | 游戏界面的设计 | 1 游戏界面的概述 2 游戏平台的视频界面 设计 3 游戏平台的操作界面 设计 4 游戏界面的音频设计 | 游戏界面视觉效果排版设计 整体效果搭配、图标中隐喻的 运用 |
7 | 软件界面的设计 | 1 软件界面设计的整体 思考 2. 软件界面的文本、图 形 3 为“交互”服务:角 | 软件界面视觉效果排版设计 整体效果搭配、图标中隐喻的运用 |
、场景和礼貌 | |||
8 | 便携电子产品界面 的设计 | 1 便携电子产品界面的 概述 | 便携电子产品界面视觉效果排 版设计,整体效果搭配、图标中隐 喻的运用 |
2 便携电子产品界面设 计的特殊性 3 便携电子产品界面的 视觉要素分析 | |||
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论