课题软件界面设计
课时6课时(270min)
知识目标:
(1)了解软件界面的布局
(2)了解软件的基本界面
(3)了解软件界面设计的要点
(4)了解软件界面设计的尺寸规范
教学目标
(5)了解软件界面设计的字体运用
(6)掌握软件界面的一般制作方法
素质目标:
(1)加强基础知识的学习,养成脚踏实地、精益求精的良好品质
(2)不断实践练习,逐步提高自身的动手能力和创新能力
教学重点:软件界面的布局,软件的基本界面,软件界面设计的要点、尺寸规范和字体运用,软件界面的一
教学重难点般制作方法
教学难点:软件界面设计的要点
教学方法问答法、讨论法、讲授法、多媒体展示法
教学用具电脑、投影仪、多媒体课件、教材、APP
教学过程主要教学内容及步骤
【教师】使用APP进行签到
考勤
【学生】按照老师要求签到
【教师】提出问题
问题导入我们电脑上常见的软件有哪些?这些软件的界面有哪些特点?
【学生】聆听、思考、主动回答问题
【教师】总结学生的回答、引入新的知识点,讲解软件界面的布局,软件的基本界面,软件界面设计的要点、
尺寸规范和字体运用等知识
5.1软件界面设计的基础知识
5.1.1软件界面的布局
【教师】通过多媒体展示“软件界面布局”图片(详见教材),并讲解新知
许多软件界面都参考传统的Windows操作系统中资源管理器的布局方式,将界面分成标题栏、主菜单区、
工具栏区、功能树、状态信息区和内容展示/操作区。
传授新知
【教师】通过多媒体展示“Word2013软件界面”图片(详见教材),并讲解新知
……(详见教材)
【教师】通过多媒体展示“优酷软件界面”图片(详见教材),并讲解新知
根据实际情况,软件界面的布局也可在上述布局的基础上适当调整,如合并标题栏、主菜单区和工具栏区,
或者将功能树区域向下延伸至界面底部等。
……(详见教材)
5.1.2软件的基本界面
1
软件的功能和用途不同,界面的尺寸和呈现的效果也不同,但几乎所有软件都包括启动页、安装引导页、
登录/注册页、主/细节页和详细信息页等基本界面。
1.启动页
【教师】通过多媒体展示“Photoshop软件的启动页”图片(详见教材),并讲解新知
在启动大型制图或办公软件时往往需要花费一些时间(远长于App的启动时间),一般软件都会利用启动
页来缓解用户因等待而产生的焦虑,提升用户对软件的好感。
……(详见教材)
2.安装引导页
软件的安装引导页会在用户安装软件时出现,其作用是介绍软件的主要功能及显示软件的安装进度。
【教师】通过多媒体展示“upupoo软件的安装引导页”图片(详见教材),并讲解新知
引导页的尺寸没有具体规范,设计时可根据需要自由安排。
3.登录/注册页
社交类、网盘类等软件只对注册用户开放,用户如果想要使用,就必须在登录/注册页完成登录或注册。
【教师】通过多媒体展示“TIM软件的登录/注册页”图片(详见教材),并讲解新知