《移动交互界面设计》课程教学大纲
一、课程概述
本课程是计算机应用专业多媒体设计与制作方向的一门专业技能课程。其功能是使学生了解交互界面设计与制作的基本理念,掌握交互界面设计与制作所需要的基础知识和方法,具备交互界面设计的基本技能。将来在工作中可以与软件开发人员进行更好的对接,使界面与功能实现完美结合。
二、教学目标
使学生掌握交互界面设计的理念以及实践方法,掌握传统图形创意软件的高级技术,培养学生解决实际问题的思维方法和基本能力,可以独立完成交互界面的设计。
三、最低课时安排
《移动交互界面设计》课程最低总计学习课时为64课时。各章节最低课时安排如下表所示:
编号 | 章节名称 | 课时分配 |
第1章 | IOS原生态控件规范 | 6 |
第2章 | IOS端界面尺寸规范 | 6 |
第3章 | 文本规范及颜 | 8 |
第4章 | Android端界面尺寸规范 | 8 |
第5章 | Android与IOS的区别 | 6 |
第6章 | 彩搭配 | 6 |
第7章 | 移动界面布局分类 | 8 |
第8章 | 响应式与适配 | 8 |
第9章 | 控件库/切图/标注 | 8 |
四、教学内容
我们对本课程的具体授课内容会提供PPT,并在PPT中标明知识点讲述要点,详细内容请参考PPT。
章节 | 教学内容 | |||||||
第1章 | 原型认识 制作首页风格设计要了解的信息 风格设计流程 规范核对清单 规范案例 App产品设计流程——情绪版 | |||||||
第2章 | Android 图标尺寸、三栏尺寸、系统字体字号参考规范、主流手机分辨率和尺寸、系统分辨率统计、状态栏、导航栏、标签栏、工具栏 | IOS iPhon E尺寸分辨率、界面尺寸及栏高度 状态栏、导航栏、标签栏、工具栏 登录注册按钮、iPhon E图标尺寸计算机专业ui设计做什么 iPad设计尺寸、iPad图标尺寸 iwatch端尺寸规范 | ||||||
第3章 | 01.UI规范的理解 02.UI基础概念 03.UI元素设计规范 04.UI版式设计规范 05.UI文字使用规范(详情见字体、字号及颜规范ppt) 06.UI颜使用规范 07.UI输出规范 08.UI交互介绍 | |||||||
第4章 | 界面对比 状态栏的不同 层级跳转不同 布局不同 | |||||||
第5章 | 尺寸 布局 图标设计 配 iOS字体 Android字体 字体使用规范 文字案例 字体颜 | |||||||
第6章 | 版式设计 对齐 对称 分组 | 排版布局分类 1.大屏移式 2.宫格式布局 3.列表页面布局 4.卡片页面布局 5.不规则布局 6.数据化布局 | 布局标准 原理 适配 | |||||
第7章 | 版式组成 主体 文案 点缀 背景 | 对称构图 | 非对称构图 对角线构图 S型构图 发射状构图 中心构图 二分构图 形状构图 | 满版构图 | 设计原则 对比 对齐 亲密性 重复 留白 变化 | 设计流程 需求沟通,确认主题 确定构图形式,学会视线引导 彩搭配 字体搭配 | ||
第8章 | 不过三、彩的基本属性、相/明度/纯度、彩心理、彩的情感特性、彩的拟物化、配参考、如何快速选择主调、彩的选取和应用 | |||||||
第9章 | 控件库 切图 标注 配体系目的 | 配体系目标 视觉区分 调整界面风格 吸引用户注意力 | App应用中的彩搭配对比 颜不应超过三种? 行业属性选择符合的配体系 彩搭配规则 | |||||
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论