教学过程:
(一)课前准备
1.授课前准备
准备好教学用具和教学设备
2.板书
课题:第5章软件界面设计
项目目标:
●了解软件界面设计的基础知识
●掌握软件界面设计的规范
●认识软件界面常用界面类型
3.课程引入
通过“制作音乐播放器软件”案例效果展示引入软件界面设计的概念
首页
游戏网页界面设计歌单页
歌曲列表页
(二)课程内容
5.1 软件界面设计基础知识
软件界面设计的基础知识包括软件界面设计的概念、软件界面设计的流程以及软件界面设计的原则。
5.1.1软件界面设计的概念
软件界面(software interface)设计是界面设计的一个分支,主要针对软件的使用界面进行交互操作逻辑、用户情感化体验、界面元素美观的整体设计。具体工作内容包括软件启动界面设计、软件框架设计、图标设计等,如图所示。
由波兰设计师Luke Pachytel创作的软件界面
5.1.2 软件界面设计的流程
软件界面的设计流程可以按照分析调研、交互设计、交互自查、视觉设计、设计测试、验证总结的步骤来进行,如图所示。
软件界面设计流程图
1.分析调研
与App和网页界面设计类似,软件界面的设计也要先分析需求,明确设计方向。下图所示是3款聊天消息界面,但因产品需求不同,设计风格有所区别。
不同风格的软件界面
2.交互设计
交互设计是对整个软件设计进行初步构思和制定的环节。一般需要进行纸面原型、架构设计、
流程图设计、线框图设计等具体工作,如图所示。
印度设计师Gautham Mukesh创作的交互设计图
3.交互自查
交互设计完成之后,进行交互自查是整个软件界面设计流程非常重要的一个阶段。可以在执行界面设计之前检查出是否有遗漏缺失的细节问题,具体可以参考App中的交互自查。
4.视觉设计
原型图审查通过,就可以进入视觉设计阶段了,这个阶段的设计图即产品最终呈现给用户的界面,设计要求与网页设计类似。最后运用Axure、墨刀等软件制作成可交互的高保真原型以便后续的设计测试,如图所示。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。