UI设计课程表

合集下载

《UI设计基础》课程教学大纲

《UI设计基础》课程教学大纲课程名称:UI设计基础User Interface Design 课程类别:专业教育选修课程开课单位:设计艺术系课程编码:23113045总学时数:32 学分:2适用专业:视觉传达设计先修课程:图形创意等考核方式:操作一、课程内容理论部分:(一)认识界面1、UI概述2、图形化的界面(二)人机界面1、回归人性的界面设计2、为用户而设计3、人机工程学(三)界面的整体设计1、分析阶段2、实施阶段3、界面视图(四)界面的视觉设计1、界面设计的基本途径2、界面的信息设计3、图标设计4、界面布局与元素设计(五)网页界面的设计1、网页界面的认识2、网页界面系统3、网页界面信息传达(六)游戏界面的设计1、游戏界面的概述2、游戏平台的视频界面设计13、游戏平台的操作界面设计4、游戏界面的音频设计(七)软件界面的设计1、软件界面设计的整体思考2、软件界面的文本、图形3、为“交互”服务:角色、场景和礼貌(八)便携电子产品界面的设计1、便携电子产品界面的概述2、便携电子产品界面设计的特殊性3、便携电子产品界面的视觉要素分析实践部分:实践一网页界面设计实践二游戏界面设计实践三电子产品界面设计二、大纲说明(一)课程的性质和任务UI设计是一门新的学科，也称之为当代的新媒体，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。

UI设计是视觉传达设计专业的专业选修课程之一，是在继专业设计课程基础上的延续和提高，全面的完善了设计专业学生的专业素养。

课程实践中注重对各专业基础课程的统合和整体应用。

(二)课程教学的基本要求通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术，熟悉UI 设计的流程与特点，并运用ADOBE PHOTOSHOP、indesign等设计软件完成其视觉表现，独立完成UI设计的全过程。

