UI设计全精通课程节点大纲

- P A -

Photoshop 软件学习阶段

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握ps的UI基本功，把握不仅仅限于UI设计的PS综合商业应用能力，从零开始，打下扎实的软件基础		（1）PS发展历史和基础工具知识选区的定义，及使用方法（2）新建命令、分辨率及颜色模式理论知识讲解（3）选框工具及选区运算及快捷键运用，可利用选框工具绘制剪影图案（4）Ps参考线及图层调板的使用和命令
（1）掌握ps 上色方式渐变工具及渐变编辑器的使用（2）掌握物体光影关系讲解，高级渐变的使用方法，物体虚化方式掌握羽化命令及高斯模糊		Ps上色方式及渐变应用倒影、阴影的制作
掌握ps 异形图形建立，矢量图层的建立，形状路径的建立		Ps 文字海报及折页的绘制
（1）掌握ps 钢笔、魔棒、套索工具的使用方法，了解通道定义，并运用通道抠图 (2)掌握拼贴设计，学会运用网站上的素材搜索引擎		ps中抠图工具的使用及通道的使用
掌握PS图像拼贴设计，多种图像修片模式。掌握ps调整图像的方法及命令，区域调整及多图层调整的方法，混合模式命令的使用		Ps图像调整
掌握 Ps中蒙板在全职业通道范畴内的应用		非破坏性操作的应用
（1）掌握ps 如何修复修补图像，修复工具组的使用及仿制图章工具，画笔工具 (2)掌握图像修复技术应用，与图像调整结合，滤镜的使用		Ps照片修复与修饰技术应用

- P B -

Illustrator软件学习阶段

学习内容/教学节点图示	目标范例示图	目标成果标准
结合当下时髦的设计趋势，在课程中融入了2.5D插画的设计，平面设计风水学，字体设计新趋势等，让学员学习软件的同时，了解到当下市场常用的设计手段和技巧		（1）矢量图与位图，AI界面详解和视图控制工具（2）选择类工具及基本形状工具介绍（3）文件的存储及文件格式了解掌握矢量绘图软件的基本操作
掌握AI中的变换命令、工具，及对齐调板和路径查找器调板的使用		图形图案设计及AI中的物体调整方式方法
掌握ai路径的创建及调整颜色命令调板的应用		（1）学习AI中的钢笔、铅笔、平滑、路径橡皮擦、剪刀、刻刀等工具的使用（2）图像的导入及实施描摹的使用（3）颜色调板及色板调板，渐变工具和渐变调板，混合工具及网格工具
（1）AI中标准图形的绘制方法（2）文字工具的使用，掌握标题文字、段落文字及路径文字的使用，字符调板及段落调板的使用		掌握规则绘图方法，及文字排版方法
掌握AI中蒙板的使用，剪贴蒙板，文字剪贴蒙板，不透明度蒙板，不透明度调板的使用及图层调板应用		熟练使用蒙板及应用
掌握画笔调板、符号调板、图形样式调板、外观调板		熟练应用AI中各调板
熟练使用AI绘制图像		综合实例应用

- P C -

InDesign 软件学习阶段

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握ID使用基本理论，了解纸媒、网媒书籍类排版，学会UI设计中的ID排版技术，才是全面的通用型UI设计师掌握ID使用基本理论，了解书籍。掌握ID基本工具使用		1.ID界面详解和视图控制工具,新建命令调板理论知识讲解 2.基础工具讲解，选择类工具，绘图类工具及页面调板
掌握ID色彩调板应用，文字的输入、导入及处理方法，字符调板和段落调板的使用掌握ID针对文字的处理调板，段落样式及字符样式		1.学习ID中颜色调板，渐变、羽化渐变、吸管工具 2.文字工具和文字处理方法，文字编辑版式
掌握ID中图像的导入及图像处理，掌握基本画册等宣传品的ID应用能力		学习ID图像调整处理的综合技巧处理,ID中参考线，图层，版面菜单等辅助工具的使用
掌握利用ID进行图文混排的画册设计,掌握表格调板、单元格样式、表样式调板的使用		ID图文混排画册的设计技巧,学习ID中表格的绘制方法,ID 画册项目实例设计

- P D -

