UI界面教学大纲

课程名称界面(UI )设计课程编号课程类别必修上课时48课程单位3课程实施方式(教育组织形式、所采用的教育方法和手段)审查方式的审查开设时间第二学期使用教材创造性UI Photoshop玩图标设计，由Art eyes设计工作室编着，人民邮电出版社于2015年1月内容概述以实例方式介绍了如何使用Photoshop设计图标。 从走向图标王国的简单步伐，图标的创意原则，图标的设计和软件操作，平面图标的设计，质感的图标的设计，涂鸦风格的图标的设计，介绍图标的应用和附录，让读者深入理解课程的目的和任务1 .知识目标通过本课程的学习，学生从心理学、人类工程学、设计艺术中把握硬件人界面和软件人界面的方法、理论和设计实例，探索新的交互技术。2 .能力目标通过本课程的学习，学生必须掌握软件的基本操作，初步具备UI界面设计能力3 .素质目标通过本课程的教育，我们重要的是培养学生观察生活、体验生活、体验审美能力、辛苦精神，培养激发学生创造力的方法和手段。课程学习指导UI设计是艺术设计专业(平面设计方向)的核心课程，是基于图形图像处理、企业HB、标志设计课程的继续和提高。 课程几乎涉及平面设计专业基础课程的各方面，课程实践中重视各专业基础课程，如图形设计、布局设计、字体设计、构成设计等课程的整合和整体应用。 UI界面设计是一门新的学科，也称为现代新的媒体，是一门跨学科的学术领域，是提取和整合各领域相关内容要素的系统学科。在教育过程中，要立足于增强学生实际操作能力的培养，采用项目教育，在工作任务中提高学生的学习兴趣，激发学生的成果动机。在教育过程中教师要积极指导学生提高职业素养，提高职业道德。会话分配表章次内容学时第一章轻松走向图标王国6第二章图标创意策略的管理。6第三章图标的设计和软件的操作6第四章平整的图标设计。6第五章质感图标的设计6第六章涂鸦风格的图标设计。6第七章玩图标应用程序1248课程内容和基本要求第一章走向图标王国1.1图标入门1.1.1什么是图标1.1.2图标和标志的差异1.1.3一般移动应用程序图标1.1.4一般计算机应用程序图标1.2图标设计的意义和作用1.2.1什么是图标1.2.2图形的内在意义1.2.3图标设计的作用1.3图标的像素识别1.3.1识别windows操作系统的图标像素1.3.2识别windows XP操作系统的图标像素1.3.3智能操作系统图标像素的识别1.3.4识别IOs操作系统的图标像素1.4一般图标的标准尺寸1.4.1一般移动操作系统的图标标准尺寸1.4.2一般电脑操作系统的图标标准尺寸1.5图标的设计要素和结构1.5.1图标类型的掌握1.5.2图标类型的掌握1.5.3透视、光源和影子1.5.4元素的组合1.5.5视觉平衡1.6你不知道的图标分类1.6.1 PNG格式图标1.6.2 ICON格式的图标1.6.3 ICL格式图标1.6.4 IP格式图标1.7创建图标的一般软件1.7.1 PhotoshopCS61.7.2 IllustratorCS6第二章图标创意策略的管理2.1图标创建原则2.1.1可视性原则2.1.2差异原则2.1.3适当的细度和元素数原则2.1.4风格统一性原则2.1.5原始原则2.2图标的创意2.2.1接口要求2.2.2图标的创造性要素2.2.3创造性图标的特征2.3图标设计草图的绘制和渲染2.3.1图标的设计方法和技巧2.3.2图标视觉分析2.3.3最终草图草案2.3.4草图渲染2.4图标的视觉分析和效果2.4.1用户体验2.4.2图标的可视性2.4.3图标设计的连续性第三章图标设计和软件操作3.1基本绘图图标的要素3.1.1绘制圆形图标3.1.2绘制方形图标3.1.3绘制圆角矩形图标3.1.4绘制复合图形图标3.1.5绘制自定义形状图标3.2看到难忘的简单生活图标3.2.1移动设备的电池图标绘制3.2.2 Android启动图标3.2.3 iOS系统启动图标3.2.4 Windows系统启动图标3.3制作具有设计性的图标3.3.1具有设计性的开关图标3.3.2具有设计性的音乐旋钮的图标3.3.3绘制具有设计性的导航栏图标3.4色彩鲜艳的图标3.4.1彩色系图标3.4.2蓝绿色系图标3.4.3暖色调图标第四章扁平化图标设计4.1单色形状扁平化图标实战1应用系单色形状扁平化图标实战2生活系单色形状扁平化图标4.2 Windows系统中的平坦化图标实战1 Windows操作系统平坦化图标实战2 WindowsXP操作系统平坦化图标4.3 iOS系统中的平整图标实战单线扁平化图标实战2图形扁平化图标第五章质感图标的设计5.1质感立体图标设计实战1立体透明图标制作实战2立体堆图标制作5.2质感写实的图标设计实战1真实质感图标实战2真实食物图示实战3金属质感写实图标实战4现实生活物品图标第六章涂鸦风格的图标设计6.1矢量涂鸦样式的图标实战1矢量牌游质感风格图标实战2矢量爱好涂鸦图标6.2可爱的动画涂鸦风格的图标实战1可爱的游戏涂鸦风格的图标实战2可爱的动画涂鸦风格的图标6.3手写涂鸦界面的图标实战1手绘涂鸦画面图标实战2手绘相机应用图标实战三手画导航应用程序图标。第七章游转图标应用7.1移动应用程序和图标实战1手机应用程序和图标实战2苹果手机应用程序和图标实战3移动iPad应用程序和图标7.2计算机桌面应用程序图标实战1电脑桌面图标。实战2矢量插图计算机应用和图标。学生的自学内容重要的思考问题1 .完成简单的数字图标设计2 .完成电脑、手机APP图标的设计参考文献1、教材名称：认识和设计设计标准主编： 美杰夫Johnson着张一宁译出版社：人民邮电出版社出版时间： 2011年9月第一版2，人机界面设计罗仕鉴，朱上，孙守迁着机械工业出版社2002年9月3，人本界面交互式