UI界面设计教学大纲

UI界面设计教学大纲课程英文名UIDesign课程代码S1305Z29学分4总学时48理论学时24实验/实践学时24课程类别学科专业课课程性质必修先修课程《字体设计》《品牌设计》《版面设计与软件应用》《计算机应用》等适用专业视觉传达开课学院艺术与传播注：课程类别是指公共基础课/学科基础课/专业课；课程性质是指必修/限选/任选。一、课程地位与课程目标（一）课程地位《UI设计》是艺术设计专业（平面设计方向）的专业核心课程，是在图形图像处理、企业VI、标志设计、版面设计等课程基础上的延续和提高。课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计、交互设计等课程的统合和整体应用。UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。UI主题界面设计还是一门在电子设备，新兴媒体上运用平面设计的综合性学科，

手机上的企业APP主题宣传品，企业电子杂志APP版，企业门户网站手机版，微信宣传品设计，精细的ICON图标表现，和一些特色风格的主题APP界面设计等，都是企业形象宣传的一部分，是属于APP或手机网页方面，视觉界面部分的设计，为大多数互联网类公司培养研发部门和市场部门的视觉设计师。使学生从心理学、人机工程学、设计艺术、信息管理出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。（二）课程目标比较充分地了解UI的历史、设计流程和风格。了解APP设计的各种类型和基本功能，以及UI的相关知识和常规设计方法。适度补充中国UI界面设计规范的知识。能够科学合理地完成某功能的APP设计。包含APP的logo，框架，线框图和高保真效果图。提高学生美学、感性工学、逻辑思维和管理结合的综合能力、训练学生综合调配和使用视觉传达设计手段及各项技能的能力。二、课程目标达成的途径与方法以课堂教学为主，将知识学习与技法实践相结合，继承传统与改造创新相结合。结合自学、课堂讨论、课内外作业等方法。三、课程目标与相关毕业要求的对应关系课程目标课程目标对毕业要求的支撑程度（H、M、L）毕业要求5毕业要求9毕业要求10课程目标1HLM课程目标2HHM课程目标3HML四、课程主要内容与基本要求第1章

移动互联网的发展——————————————————————————了解1．1我们的世界1．2移动设备的发展1．3互联网时代的挑战和机遇1．4移动互联网的相关名词思考题课程训练第2章

移动端APP设计与用户体验————————————————————熟练掌握2．1用户体验的定义2．2用户体验的目的和设计目标2．3用户体验的分类2．4用户体验的五个层次2．5常见的与用户体验相关的名词思考题课程训练第3章

移动端APP设计与交互设计————————————————————熟练掌握3．1交互设计3．2交互设计方法3．3交互设计原则思考题课程训练第4章

移动端APP的开发流程————————————————————熟练掌握4．1调研4．2信息架构4．3页面流程与线框原型4．4视觉设计和高保真原型4．5制作APP原型工具的介绍思考题课程训练第5章

界面设计中的版式设计————————————————————熟练掌握5．1界面设计中版式设计的形式美规律5．2界面设计中版式设计的视觉规律第6章

界面设计中的文字和图片————————————————————熟练掌握6．1文字的性格

6．2界面设计中字体使用的规则

6．3界面设计中图片的处理

6．4界面设计中文字和图片的处理

第7章

界面设计中的色彩————————————————————熟练掌握

7．1色彩情感在界面中的应用7．2界面中色彩搭配的方法7．3几款色彩搭配的工具7．4界面中色彩设计方法第8章国内外优秀UI设计欣赏————————————————————了解五、课程学时安排章节号教学内容学时数学生任务作业要求自学要求讨论第1、2、3章第1章

移动互联网的发展1．1我们的世界1．2移动设备的发展1．3互联网时代的挑战和机遇1．4移动互联网的相关名词第2章

移动端APP设计与用户体验2．1用户体验的定义2．2用户体验的目的和设计目标2．3用户体验的分类2．4用户体验的五个层次2．5常见的与用户体验相关的名词第3章

移动端APP设计与交互设计3．1交互设计3．2交互设计方法3．3交互设计原则8收集优秀APP,并分析用户，定位，核心竞争力和设计风格等。第4、5、6、7、8章第4章

移动端APP的开发流程4．1调研4．2信息架构4．3页面流程与线框原型4．4视觉设计和高保真原型4．5制作APP原型工具的介绍第5章

界面设计中的版式设计掌握5．1界面设计中版式设计的形式美规律5．2界面设计中版式设计的视觉规律第6章

界面设计中的文字和图片6．1文字的性格

6．2界面设计中字体使用的规则

6．3界面设计中图片的处理

6．4界面设计中文字和图片的处理

第7章

界面设计中的色彩7．1色彩情感在界面中的应用7．2界面中色彩搭配的方法7．3几款色彩搭配的工具7．4界面中色彩设计方法16按照流程设计APP,开展市场调研。确定APP设计定位、人群和核心竞争力，进一步确定功能、架构、线框图和高保真效果图。六、实践环节及基本要求序号实验项目名称学时基本要求学生任务实验性质实验类别1UI设计实践（市场调研）12确定APP设计选题、合理分析提取所做定位和用户人群，产品的利益点和信息架构。市场调研APP同类别、人群、精准定位和核心竞争力。确定大致设计方向。综合必做2UI设计实践（方案及深化）40对市场调研结果有效利用，能清楚地整理各信息点和利益点之间的关系。提供切实可行的设计方案并完成相关的架构和线框图设计制作。完成APP设计方案、标准LOGO设计、架构、线框图和高保真效果图设计。综合必做注：1.实验性质指演示性、验证性、设计性、综合性等；2.实验类别指必做、选做等。七、考核方式及成绩评定考核内容考核方式评定标准（依据）占总成绩比例过程考核到课率、课堂讨论发言、平时作业不迟到、早退，课堂内积极讨论发言，认真完成平时作业40%期末考核作品考核APP设计的创新程度、美观程度、合理性、实用性、人性化考虑。创意、功能和架构使用的科学性。系列设计中整体和个体的比例关系、icon等设计的一致性和整体完整性。60%考核类别考查成绩登记方式百分制推荐教材与主要参考书（一）推荐教材：普通高等教育"十三五"规划教材:包装设计机械工业出版社;第1版(2016年8月1日)（二）主要参考书：1、教材名称：认知与设计——理解UI设计准则主编：[美]Jeff

Johnson

著

张一宁

译

出版社：人民

邮电出版社

出版时间：2011年9月第1版

2、《人机界面设计》罗仕鉴,朱上上,孙守迁著

机械工业出版社

2002年9月

3、《人本界面－交互式系统设计》Jef

Raskin

机械工业出