CORELDRAW 软件学习阶段

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握矢量绘图软件的基本操作		（1）矢量图与位图，CDR界面详解和视图控制工具（2）选择类工具及基本形状工具介绍（3）文件的存储及文件格式
了解CDR中的变换命令、工具，及对齐泊坞窗和曲线调整的使用		CDR中的物体创建调整方式方法
掌握CDR曲线和点的创建及调整颜色命令调板的应用		（1）学习CDR中的钢笔、贝塞尔、刻刀等对点、曲线调整工具的使用（2）图像的导入及实施描摹的使用（3）颜色泊坞窗，渐变工具和渐变调板，曲线工具及网格工具
掌握CDR中标准图形的绘制方法掌握文字工具的使用，掌握标题文字、段落文字及路径文字的使用，字符泊坞窗及段落泊坞窗的使用		学习规则绘图方法，及文字排版方法

- P G -

UI界面通用设计理论、方法与流程

学习内容/教学节点图示	目标范例示图	目标成果标准
详实掌握视觉设计要素的通用理论基础知识，作为长期发展的基石。扎实的设计理论根基是从事平媒视觉设计的核心		1.色彩、图形、文字的基础知识详实讲解。 2.色彩、图形、文字的应用方法和设计方法。
掌握“版式”设计的通用能力。掌握各视觉要素之间搭配和谐美观的关键性方法		1·视觉原理。版式设计中的各类名称和规范。 2·网格系统的原理和应用。 3·版式设计中的点线面应用。 4·规范中的灵活布局。
了解经典设计风格和艺术设计大师的风格特点，丰富设计知识，便于在以后的设计作品中应用和表达。		1.讲解设计风格流派的特点特征和主导思想。 2.各设计风格的代表人物和作品。掌握各风格流派的特点并应用到自己作品中
掌握UI平面创意设计的要义和技法创意是设计的灵魂，运用定位分析，精准的进行创意设计是很有必要的，作品才会使人过目不忘。通过对经典案例的分析，启发获得创造性思维		1·横向思维与纵向思维的结合 2·头脑风暴的训练 3·思维导图的模式训练 4·学习激发产生创意的方式方法
掌握LOGO、标识（扁平化、立体、矢量、文字标识）设计理论和实技，通过详解，全面掌握设计方法，并独立完成构思过程，且能够设计出成熟的logo作品		1 ·logo的表现方式有哪些 2· logo的构思、设计和绘制方法 3 logo设计中注意的问题 4.logo设计的流行趋势

- P H-

GUI设计理论实践课程阶段

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握印刷标准工艺知识和规范，拓展UI设计师的跨界设计能力和就业通用性，拒绝做不懂纸媒设计的半吊子设计师。印前--印后流程是检验设计师专业度的一个重要方面。熟知印前印后注意事项，避免设计到印制出现的问题。		1·文档设置：尺寸、新建、出血 2·纸张尺寸单位 3·印刷工艺制作及流程 4·印前注意事项 5·实践案例
掌握企业名片和个性化创意名片的设计通过企业真实项目案例训练，掌握图文平面字体、色彩、构图、版式设计的核心技术掌握产品海报、DM宣传单、产品宣传册的设计方法和规范，能够独立完成个性主题设计纸媒套餐掌握多平台相关网站案例制作		1.不同类型名片案例，企业名片、个性、创意名片等，掌握名片相关的字体、排版、格局的设计风格应用，设计自己的个性化名片 2.通过课堂实践训练强化学习平面布局、图文排版、色彩搭配、特效处理等平媒界面设计的通用技巧在案例实训中学习商业海报、DM宣传单、产品宣传册的设计方法和规范

- P I -

网站前台平面美工/UI设计课程

学习内容/教学节点图示	目标范例示图	目标成果标准
熟悉HTML概念、语法及常用基础标签，HTML代码基础及CSS层叠样式表概述，掌握HTML、DW网页制作必备技能		认识网站，网页的架构。学习DW界面和其功能
网站布局、链接、表单等制作，JavaScript，html5+css3，掌握网站按钮、图标、广告banner、pop等设计掌握多平台相关网站案例制作从网站的框架布局入手，开始制作博客网站、企业展示网站、电商网站页面满足市场常见建站需求		1.表单标签的编写规范、嵌套规范以及相关属性的用法讲解。 2.JavaScript语言，掌握它的语法、数据类型、基本算数和逻辑运算操作 3.常见的html5标签讲解css3的圆角、阴影、旋转、缩放、以及速率等属性值。 4.搭建网页HTML结构，并掌握网布局相应知识与技巧。 5. 针对CSS中的基础布局以及经典的布局展开详细的讲解。

- P J -

