《移动软件UI设计》课程标准.docx

移动软件UI设计课程标准一、课程定位本课程是软件技术专业的一门实践性很强的专业提升课。培养学生对软件的人机交互、操作逻辑、界 面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自 由，充分表达软件的定位和特点。前导课程：计算机基础、美术基础后续课程：网页设计、移动软件设计等二、课程目标通过理论和实践教学，使学生全面了解UI设计的开展过程、近年移动设备开展、设计的基本原那么等 方面的知识，让学生掌握UI设计的表现方法和制作技能，提高学生设计审美能力。要求学生重点掌握移 动设备主题APP界面设计、图标设计、电子杂志类app宣传编排设计、主题网页等设计操作和实际运用。 最终能对知识进行积累，培养自己对美的感受能力，在设计时才能触类旁通，还应该对设计制做到走向市 场的全过程有足够的了解。知识目标1 .全面了解UI设计的开展过程、近年移动设备开展、设计的基本原那么等方面的知识；2 .让学生掌握UI设计的表现方法和制作步骤；3 .使学生能够了解图标的色彩设计和风格创意；4 .使学生能够掌握APP界面设计的方法；5 .使学生能够掌握主题网页及图像制作的方法。能力目标1 .能进行成熟的UI界面设计，设计制作能力能到达行业岗位的基本要求；2 .能逐步地具有一定的筹划审美能力；3 .可以独立完成移动软件UI的设计与制作。素质目标1 .通过知识教学的过程对学习和研究，培养学生较为全面的设计能力；.提高学生的艺术修养，培养团结合作精神与团队合作的基本素质，为培养高素质的技能型人才服 务；2 .为学生利用图形图像处理软件进行艺术设计打下基础，使他们具有进一步学习相关知识的能力。三、课程内容与要求根据课程目标所要求掌握的知识、能力和职业素质，课程内容及要求如下:表1数据库管理与应用内容及要求序号单元名称主要内容目标与要求建议学时1UI界面设计相 关知识(1) UI设计的概念和流程；(2) UI设计的规范及常用 工具；(3)用户体验；(4)影响用户体验的因素；(5) UI设计师的工作职责 与技术需求；(6) UI设计师的自我提升 与就业前景；(7) Photoshop CC 软件的 安装和界面熟悉；(8)图像常用的基本操作；(9)选区的基本操作。(1)理解UI界面设计的概念流程等基 础知识；(2)理解UI界面设计用户体验；(3)能安装Photoshop CC软件(4)熟悉软件界面；(5)能用ps软件进行图像常用的基本 操作；(6)能用ps软件进行选区的基本操作。42UI界面设计的 常用方法(1)形式美法那么；(2)构成的思维方式；(3)色彩的基本理论；(4)色彩的搭配法那么；(5)线性化；(6)扁平化；(7)拟物化；(8)图层的基本操作；(9)图层样式；(10)蒙版。(1)掌握UI界面设计中的常用构成方 法；(2)掌握UI界面设计中的色彩搭配技 巧；(3)掌握UI界面设计的三种常用风格 风格(4)能再ps软件中进行图层的基本操 作；(5)能再ps软件中进行图层样式的操 作；(6)能再ps软件中进行蒙版的相关操 作。83各种UI界面常 用元素制作(1)圆形、矩形；(2)多边形；(3)直线；(4)按钮的制作；(5)下拉选择框的制作；(6)滑动条的制作；(7) TAB切换块的制作；(8)气泡对话框的制作。(1)能使用ps软件绘制常用图形； (2)能使用ps软件绘制常见控件。64创意图标设计 与制作(1)图标的含义；(2)整理图标创意；(3)标设计的要点；(4)线性图标的绘制技法；(5)线性填充图标的绘制技法；(1)掌握图标设计的常用技巧；(2)能再ps软件中进行线性化图标的 制作；(3)能再ps软件中进行扁平化图标的 制作；(4)能再ps软件中进行拟物化图标的6(6)常规扁平化；(7)长投影化；(8)渐变式；(9)投影式；(10)拟物化图标的设计分 析；(11)拟物化图标的绘制技 法。制作。5操作型APP 计算器界面设 计(1)操作型APP一计算器界面设计任务分析；(2)计算器界面制作；(3)能力拓展一拼拼乐APP界面设计。(1)能完成操作型APP的交互设计；(2)能在ps软件中绘制操作型APP的 界面设计。106实用型软件一 播放器界面设 计(1)播放器界面设计任务 分析；(2)播放器界面制作；(3)能力拓展一其他制作 元件制作。(1)能完成实用型APP的交互设计；(2)能在ps软件中绘制APP的界面设计。107手机主题UI界 面设计(1)手机主题UI界面设计 任务分析；(2)卡通风格手机主题界 面制作；(3)主体形象设计制作；(4)手机壁纸设计制作；(5)锁屏设计制作；(6)天气插件制作；(7)桌面图标制作。(1)能分析手机主题UI设计的主要任 务(2)能在ps软件中绘制一整套完整的 手机主题APP界面。108Web界面设计 实例一儿童节 专题网页设计(1)儿童节专题网页需求 分析与界面设计思路；(2)布局设计；(3)设计制作头部主图；(4)设计制作装饰图形；(5)设计制作栏目“书籍系 列”；(6)设计制作栏目“服饰系 歹和“玩具系列”；(7)设计制作底部区域。(1)能进行主题网页的需求分析与界 面设计思路(2)能在ps软件中绘制整套的主题界 面设计10U!、教学资源要求教材选取原那么教材选用应遵循以能力为中心，以企业岗位要求为原那么，表达课程工程化的思想，教材内容紧跟行业技术主流，以实践为主，理论够用。推荐教材及参考资源1 .UI界面设计，电子工业出版社，张小玲 张莉编著2 .认知与设计：理解UI设计准那么（第2版）储 人民邮电出版社，约翰森编著3 .潮流UI设计必修课，人民邮电出版社，常丽编著4 .UI图标设计从入门到精通，人民邮电出版社，汪兰川 刘春雷编著其它学习资源1 . UI 学习网络资源：;2 .零基础学UI，电子科技大学出版社，田海编著。教师要求担任本课程的主讲教师要求熟练掌握UI设计的基本理论知识，具有UI界面设计的创作能力，具备双 师素质，了解UI设计师的工作内容和流程，孰知高职教育理念，有一定的教学经验和因材施教能力。学习场地、设施要求1 .计算机硬件要求：预装Windows Server 2003/2008操作系统的计算机，CPU主频1G,内存=1G。 具备局域网环境。2 .软件要求：安装Photoshop软件。3 .其它要求：在计算机实训机房教学，有多媒体教学软件。五、考核与评价本课程采用形成性考核方式，总评成绩由形成性考核的各项成绩组成。分数比例为：4 合素质评价（平时表现+通用能力考核）20%5 程考核（课堂实践+课后实践+单元测试）40%6 结考核（期终考核）40%六、教学实施建议1 .课堂教学采用“教、学、做” 一体化方式，以工程开发过程引导学生学习基本知识，通过动手实 践，让学生掌握移动软件UI设计的知识以及设计绘画技能。教学过程以学生动手实践为主，教师只是示 范和检查，用一系列综合和拓展实训来培养学生的技术应用能力和创新能力。2 .采用“工程驱动”，“问题牵引”和“多重循环”等教学方法，从基础理论知识到以典型的设计实 例的任务驱动，在逐步完成各工程任务单元的过程中，以UI设计常用的几个层面完成界面的设计与绘画, 从而让学生在实践中掌握知识和技能。教师在举例示范时，不仅要展示问题的解决方案，更要表达问题的 分析过程，启发学生思考。在课堂上，可以让学生上台解决问题，也可以展示学生对同一个问题的不同解 决方案，以激励学生主动参与课堂教学。3 .整个课堂教学应在机房进行，每个学生人手一台计算机，安装Photoshop软件，使学生能在真实环 境中进行学习和训练。教师机和学生机都要安装多媒体教学软件，以便进行广播教学、学生作品展示、提 问和作业提交。