《移动交互界面设计》课程教学大纲
一、课程概述
本课程是计算机应用专业多媒体设计与制作方向的一门专业技能课程。其功能是使学生了解交互界面设计与制作的基本理念,掌握交互界面设计与制作所需要的基础知识和方法,具备交互界面设计的基本技能。将来在工作中可以与软件开发人员进行更好的对接,使界面与功能实现完美结合。
二、教学目标
使学生掌握交互界面设计的理念以及实践方法,掌握传统图形创意软件的高级技术,培养学生解决实际问题的思维方法和基本能力,可以独立完成交互界面的设计。
三、最低课时安排
《移动交互界面设计》课程最低总计学习课时为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应用中的彩搭配对比
颜不应超过三种?
行业属性选择符合的配体系
彩搭配规则