网站UI设计高级/UE项目经理

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握高级商业网站项目的研发-设计-制作流程任何项目设计之前需要先落实需求。如何把甲方领导的需求整理为设计的语言？如何把用户的体验融入到我们的设计之中？团队中的同事们是如何协作的？我们和大家一起去模拟工作中实际的场景。让我们了解项目需求与团队协作，用产品经理的思维去构建作品		进阶学习网站研发流程，需求分析、用户场景模拟、竞品分析，根据产品的用户定位进行设计。
掌握网媒设计的可用性原则。学会色彩与注意力集中 AIDA(注意力、兴趣、期望、行动）分析；掌握主题网站UI设计流程：需求分析、整理需求、产品思维解析、原型设计、产品立项。结合竞品及当前产品的不足，应用xmind等思维导图软件，让我们的规划更具协调性与专业性。如何使我们的UI规划，让领导满意，让同事佩服。这一步至关重要，要不后面的全部设计都白忙乎了		用户如何思考、使用整洁连贯的视觉设计、交互的体现、建立良好的导航、组织网站的内容、提供站点地图、AIDA(注意力、兴趣、期望、行动）
掌握网站响应式布局的设计能力理解CSS3的变化、新增概念和理念，及其CSS3新增的选择器掌握设计元素如何扭曲、移位或旋转，让我们可以更自由地装饰和变形HTML组件掌握在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等掌握html5部分进阶技巧，可使用html5+css3 完成页面动画效果制作，可独立完成页面特效开发		深入学习使用HTML5+CSS3设计和架构网页实操搭建网页HTML结构，并深入掌握网站布局相应知识与高级技巧。对前面知识的综合实战项目训练，熟练掌握网站UI设计的核心技术
结合配色、栅格布局、文本属性、导航设计等设计规范，独立绘制网页UI设计项目，掌握不同用途不同类型的网页UI界面设计的特点和规范。独立完成拟真商业项目的设计制作		页面宽度标准、网站用色、字体字号、页面布局标准、网页栅格系统讨论、表单设计规范、导航及按钮规范、网站留言标准、图片命名及输出。

- P F -

UI/GUI创意手绘课程

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握素描手绘是一切造型艺术的基础，在这个模块中，我们摒弃了传统的职教模式，以快速进阶的形式学习，使之能在短时间内便掌握应用光影色调造型绘制物象的窍门，同时使其形象思维和发散性思维得到充分的历练和提升。		简单几何体写生一点透视，两点透视，三点透视，点线面训练三大面五调子的光影明暗色调表现
这个模块,主要临摹生活中的静物组合，目的在于训练学员光影光影，构图关系等，为以后的图标设计塑造打基础的。		光影素描/静物临摹
写生主要锻炼画者对物象的观察力,理解力以及对事物的处理分析能力		素描静物写生，结构、光影综合训练
点线面构成是平面设计的基础，增强学员设计艺术素养，提升徒手技能		完成9张平面立体构成要求要有对比，前后，空间等设计
色彩搭配训练是设计中的重要组成部分，无论是哪个行业色彩起着至关重要的作用，课程采用“彩铅图鉴小稿”的练习，既能节省大量时间又能有效地提升学员的色彩感觉。		平面/UI创意手绘色彩训练
单纯只会软件设计已经远远不足以达到客户或广告公司的要求，学会板绘，拿出个性原创的作品，才是征服面试官的“必杀绝技”。这个模块中，讲师带领学员使用手绘板制作出创意的“Q版人物造型设计”，为学员面试4A级别广告公司提供黄金敲门砖。		小白也可以学会的板绘创意设计
在素描和色彩训练的具象写实基础上，进阶商业插画设计，开阔眼界和适应领域，包括构图设计，色彩搭配，人物设计等。材质感的绘制也是平面UI手绘的重要元素，这个模块中，通过主题设定和“思维导图”，掌握UI图标图形的设计与绘制		用素描彩铅等方式表现不同情境的插画图形图标设计用素描彩铅等方式表现不同质感的图标设计
手绘LOGO设计和字体设计是一个公司的企业视觉形象的代表，大量的手绘LOGO实战练习，可以在短时间内提升设计师创意思维		1、认识笔刷 2 、手绘板手写风格分类应用 A 传统书法 B 创意丑字 C 手写卡通字体 D 手写板字体排版与应用
在掌握以市场现实商业项目为主题的移动UI界面手绘技法，完成从低保真质量的效果图直到完成高质量效果图设计		移动端平面媒体UI界面手绘设计流程和技法
通过企业项目或模拟提案，让学员在短期内掌握商业设计的实战经验。		大量的手绘练习，草图大师培训课程，在创意手绘课的最后环节，通过真实的企业项目案例，学习完整的设计创意流程

- P K -

C4D在UI设计中的应用

学习内容/教学节点图示	目标范例示图	目标成果标准
熟悉界面布局掌握基础操作 1 视图的基本操作 2 场景物体基本操作重点掌握视图及物体的旋转、移动、缩放等变换操作；掌握坐标系操作技巧；分辨物体层级，建立多边形思维		1各主流三维软件概述 2界面及基础操作
理解几何体各参数作用及关系，根据实际比例绘制几何体并修改参数；掌握常用样条线的绘制方法及特征，根据实际应用正确绘制样条线		建模基础知识几何体与样条线 1几何体辨识及修改 2样条线辨识及修改
掌握NUBBERS建模复合建模建立适合自己的三维观察角度，充分了解自己手中的工具，完善自己的空间构图和空间造型能力		1 样条布尔 2 布尔 3 晶格 4 放样操作 5 扭曲，锥化
掌握常用文字效果建模兴趣源于成就感，简单并不代表容易，越简单越需要精湛的细节		文字效果建模 1 硬边文字 2 软体文字 3 融化的冰激凌字 4 常用电商文字
1掌握电商场景特点 2熟练使用软件搭建栏包、片头片尾等简单场景搭建		电商栏包场景建模
掌握C4D材质文理和灯光设置模型是躯壳，材质是灵魂，动画是生命，灯光是性格，根据自己的特长，爱好来学习掌握		材质基础知识 2 卡通材质预制 3 发光材质预制 4 工业材质预制 5 其他常用材质 6 灯光基础 7 灯光应用
熟练掌握软件的操作，并能够独立完成相应的作品通过这段时间的学习，基本可以担当的电商表现，UI三维效果制作，常用文字效果表现，场景搭建等工作		阶段性实训大作业完成首页主BANNER推广图片及首页全套图标按钮设计制作（可临摹，可原创）完成图示场景搭建，并赋予材质，进行简单渲染

- P M-

AE — UI界面动效设计

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握AE的基础知识和基本操作，包括各种窗口和面板的操作方法，导入素材,文件夹的使用，创建合成，图层的应用，各种工具的使用等。一切动效的基础，只有基础夯实，才能拿到动画领域的开门砖		1界面基础 Project(项目)窗口 Timeline（时间线）窗口。 Aftery Effects的图层。 Composition（合成）窗口。 Tools（工具）面板。 2操作与输出 Flowchart（流程图） Effects Presets(效果预置)面板 Time controls（时间控制）面板
掌握AE的图层属性、素材的自身属性、图层之间的各种合成与效果。理解通道的用法，利用通道简化制作。		图层属性与应用 1图层概念 2图层属性 3图层样式 4混合模式 5黑白通道图的应用 6轨迹蒙版的使用
深度理解和掌握蒙版与形状的用法，扩展制作思路与手法。大千世界是由各种各样的形体构成的，真实世界千奇百怪，但是万变不离其宗，简化我们眼中的世界，并同别人分享，这便是我们应用蒙版与形状的目的。		蒙版与形状 1 钢笔工具 2形状工具 3图层绘制蒙版及应用 4形状图层的使用 5形状图层动画 6蒙版与形状相关应用
表达式一向是我们学习的难点，很多学员都对表达式抱有抵触与接受不了，但是如果表达式能够灵活运用的话将对制作带来很大的帮助。国人常对于表达式有一定的认知屏蔽，一者难以接受，二者盲目崇拜，其实没什么了不起		表达式基础 1表达式概念 2表达式基础 3表达式的基本应用 4表达式高阶
掌握UI动效设计相关。作为UI设计中的展示环节，其中的动效制作不同于传统的AE应用，制作UI动效不需要太绚丽、夸张，目的是一目了然，一观则详，这是动效的精髓，做到潜移默化、润物细无声就好。		1 UI动效基础 2 元素动画 3 界面动画 4控件动画 5粒子动画 6 UI相关实战
MG动画是近年才兴起的一种表现手法，MotionGraphic的缩写，中文叫图形动画。也可以称之为扁平化动画。理解MG动画的制作原理，具备制作出有一定主题的动画短片的能力。作为一个动画人，三维动画有点太技术流，传统二维动画有点太艺术流，而MG动画，可以使我们每一个人都成为自己的动画师，把自己的故事可以分享给其他人。		MG动画设计 1二维动画新做法 2 MG物件动画 3 MG人物动画 4 MG场景动画 5 第一阶段课程作业

- P N -

移动UI界面交互设计

学习内容/教学节点图示	目标范例示图	目标成果标准
建立移动UI设计的基础习惯，掌握移动UI的Ps常用工具操作技巧。 PS与AI协作图标拆分组合，图标组合		形状工具的应用形状工具的运算 ps绘制各种图形Ai新建命令，分辨率，颜色模式 Ai，ps互相协作 Ai形状工具，路径查找器的使用，渐变工具，圆角滤镜的使用 logo拆分组合与创作
掌握移动UI图形绘制掌握各种风格的UI图标处理手法图标是许多用户界面的重要组成部分，可视化地表达对象，动作和想法。他们会传达产品或动作的核心理念和意图，并为用户界面带来许多好处。图标是优秀的用户体验的很重要的一部分，所以说，想做好用户体验，优秀的图标设计必不可少		1.功能图标的设计 2.扁平图标的设计 3.长投影图标设计 4.拟人化图标设计 5.写实图标设计图标展示GUI设计
了解ios设备发展史了解ios系统各版本特点掌握ios7.0-10.0的设计规范掌握ios11-12的设计规范		IOS设备设计史及设计规范
掌握iOS的界面设计技巧		1.ios机型种类，ios的个版本系统设计规范 2.ios系统预览、标注、切图、导出 3.最新机型的设计图适配 4.针对苹果iOS移动端经典APP应用产品的全案实训
紧追设计前沿趋势掌握最新iphone的设计规范		Iphone x系列的产品特性，显示特性。 iPhone XS 、iPhone XS Max、iPhone XR的设计规范
掌握Iphone 各个版本机型向上向下的适配		Iphong5→iphone8适配 Iphone8→iphone 8s 适配 Iphone8→iPhone x适配
掌握安卓系统的广泛性设计规范，操作逻辑，设计技巧。实现自己设计的产品在手机上运行		安卓设备的特点安卓系列的设计规范安卓设不同屏幕大小的适配设计安卓经典应用产品的案例实训
掌握同一张设计图适配安卓设备，ios设计图适配安卓设备。工作时间是很珍贵的，所以需要设计一张图实现所有设备都可以用，来看看是怎么实现的吧		安卓、ios两系统互相适配
掌握移动UI设计的项目标注和项目输出		1. px，pt单位换算 2.ios，安卓系统标注规范 3.ios，安卓系统切图输出规范 4.输出文件合理的整理方法

- P O -

UI / UE交互设计的用户体验管理

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握市场调研问卷剖析的方法学会分析痛点需求，用户细分、建立虚拟用户掌握用户研究、场景剧本、角色创建以及需求提炼的UE方法		1.用户调研 2.用户需求分析 3.用户痛点捕捉。
掌握为一个庞大的产品设计出蓝图框架，在蓝图框架的基础上一点点的将我们的产品变的充实掌握UE产品逻辑规划及产品方案设计的标准、方法和流程		1思维导图设计 2方案需求评审分析 3workshop脑暴方案确定 4资源投入产出取舍
掌握Axure RP软件，不同平台交互特点 UI原型图绘制/流程图设计及文件导出		1.Axure软件的熟练应用 2.建立交互逻辑思维 3.交互demo 4.流程图设计及修改
快速制作低保真效果图，低保真图转换高保真demo效果图，掌握XD的交互动效，掌握高保真效果图快速设计与交互动效设计的标准、流程和方法		1.XD快速建立高保真效果图 2.Principle软件的熟练应用 3.APP各种风格页面的设计窍门 4.项目demo手机预览操作导出

- P P -

移动UI交互设计综合项目实训

学习内容/教学节点图示	目标范例示图	目标成果标准
掌握项目分析，项目把控，进度计划等产品管理和执行能力。通过独立完成拟真市场项目，掌握成为优秀UE产品项目经理、UID及GUI的整套工作标准		1工作中项目分析，项目主次工作分工 2项目工期评估 3项目工作梳理 4项目设计风格确立 5GUI设计，动效设计，展示demo设计综合之前掌握的多重技能，独立完成普适或典型的商业应用的APP项目，掌握不同用途不同类型的APP界面设计特点。制作APP展示效果的GUI展示图，阐述产品优点及特色内容。