(三)课程内容各层次的教学重点、难点、教学环节及教学方法的建议教学重点、难点:1(认识界面重点:了解界面难点:概念性的认识，图形化的界面2(人机界面重点:人性的界面设计2难点:为用户而设计的理解，界面设计中的人机工程3.界面的整体设计重点:分析阶段、实施阶段、用户分析、市场与目标分析难点:对象的模型化、界面视图的设计、界面整体设计的分析以及实施 4(界面的视觉设计重点:界面视觉设计的基本途径、界面的信息设计、图标的设计、界面布局元素的设计难点:整体效果搭配，界面视觉效果、图标设计的设计加以应用 5.网页界面的设计重点:网页界面设计，网页界面的信息传达，网页视觉效果排版设计难点:整体效果搭配与方法6.游戏界面的设计重点:游戏界面的认识、设计方法与元素内容难点:游戏平台的视频界面设计，操作界面设计，音频设计，视觉效果排版设计，整体效果搭配7.软件界面的设计重点:软件界面的设计分析与界面中出现的元素及应用功能研究难点:软件界面设计的整体思考，软件界面的文本、图形，软件界面视觉效果排版设计，整体效果搭配8.便携电子产品界面的设计重点:便携电子产品界面的概述;便携电子产品界面设计的特殊性;便携电子产品界面的视觉要素分析;便携电子产品界面视觉效果排版设计难点:便携电子产品界面设计的整体效果搭配教学建议:采用案例教学的方式进行教学，尽可能选取贴近生活的案例。

《UI界面设计》课程标准

≪UI界面设计》课程标准一、课程名称UI界面设计二、适用专业计算机平面设计专业三、课程性质与任务本课程是计算机平面设计专业的一门专业技能课程和专业核心课程。

本课程是依据计算机平面设计专业人才培养目标和相关职业岗位（群）的能力要求而设置的，对本专业所面向的Ul设计师所需要的知识、技能、和素质目标的达成起支撑作用。

其功能是使学生了解Ul界面设计的基本概念，掌握Ul界面设计所需的基本知识和方法，具备Ul界面设计的基本技能。

本课程是平面设计工程、图形图像处理等课程的后续课程，为学生学习其他后续课程奠定扎实基础。

四、课程设计（一）设计思路本课程的设计遵循任务引领，做学一体的原则，并参照“界面设计初级职业技能等级标准”考证标准的相关内容进行打造。

与此同时，也会根据计算机平面设计专业的工作任务和职业能力分析，融入“界面设计初级职业技能等级标准”证书的相关考核内容。

1.紧扣课程特点UI界面设计是指对PC端和移动端网页界面的人机交互、操作逻辑、界面美观的整体设计。

UI界面设计重要的特点是注重测试客户体验过程，不能凭设计师的喜好和审美来评判，要满足广大目标客户的使用便捷性需求。

这就要求Ul界面设计这门课程内容需要紧扣时代发展，注重对目标客户的审美把握，以企业项目为导向，贴近市场，满足客户需求。

2.明确导向目标任何行为实践都是以目标为导向的。

宏观角度讲，现代专业教育的核心任务是促进学生全面发展。

受此目标指引，应根据Ul界面设计课程特点，进一步细化微观层次的教学目标，如知识传授、技能锻炼、素质提升等，继而有针对性地选取导向企业项目，融入1+X证书课程内容，借此提高教学针对性、实效性。

从根本上讲，UI界面设计课程教学是一个循序渐进的过程，既需要综合考查学生个性差异和既有水平，也要遵循以人为本、因材施教原则，合理设计课程项目。

3.创新教学手段基于企业项目导向的Ul界面设计课程设计，本身就是一种创新实践行为。

在确立好目标导向之后，需要分析UI界面设计课程教学内容特点，选取有效的教学方法，比如案例教学法、任务驱动法、情景引入法、头脑风暴法、合作讨论法等。

《UI设计》课程标准

《UI设计》学习领域课‎程标准执笔：甄珍审核：一、学习领域定‎位“UI”热是近几年‎来兴起的潮‎流，近几年国内‎很多从事手‎机，软件，网站，增值服务等‎企业和公司‎都设立了这‎个部门。

还有很多专‎门从事UI‎设计的公司‎也应运而生‎。

正是鉴于目‎前UI行业‎的发展状况‎，本专业第一‎次开设计《UI设计》课程。

《UI设计》是所有与网‎络通信软件‎相关专业课‎程，该课程既可‎以巩固前期‎所学的设计‎基础理论知‎识和设计软‎件应用知识‎，还重在给学‎生开拓新的‎专业知识面‎，认知一个新‎的设计领域‎，从而拓展职‎业能力和就‎业选择面。

二、职业分析目前UI即‎用户界面设‎计行业刚刚‎在全球软件‎业兴起，属于高新技‎术设计产业‎，与国外在同‎步发展水平‎。

其次国内外‎众多大型I‎T企业(例如：百度、腾讯、Yahoo‎、中国移动、Nokia‎、联想、网易、微软、盛大、淘宝等众多‎企业)均已成立专‎业的UI设‎计部门，但专业人才‎稀缺，人才资源争‎夺激烈。

但目前全国‎UI设计专‎业的系统教‎学极其稀少‎。

UI 设计师‎的待遇和地‎位也逐渐上‎升。

三、学习目标知识目标：使学生能熟‎悉UI设计‎的流程和设‎计方法，并能使用制‎作有创意的，充满视觉冲‎击力的UI‎设计作品。

技能目标：使学生学会‎系统规划和‎全局思维，能够完成一‎整套UI系‎统的设计。

素养目标：使学生具备‎能从事UI ‎系统的开发‎与设计能力‎，培养学生团队合作、及独立思考‎能力。

四、学习内容本学习领域‎由UI 设计‎基础、用户研究、界面设计等‎3个学习情‎境组成。

四、学习领域课‎程设计思路‎ （一）设计理念动手实练（二）微型学习情‎境设计说明‎五、考核方式学生成绩的‎评定，以学生平时‎表现和任务‎完成情况及‎最终考核来其中，平时成绩包‎括平时上课‎的表现和各‎任务的完成‎情况，占总成绩的‎30％；最终考核成‎绩所用考核‎方式为机试‎，占总成绩的‎70％。

ui设计教学大纲

课程教学大纲课程名称：UI 设计制（修）订人：黎丹审定人：黎丹教研室主任：周增辉开课单位负责人：唐永芳制（修）订时间：2013年6 月、课程基本信息、课程的性质和地位《UI 设计》是艺术设计专业（平面设计方向）的专业核心课程，是在图形图像处理、企业VI 、标志设计课程基础上的延续和提高。

课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。

UI 界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。

三、课程教学目标1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。

2、能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI 界面设计能力；3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。

四、教学内容、教学要求及学时分配五、教学建议采用案例教学的方式进行教学，尽可能选取贴近生活的案例。

①在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。

②教学过程中教师应积极引导学生提升职业素养，提高职业道德。

六、课程考核1、各单元知识点及考核要求2、综合成绩构成七、推荐教材及学习资源1、推荐教材（含实验教材）教材名称：认知与设计——理解UI 设计准则ISBN号：规格：主编：［美］Jeff Johnson 著张一宁译出版社：人民邮电出版社出版时间：2011年9月第1版单价：是否自编：2、推荐书目和期刊1、《人机界面设计》罗仕鉴, 朱上上, 孙守迁著机械工业出版社2002 年9 月2 、《人本界面－交互式系统设计》Jef Raskin 机械工业出版社2004 年1 月3 、《用户界面设计- 有效的人机交互策略（第四版）》Ben Shneiderman 著张国印, 李健利等译电子工业出版社2008 年104、《数字媒体系列教材数字界面设计》（廖宏勇著，上北京师范大学出版社2010）3、推荐的学习网站八、其他说明无九、实验实训教学要求考核方式：一．有否正确传达出产品/ 交互意图20%视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和遵循产品概念的基础上，参照目标群体心理模型和交互意图进行视觉设计，并且视觉设计要达到用户愉悦的目的。

UI设计课程标准

《UI设计》课程标准一、课程概况二、专业对课程要求《UI设计》是数字媒体应用技术专业的专业课程, UI即是User Interface的简称, 泛指用户的操作界面, 包含移动APP, 网页, 智能穿戴设备等。

UI设计主要指界面的样式, 美观程度。

UI主题界面设计是一门在电子设备, 新兴媒体上运用平面设计的综合性学科, 以往平面设计多数是印刷品, 今天移动设备的兴起, 应用如: 手机上的企业APP主题宣传品, 企业电子杂志APP版, 企业门户网站手机版, 企业微信宣传品设计, 精细的ICON图标表现, 和一些特色风格的主题APP界面设计等, 都是企业形象宣传的一部分, 是属于APP或手机网页方面, 视觉界面部分的设计, 为大多数互联网类公司培养研发部门和市场部门的视觉设计师。

三、课程培养目标随着计算机硬件的飞速发展, 过去的软件程序已经不能适应用户的要求。

软件产品在激烈的市场竞争中, 仅仅有强大的功能是远远不够的, 不足以战胜强劲的对手。

随着技术领域的逐步拓展, 产品生产的人性化意识日趋增强, 越来越多的企业开始注重交互设计、用户测试方面的投入, UI设计领域“三足鼎立”的局面将越来越成为大势所趋。

这也就意味着兼具美术设计、程序编码、市场调查、心理学分析等诸多方面综合能力的UI设计师将拥有更为广阔的发展前景。

“UI”热是近几年来兴起的潮流, 近几年国内很多从事手机, 软件, 网站, 增值服务等企业和公司都设立了这个部门。

还有很多专门从事UI设计的公司也应运而生。

正是鉴于目前UI行业的发展状况, 本专业第一次开设《UI设计》课程。

1.总体目标《UI设计》是数字媒体专业平面设计岗位方向课, 该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识, 还重在给学生开拓新的专业知识面, 认知一个新的设计领域, 从而拓展职业能力和就业选择面。

此课程的目的与任务是要求学生对UI设计意义、功能有初步的了解, 掌握UI设计的基本形式, 来龙去脉, 市面上的一些案例, 训练学生在设计主题UI方面注重画面的形式美感和使用舒适度方面的设计, 使学生具备主要常用的一些APP主题界面的设计能力和精细ICON图标的表现能力。

《UI设计》课程标准

《UI设计》课程标准编制部门课程类型理论+实践(B) 适用专业执笔人部门审核人编制日期《UI设计》课程标准一、课程基本信息课程名称: UI设计学分：课程代码：学时：先修课程：后续课程：无适用专业：二、课程性质《UI设计》是动漫制作技术、计算机网络技术及计算机应用技术等专业的专业必修课程。

“UI”热是近几年来兴起的潮流，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。

还有很多专门从事UI设计的公司也应运而生。

《UI设计》是所有与网络通信软件相关专业课程，该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。

UI界面设计也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。

三、课程设计（一）课程目标设计打开任何一部智能手机，映入我们眼前都是一个个APP图标，而现在的互联网公司基本上都会开发一款属于自己的APP。

在UI设计公司中，根据移动UI设计项目的策划要求，需要UI设计师设计APP界面，包括文字、图片、动画、声音等内容的可以在移动设备上传输的界面，将策划案中的内容、APP的主题模式，以及结合自己的认识通过艺术的手法表现出来，并根据设计需要或客户需求修改APP界面。

所修改的APP界面用于APP排版、测试及发布。

1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握移动UI界面设计方法、理论与设计实例，探索新的风格设计规律。

使学生能熟悉移动UI设计的流程和设计方法，学会系统规划和全局思维，能够完成一整套移动UI系统的界面设计。

（1）掌握扁平化图标和拟物化图标的绘制原则，了解扁平化图标和拟物化图标设计的常见问题。

（2）掌握扁平化图标和拟物化图标的区别及设计技巧。

（3）了解音乐类、美食类、购物类APP设计风格。

（4）掌握音乐类、美食类、购物类APP的设计原则。

ui设计教案18个课时

备课本Lesson Preparation_2013__--__2014_学年第_一_学期Academic Year - Semester课程名称UI设计Course教材名称及版本UI设计T extbook and Edition授课班级2011平面1班Class教师姓名黎丹Teacher审核人周增辉Approver填写说明1、此备课本用来书写教案，适用于所有专职教师、兼职教师和兼课教师。

2、所有承担教学任务的教师需书写纸质版教案，如因使用多媒体教学需要和教学任务繁重，可用电子版教案，但格式必须按纸质版格式，且所有教案的书写应与学期授课计划相符合。

3、备课过程中的各个环节和要素可根据实际授课内容进行填写。

如：授课课题：（教学章、节、标题或项目名称）教学目标和要求：（教学目标一般说应包含知识教学、能力发展和思想教育三方面内容，教学要求是指识记、理解、简单应用、综合应用等层次）教学重点和难点：教学重点，是为了达到确定的教学目的而必须着重讲解和分析的内容；教学难点，是就学生的接受情况而言的，学生经过自学还不能理解或理解有困难的地方，即可确定为教学难点。

教学方法：（讨论、启发、演示、辩论、讲练结合、案例教学、情境模拟等）教学手段：（多媒体教学、录像带、挂图、幻灯片等）授课时间：第周课时累计：教学过程：（体现教学步骤，包括时间分配和教学内容教学进程）作业布置：（含思考题、讨论题）课后反思：（因为课后反思是教案实施效果追记，课前还不能打印，只能课后用笔手写）4、备课本的审核人为各教研室（项目中心）主任。

编码设计大家都很熟悉，但是UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。

UI的本意是用户界面，是英文User和interface 的缩写。

从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。

在飞速发展的电子产品中，界面设计工作一点点的被重视起来。

UI设计培训课程内容

UI高级设计师课程内容-腾科IT教育一．课程大纲1.第一阶段：平面设计（20个工作日）认识PS与工具使用：A.PS介绍PS软件操作，认识PS软件的界面构成，菜单栏、工具栏、属性栏及操作面板等功能；掌握画布的使用方法，并熟悉操作PS软件B.使用PS工具快速作图熟练掌握PS软件的基本操作，了解RGB与CMYK模式，工具讲解（矩形选区、椭圆选区、套索工具、吸管工具、钢笔、画笔、渐变等）常用工具与及图层的学习及掌握，学习各项工具的属性功能及使用技巧；并使用工具快速做出设计图C.PS抠图钢笔工具与路径工具的讲解，对路径选择工具及转换点工具的学习，熟练掌握添加锚点、删除锚点的技巧；使用钢笔工具进行快速有效的抠图操作D.图层样式与图层混合模式使用学习图层样式的特效处理功能，对内阴影、内发光、斜面与浮雕、颜色叠加、渐变叠加、图案叠加、描边、内发光、外发光、投影、关泽、等高线、纹理等效果的认识，掌握常用图层样式，制作更有设计风格的文字、图片特效等；学习图层混合模式中变亮组及变暗组，掌握常用混合模式，如柔光、正片叠底、叠加等模式图像修复与合成处理针对人物面部美化，磨皮、祛斑等，学习图像修复所需要用的工具，如图像修复工具、修补工具、红眼工具、印章等从而进行图像修复的处理，学习通道应用，进行图片抠图，可以用于图片后期处理工作AI介绍A.AI软件认识AI软件的基本功能的，AI矢量软件与PS位图软件的区别，灵活运用两款软件绘制设计B.使用AI软件绘制失量图学习AI软件基本工具操作，认识AI界面，熟悉AI软件中包含的属性与功能，学习常用工具（矩形工具组、填色与描边、选择工具组、线段工具组、画笔工具组、形状变换工具组、实时上色工具、钢笔工具组、文字工具组、渐变工具、混合工具、布尔运算、常用控制面板、路径的填充与描边、形状基本变形操作、路径查找器、文字编辑、复杂渐变与图案填充、混合、路径偏移、图文混排编辑等）；使用AI软件进行时下比较流行的插画设计 Coreldraw介绍A.CDR软件CDR软件的基本功能的讲解B.使用CDR软件绘制失量图学习CDR软件基本工具操作，认识CDR界面，熟悉CDR软件中包含的属性与功能，学习常用工具（选择工具、形状工具组、裁切工具组、放大镜、平移、手绘工具、笔刷工具、矩形工具、椭圆工具、多边形工具、文字工具、线条连接器工具组、阴影工具组、透明度工具、吸管工具、填充与渐变工具、对象管理器、变换、对齐与分布等）综合实训PS软件与AI软件的结合，开始针对案例需求进行设计训练，制作LOGO、名片设计、X展架、易拉宝、折页设计、画册设计等企业视觉识别VI设计2.第二阶段：网站设计（10个工作日）网页排版与配色技巧A.网页排版与色彩理论网页设计及网页设计师的发展方向，学习web设计规范学习页面配色及排版设计，掌握配色技巧及常用搭配，了解色彩及构成，掌握优秀的排版比例，并将这些运用到实际的案例当中B.项目分析项目实战分析，制作企业网站设计、电商网页设计、单页及专题网站设计、HTML5响应式网站设计等C.企业官网实战D.专题设计\单页\电商页面使用PS软件制作“专题页设计”，页面配色与布局排版E.html5响应式网页设计电商广告创意设计A.创意广告设计使用PS软件制作创意广告设计，针对广告设计分析与及色彩调整搭配B.字体设计学习掌握常用字体应用、排版等知识，文字选择、排版、变形，文字效果的演示AxureRP交互原型工具使用利用AxureRP进行产品原型图绘制，交互原型图设计，体会界面层级关系，进行交互设计的考虑综合实战学员分策划与设计电商网站，针对案例需求进行设计AxureRP交互原型，使用PS软件制作电商项目3.第三阶段：UI移动端设计（20个工作日）主要学习各种图标绘制、手机主题设计、APP实战项目、多媒体终端界面设计、智能穿戴设备界面设计、用户体验设计与交互设计。

UI设计课程大纲(初级)

莱茵教育UI设计课程大纲（初级）第一阶段(UI设计基础训练)一套主题、一套工具APP 课程大纲课程包含知识点成果目标展示一、设计思维与手绘基础●移动互联时代UI设计职业发展趋势、行业基础●设计思维与创意，手绘基础构成及素描的方法●2D、2.5D图标构图技巧，图标设计●色彩设计的要点莱茵教育二、2.5D 彩色图标设计入门+UI 设计软件深入●效率软件Fireworks 的入门与软件应用●图标质感的设计方法及实操训练●图标实际应用及设计规范●手机主题图标原创设计三、3周,壁纸,解锁,主界面,widget设计,主题包装（PS 的使用）●手机主题的设计及应用规范●优秀手机主题设计的创意及发散●Photoshop 软件的学习●手机主题设计实战莱茵教育四、手机UI 基本规范、APP 手机应用软件UI 入门和细节设计●苹果iOS-APP 设计入门、手机UI 设计原则●iPhone 平台基本规范及规范练习●工具类手机APP 产品设计实战●移动端产品视觉设计第二阶段(UI 设计进阶学习)3套手机app ，1个网站模块新的课程内容莱茵教育５周iPhone 手机端，音乐、电影、娱乐、数码类APP 设计案例●梳理网站功能功能架构●交互流程图的画法，导航方式设计及各自优缺点●典型界面布局设计注意点●视觉风格表现/细节的处理６周Android 手机端应用案例讲解（讲在线旅行电商APP ，方向自选）●商业项目的相关流程，交互设计要点、交互设计的具体流程●用户体验的了解，项目案例剖析的方法,●竞品分析方法及竞品分析报告●Axure RP 的基础应用,Android 端手机界面布局与规范莱茵教育7周电商+iPad 端产品的设计（在线机票电商iPad 版）PS ●Pad 产品的基本认识和设计规范，电商产品设计注意事项●电商Pad 交互流程和交互展现●电商Pad 产品的视觉风格设计/主界面设计实操●典型界面的设计8周企业网站案例讲解与实战，专题网站设计●网站设计基础入门与流行趋势●网站设计的流程及布局方式●网站基础规范介绍+Logo 特殊字体的设计、Banner 设计技巧●WUI 设计规范，网站专题的视觉设计第三阶段(项目实战与技术进阶)莱茵教育9项目管理实战技术与Axure软件，高级交互设计，用户体验及测试●项目的管理知识与团队培训●传统设计流程与敏捷型设计流程，产品案例经验分享及用户体验测试●Axure高级动态与交互实战●规范文档设计10周-项目实战技术精修，Dreamweaver软件，iOS切图,.9.png切图技巧●iOS切图技巧与Andriod端.9PNG切图实战●HTML语言基本技能●CSS高级运用和技巧●Dreamweaver软件应用与网页界面制作实战11AI软件品牌设计，简历及面试技巧，作业一对一点评●平面印刷知识的了解●AI软件的基础应用,平面设计实战●AI/PS/FW的转换●高级设计师简历撰写及设计师面试技巧莱茵教育12游戏UI，Sketch，模拟面试，双选会●Sketch软件学习设计与设计实战●游戏UI设计项目实战●模拟面试，双选会注意事项，企业双选会●UI设计师认证考试资料来源：莱茵教育。

界面设计课程大纲

界面设计课程大纲课程简介本课程是一门面向设计师和开发人员的界面设计课程。

本课程将涵盖一些基本的设计概念和工具，帮助学生们了解设计原则，从而能够创建更好的用户体验。

研究目标- 了解基本的设计概念和工具，如颜色、排版、icon 字体等的运用。

- 研究了解用户体验设计 (User Experience Design，UX) 和用户界面设计 (User Interface Design，UI) 的关系。

- 掌握设计原则和了解如何将它们应用于各种设计场景中，如Web 应用程序、iOS 和 Android 移动应用程序等。

- 理解交互设计 (Interaction Design) 的基本概念，如何创建简化的界面和易于使用的操作。

课程大纲第一周：界面设计概述- 界面设计的意义和目标- 用户体验设计和用户界面设计的区别- 用户研究和设计工具第二周：基本设计概念- 颜色理论和如何选择配色方案- 字体排版和字体库的运用- 图标和图像的设计第三周：交互设计- 掌握交互设计的基本原则- 如何创建好的用户界面和用户流- 如何设计高效的操作和系统组件第四周：实践案例分析- 应用设计的案例研究- 设计策略和技巧- 设计风格与趋势课程作业- 第一周：界面设计分析- 第二周：设计一个基本的用户界面- 第三周：设计一个交互式界面- 第四周：应用设计案例研究研究方式- 视频教学配合课程讲解- 学生作业和项目- 课程论坛讨论和反馈本课程将为您带来对界面设计的全面了解和掌握，并提供实践案例以促进学习。

欢迎加入本课程，与我们一起探索界面设计的奥秘。

《UI设计(实践)》课程教学大纲

《UI设计（实践）》课程教学大纲英文名称：UI design课程编号：130527040课程学时：48 学分：3设课方式：独立设课适用对象：编辑出版学本科专业三年级学生大纲主撰人：大纲审核人：一、本实验课程教学目的与基本要求《UI设计》是数字媒体艺术专业的选修课程，是在平面构成、色彩构成、动画设计、版式编排设计和商业插画设计等课程基础上的延续和提高。

课程几乎涉及到了二维设计领域基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。

UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。

二、实验项目一览表实验教学目的和要求：（1）本课程以上机实践为主，配合课堂教学的内容和进度进行；（2）课程采用理论与实验相结合的方式,在理论上讲授相关的知识及要求,在实验课中所实验的内容即为上理论课的内容；（3）本课采用应充分发挥学生的自主学习性,在实验课上鼓励学生在做好课实验的基本上进一步去制作及学习其它的相应内容；（4）本课程的实验教学具有很强的操作性，主要需要的实验设备必须有装有UI设计软件和计算机等，其中多媒体计算机必须具有光盘刻录，必须连接音箱和录音话筒或耳麦。

（5）教学以学生自主操作，教师现场指导为主，教师主要是讲基础知识、基本原理、基本方法、操作的一般技巧，要求一人一机。

要求学生对理论课上的内容必须独立完成,如果出现问题,教师可以通过相应的提示或直接提出,同时对于一些公共问题,教师在解决的同时还要再多讲一些方法。

三、考核方式1、实验平时成绩：（1）实验考勤：每次考勤分出勤（2分）；请假、迟到、早退（1分）；旷课（0分）记分。

（2）实验报告：要求写明实验设备名称和型号、实验步骤、实验分析及注意事项。

分优秀（4分）、良好（3分）、中等（2分）、及格（1分）和不及格（0分）记分。

《UI设计》教学大纲

UI 设计（全彩慕课版）教学大纲一、课程信息课程名称：UI 设计（全彩慕课版）课程类别：素质选修课/专业基础课课程性质：选修/必修计划学时：24计划学分：2先修课程：无选用教材：《UI 设计（全彩慕课版）》，叶军江韵竹编著，2021年；人民邮电出版社出版教材；适用专业：本书可作为高等院校UI 设计类课程的教材，也可作为UI 设计相关工作人员的参考书。

课程负责人：二、课程简介本书全面围绕UI设计的相关知识和操作技能展开讲解，内容新颖，深浅适度，知识全面。

在形式上本书完全按照现代教学需求进行编写，适合实际教学。

在内容上本书不仅对UI设计的基础知识和常见设计规范及方法进行了介绍，还通过实例的形式，对不同类型的UI设计进行了介绍，理论与实践相结合，具有较强的实用性。

同时，为了帮助读者快速了解UI设计，并掌握不同类型的UI设计方法，编者在阐述理论的同时，结合大量设计案例，使读者能将所学知识应用于实际工作中，更满足行业的需求。

本书第1～4章主要对UI设计相关的基础知识进行讲解，第5～6章主要对网页界面设计、App界面设计进行讲解，第7章主要对界面的标注、切图与动效制作的方法进行讲解，第8章则通过综合案例讲解完整的电商主题界面设计与制作方法。

三、课程教学要求注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。

“关联程度”栏中字母表示二者关联程度。

关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。

“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。

四、课程教学内容五、考核要求及成绩评定六、学生学习建议（一）学习方法建议1. 理论配合实操进行学习，提高学生的实战动手能力；2. 熟练操作软件进行UI界面的设计与输出；3. 能够熟练制作各种类型的UI界面。

（二）学生课外阅读参考资料《UI设计基础与实战项目教程（微课版）》夏琰编著，人民邮电出版社出版《UI设计（全彩慕课版）》叶军编著，人民邮电出版社出版七、课程改革与建设本书以UI设计的理论和技术为基础，采用理论与实践结合的编写方式，通过大量UI 设计案例来阐述UI设计的方法，并结合实际操作讲解和微课视频等方式帮助读者提升UI 设计的能力。

UI设计培训需要学什么(内容课程安排).

UI 设计培训需要学什么(内容课程安排从目前我国移动互联网行业发展情况来看, 人才缺口成为最大的问题,很多北京的移动互联网企业难以从高校招收到拥有专业的 UI 设计技术人才, 大部分企业来到兄弟连培训直接挑选人才, 企业将目光集中在兄弟连培训机构。

这些学员都拥有较高的综合素质, 都是大学毕业生, 学历、素质各方面符合我们公司基本的用人需求, 另外在兄弟连学习了四个月的 UI 设计,进入到公司后能够快速进入到项目研发中。

”课程介绍:UI设计第一阶段:商业平面设计/课时数:144(1商业设计流程及规范、Photoshop Illustrator、Indesign 、平面设计与后期印刷、书籍装帧设计、海报招贴设计卡片设计、包装设计、折页设计(2报刊杂志广告设计、DM 广告与喷绘设计、媒体广告、网页广告(3logo 标志设计、画册、名片、信封阶段实训(4logo 标志设计、画册、名片、信封阶段实训(5图片瑕疵处理、婚纱影楼图片处理、色相处理、饱和度处理、曝光与明暗处理第二阶段:传统美术手绘/课时数:120(1 素描关系、造型结构、点、线、面几何造型、静物、设计基础、三大构成、设计构图、光影绘制、材质表现、速写训练、色彩理论(2色彩理论基础、色彩与视觉、设计中色彩搭配、色彩在设计中的应用第三阶段:移动界面与图标设计/课时数:88(1卡通,复古,手工,印章,做旧等图标风格实训、写实图标、 2D 彩色图标、3D 彩色图标实训,游戏图标、阶段项目实训(2PC 客户端软件界面设计、Android 应用设计规范、实例讲解 Android 设计规范、应用交互界面设计、社交类 APP 界面设计、手机系统界面、工具类 APP 界面设计(含交互原型图第四阶段:网页设计与前端技术/课时数:280(1Dreamweaver 、photoshop、Fireworks 、Flash、Axure(2Axure 原型设计、网页界面 UI 设计的配色、Web 界面设计、多风格类型的Web 界面设计(3 (XHTML/HTML5语言、CSS3样式表、网页常见元素的表现形式、布局技巧、Web 前端网页 UI 设计项目实训第五阶段:产品交互与用户体验/课时数:72交互设计、敏捷性交互,体验式设计交互原型图、拓扑图、用户体验、页面元素适配原则、横竖屏切换与设计思路企业型产品项目设计。

《UI界面设计》教学计划表-张

《UI界⾯设计》教学计划表-张郑州商贸旅游职业学院教学进度计划课程名称
总时数64使⽤教材
讲课实操其他教材名称主编版次印刷时间出版社
UI界⾯设计3232UI界⾯设
计
梁哲
2017.7
第1版
2017.7
第1版
河北美术
出版社
周次⽇期教学内容课时教学⽅法作业或备注
2 10.18 .UI设计的流程2+2 讲授+辅导
3 10.25 UI界⾯设计的规范2+2 讲授+辅导
4 11.1 UI界⾯设计⼀致性2+2 讲授+辅导
5 11.8 UI界⾯设计层级性2+2 讲授+辅导
6 11.15 UI界⾯设计情感化2+2 讲授+辅导
7 11.22 UI界⾯类型2+2 讲授+辅导
8 11.29 信息架构设计2+2 讲授+辅导
9 12.6 概念原型设计2+2 讲授+辅导
10 12.13 界⾯设计中的图标2+2 讲授+辅导
11 12.20 图标的设计创意2+2 讲授+辅导
12 12.27 图形界⾯需求2+2 讲授+辅导
13 1.3 界⾯设计中的图标2+2 讲授+辅导
14 1.10 .图标的设计创意2+2 讲授+辅导
15 1.17 图形界⾯的情感表达2+2 讲授+辅导
16 1.24 移动UI界⾯中视觉基本元素设计2+2 讲授+辅导
2017—2018学年第⼀学期
授课班级：16级视觉传达艺术任课教师：张倩系主任（签字）：。

《UI创意设计》课程标准

《UI创意设计》课程标准一、课程概述：本课程分为基础和创意两个部分，系统讲授UI设计的基本知识、图标设计、控件设计以及移动终端UI设计、PC端UI设计和各种智能终端设备的UI设计方法，共计72学时。

课程内容涵盖UI设计基础知识、不同控件及图标的设计制作及配套的项目案例制作等，从简单的图标、控件设计依次上升到复杂的界面设计，完整地讲授创意UI设计的方法和制作流程。

在此基础上，结合行业标准，针对不同智能终端设备的UI界面需求进行整套的创意设计方案，让学生更好地了解UI设计行业制作规范以及UI控件设计制作对不同智能设备制作尺寸大小及外观的要求，掌握行业制作的流程及方法，为学生今后从事UI设计制作工作奠定基础。

二、教学目标通过本课程的学习，培养学生的制作能力，包括：图标的设计制作技术、不同控件的设计制作技术、UI界面的制作技术等，让学生能完成从简单图标及控件到复杂UI界面的创意设计制作；培养学生的创意设计能力，包括：不同风格的图标设计、不同功能的控件设计、不同智能终端设备的界面设计等；培养学生分析问题、解决问题的科学方法，为其后续更深入的学习和实践打下良好的基础。

（一）知识目标（1）理解UI设计的概念、分类及目的。

（2）掌握UI设计的流程及设计原则。

（3）掌握确立UI设计风格的方法。

（4）掌握图标的设计原则及设计流程。

（5）掌握扁平化图标、微扁平化图标及拟物化图标的设计方法。

（6）掌握控件的分类及其功能。

（7）掌握APP的构成元素。

（8）掌握WUI的设计原则及设计规范。

（9）掌握GUI界面组成及设计流程。

（二）能力目标（1）会识别不同终端的界面。

（2）会确立UI设计的风格。

（3）会按照流程设计图标。

（4）会设计和制作不同风格的图标。

（5）会根据功能设计进度条、按钮等不同的控件。

（6）会进行APP导航分类。

（7）会进行不同风格不同类型的APP界面设计。

（8）会按照流程进行WUI设计及网页logo、按钮、导航、Banner设计和制作。

UI设计课程表

够符合企业要求，胜任平面设
计岗位的工作；有产品思维，有良好的沟通和团队协作能力
160
。
通过本阶段的学习，设计师理
解交互思路和交互状态，可以
更好的改进和完善自己的设计
作品；同时可以培养商业化的
160
思维方式，更好的表达自己的
设计想法和思路，培养更高效
的团队协作能力。
通过本阶段的学习，设计师理
解交互思路和交互状态，可以
WEB端界 web端交互设计第三阶段面设计与
实现
熟悉网站设计的基本流程和网站用户的操作习惯，掌握Web端网页UI设计的规范。
前端页面实现
实例讲解HTML代码，CSS层叠样式表，JS 脚本代码，做出可实现响应式的网页，做出实际的页面效果，最终达到完成各类页面的前端制作。
移动端设计基础
对行业知识进行了解，通过商业案例学习 IOS,安卓等平台的设计规范
毕业项目实训
毕业项目创作
掌握如何制作达到企业标准的UI/UE 设计效果。
UI设计课程大纲
目标
学时
展示
学员对行业和课程了解，养成
良好的学习方法和习惯；同时
采用简笔画，分组讨论等方式
培养入学学员的创意策划思维
120
和艺术修养水平；并使用相关
设计软件表现出来，为后继阶
段学习打下基础。
熟悉企业流程和行业标准；能
第二阶段交互设计
第二阶段交互设计 WEB端交互设计商业案例
采用web端产品的实战训练，巩固之前所学的课程，运用Axure进行WEB端产品原型设计。
采用移动端APP产品的实战训练，巩移动端交互设计商业案例固之前所学的课程，运用Axure进行