课程大纲

UI课程大纲

培训时间

培训方式:全日制脱产,每周5天上课, 上两天课休息一天的上课方式,早9:00-晚 20:30。


授课方法

为了让学生更容易吸收,采用跟进式学习方法,每个班级至少有三位老师(讲师、助教、班主任)跟进帮助学生指导学习。每天讲师讲完课后,会将讲课的内容录制视频发给学生巩固学习,不怕你学不会就怕你不努力。


招生对象

对前途迷茫、希望能丰富自己的职场技能,担心毕业即失业的小白人员

希望从事设计行业或对此行业有浓厚兴趣者

不满足现状,希望通过自己的付出打破现状的人

在校大学生希望提升自身技能,毕业后能有更强的市场竞争力


课程大纲

设计课程

第一阶段 Photoshop

1、ps简介和应用

能够深刻的认识PS基本概念,了解PS软件的基本功能及适用范围,对平面设计、网页设计、UI设计、网页前端的简单认识


2、认PS软件及熟练掌握基本

初体验PS软件的简单操作,打开、关闭软件,认识PS软件的界面构成,菜单栏、工具栏、属性栏及操作面板等功能;新建画布及命名、大小、分辨率等相关设置,掌握画布的使用方法,并熟悉操作PS软件技巧及注意事项;


3使用PS快速作图

熟练掌握PS软件的基本操作,对文件模式的认识,了解并熟悉RGBCMYK模式,对矩形选区、椭圆选区、套索工具、吸管工具、钢笔、画笔、渐变等常用工具的学习及掌握,学习各项工具的属性功能及使用技巧,认识前景色与背景色,并学会修改前背景色的颜色;对图层关系的深刻理解,图层排序、对齐的认识,掌握图像大小变化及选区变化修改、羽化等操作,学会定义图案、定义画笔的方法,并借用这些工具功能快速做出简单的设计图及简单的合成图片;


4、专业抠图

认识路径,借用小案例进行钢笔工具的练习,对路径选择工具及转换点工具的学习,熟练掌握添加锚点、删除锚点的技巧;使用钢笔工具进行快速有效的抠图操作;并制作合成图像,使图像过渡自然柔和;认识banner广告设计图,进行banner图、海报图等商业广告的精美设计;


5、图层样式


软件基本功掌握后,学习图层样式的特效处理功能,开始对图像进行精美效果的打造,制作更有设计风格的文字、图片特效等;包括对内阴影、内发光、斜面与浮雕、颜色叠加、渐变叠加、图案叠加、描边、内发光、外发光、投影、关泽、等高线、纹理等效果的认识,掌握常用图层样式


6、色彩调整

对调色工具的学习,可通过调色工具调整图片的颜色,例如:色阶、曲线、色彩平衡、色相饱和度等。


7了解图层混合模式

对图层混合模式中变亮组及变暗组的体验,掌握常用混合模式,如滤镜、正片叠底、叠加等模式;

8、图层蒙版


对图层蒙版的学习,运用熟练的操作将几张图片自然的融合为一张图片,加以文字的修饰说明,多用于制作精美广告图


9、滤镜的使用


学习滤镜菜单,打造更丰富的图片特效,掌握滤镜库特效技巧,对于模糊、扭曲、波浪、渲染、分层滤镜、镜头光晕、云彩、等常用滤镜进行操作训练;


10图像修复


可以快速有效的进行人物面部美化,磨皮、祛斑等,学习图像修复所需要用的工具,包括图像修复工具、修补工具、红眼工具、印章等从而进行图像修复的处理,对通道的理解及认识掌握,能够有效的抠取毛发丝图片,可以用于图片后期处理工作,影楼修图等;


11、案例进阶


掌握时下较为流行的设计趋势及技巧,学习一定的设计规范流程,学习工作中的设计技巧,熟练操作实际设计案例


第二阶段 Illustrator

1认识AI软件

了解AI软件的基本功能及适用范围,区分AI软件与PS软件,一个是矢量软件,一个是位图软件,让学员学会灵活交替运用两款软件绘制设计图;


2、AI软件的基本操作

学习AI软件基本工具操作,认识AI界面,熟悉AI软件中包含的属性与功能,深入学习常用工具,如AI课程概述、矩形工具组、填色与描边、选择工具组、线段工具组、画笔工具组、形状变换工具组、实时上色工具、钢笔工具组、文字工具组、渐变工具、混合工具、布尔运算、常用控制面板、路径的填充与描边、形状基本变形操作、路径查找器


3使用AI软件绘制图标

通过运算绘制比较流行的扁平图标和企业logo,让学员能够熟练掌握绘制技巧

 

3AI艺术字的制作

 

学习通过文件工具进行转曲,变化设计艺术字。


第三阶段 平面实战

平面广告设计,通过基础知识的完全掌握,开始针对实际案例需求进行设计训练,以设计理论为基础,以项目实战为核心,学完能够轻松搞定名片设计、海报设计、户外广告设计、DM单页设计、折页设计、及企业视觉识别VI设计等。


1、名片的制作

经典商务名片设计,名片的设计规范、 不同风格名片的打造、 名片的常用印刷工艺;


2、展架或易拉宝的制作

精美时尚宣传画册设计,精美时尚宣传画册设计;


3平面广告

DM广告制作;


4VI系统

企业形象识别系统概论、企业LOGO,标准色,辅助色,标准字体等整套企业VI手册、企业VI手册解析与设计;


第四阶段 Axure RP

根据公司正规网站项目开发流程,设计师在设计时都是根据原型来做设计,而这个原型是通过axure来实现的,所以做为一个设计师需要掌握怎么通过axure来实现低保真原型和高保真原型。


1、通过axure实现低保真原型

了解axure的基本概念用途,学习axure基础知识通过部件交互面板实现低保真原型


2、通过axure实现高保真原型

针对动态面板深入学习,实现动效,进行界面展示


第五阶段 网页设计实战

1、认识网页

什么是网页设计,网页设计及网页设计师的发展方向,学习基础WEB设计、web设计规范学习页面配色及排版设计,掌握配色技巧及常用搭配,了解色彩心理学,分析色彩及构成,了解黄金分割点,掌握优秀的排版比例,并将这些运用到实际的案例当中;


2、web元素设计

学习时下流行的web元素设计,紧追时代潮流,加强技法的打造;掌握常用各类web元素打造方式,扁平类、立体类、水晶质感类、内凹类、掌握各类比较复杂的按钮与导航打造;


3企业官网实战

掌握WEB结构与设计方法,能自己设计出一些精美企业站点;


4个性化网站的实战演示

欣赏学习各种网站设计风格,结合所学配合排版等进行创意型网页设计;


第六阶段 字体设计


1、字体在设计中的分类



掌握字体设计和字体特效的应用,能丰富你的设计底蕴的同时更让你的设计能力提升到一个新高度。让你在设计行业竞争中提供一个脱颖而出的机会。



2、字体在设计中的风格选择



对不同字体的外观特征进行分析,在不同类型的设计中选持对应该属性的字体类型,能让气氛浓厚,风格统一,能产生更强烈的视觉效果。



3、字体的设计方法



字体结构分析、标题字和正文字的选择、字体设计-线性法(骨架法)、字体设计-笔画拼接法、字体设计-局部改字体、哥特字体设计



4、字体特效的应用与设计



字体特效的应用范围、电商字体特效设计、电影海报字体特效设计、游戏字体特效设计



第七阶段 UI设计

课程主要讲解UI界面设计,以设计理论为基础,项目实战为核心


1、UI基础

熟悉UI发展趋势与人机交互理论,从战略角度分析一个互联网项目,盈利点、运营模式、产品原型、交互设计、用户体验、视觉表现;


2、扁平线性图标绘制

了解线性UI图标绘制技巧,了解线性和填充图标的不同点,通过什么软件可快速实现,提高绘制效率


3、扁平填充及微扁平图标绘制

扁平化图标绘制,微扁平系列图标绘制及展示;


4、立构图标绘制

技法终极提升能力,学习光影、质感的打造;


5、拟物图标绘制


有些图标除了有立体感以外还会追求物体所具有的特殊材质,例如金属,木纹,玻璃,等材质。学完能独立完成各种拟物图


第八阶段 UI项目实战

1、游戏图标绘制

讲解游戏图标绘制技巧


2手机插件设计


学习控件的绘制技巧与尺寸规范,学习复杂
技法的打造



3、安卓版app设计规范



掌握安卓版app设计规范,学会如何和程序员进行沟通,那些尺寸是设计师必须遵循的。包括用户分析、对手分析、功能选定、风格选定、颜色搭配、素材使用、视觉规范、界面视觉设计、界面用户体验设计;



4、app项目制作



深入讲解app整个设计流程及制作技巧



5、iOS版app设计规范



掌握iOS版app设计规范



6、安卓和iOS进行适配



掌握将app设计完后进行切图技巧,及命名规范,进行快速适配。点九切图技巧,gif动画的实现。



7、手机主题图标设计



掌握图标绘制技巧,欣赏手机主题,浏览各种主题风格,体验不同类型手机主题,团队合作主题制作。


第九阶段 After Effects动效

1、AE基础

AfterEffects历史简介;

AE软件功能区划分介绍;

AE常用面板认知;

AE基础运动;

关键帧动画;

关键帧调节技巧;

AE动画原理;

合成的意义;

时间重置和反转控制;

渲染列队;

遮罩动画;

UI动画;

图标动画;

多种缓动效果设置;

2AE动画

手写特效;

箭头动画特效;

loading动画;

图标动画;

banner动画;

复杂文字动画;

黏性动画;

运动跟踪;

视频抠像;

缓动特效设置;

app展示动画;

交互动画

3、AE特效动画

转场特效;

光控制特效;

烟雾特效;

粒子特效;

分形系列特效;

第三方特效;

表达式控制;


代码课程

第一阶段 HTML基础


目标:了解互联网相关知识,掌握网页开发相关基础知识,掌握网页开发软件使用,理解各种HTML标签,熟练应用html书写相关网页案例



1、网页基础理论知识




了解互联网相关知识,了解网页的历史,html历史,网页制作基础知识,了解网站和网页的标准定义;了解web前端标准的相关内容。




2、学习html标签基础语法




掌握html标签的语法要求,网页的基本结构;掌握常用的网页开发工具,介绍DW开发工具的使用方式,DW开发工具的配置,网页开发环境;学习html标签,段落标签,标题标签,文字控制标签,图片控制标签等,掌握标签属性的基本结构,熟练使用标签属性,理解语义标签。




3、学习和应用html标签




系统学习各种html标签,有序列表,无序列表,项目列表,超链接标签,表格制作,表格属性学习,掌握细线表格的制作,掌握表单元素,下拉菜单,form表单的运用;掌握相对路径,绝对路径方式。



第二阶段 div+css


目标:熟练运用HTML+CSS书写网页,通过代码实现常见网页布局,在此阶段将会完成三个页面项目,通过大量的代码实践,拥有自主书写网站页面的能力。



1、css基础


学习认识层叠样式表,了解css的优势,css语法要求,理解css属性的基本结构。


2、掌握div+css

掌握学习css不同属性,理解divspan标签,理解css盒子模型,盒子模型的内边距和外边距,了解盒子的边框属性;理解盒子的显示模块特性,掌握块级元素和行内元素的特点,掌握内外边距的简写方式。


3、css选择器和css书写方式


学习掌握css的选择器类型,ID选择器,类选择器,标签选择器,通配符选择器,理解选择器之间的权重优先级;熟悉ID选择器的唯一性,类选择器的可复用性,掌握css的书写方式,内嵌式,外链式,行内式


4、网页布局技术

学习掌握网页中不同的布局方式,标准文档布局方式,浮动布局方式,定位布局方式,深刻理解各种布局方式,达到灵活应用书写各种网页布局。


第三阶段 网站项目实战

目标:学习网站项目的开发流程和注意事项,掌握时下流行企业网站以及电商网站静态页面的开发。学完本阶段后可掌握企业网站以及电商网站的常见布局结构,可独立完成企业网站和电商网站的页面开发。


1、了解项目开发相关知识

了解线上项目的开发流程,项目管理;分析企业和电商项目的不同页面结构,掌握页面切图的相关软件工具,了解页面切图的技巧和注意事项。


2、企业网站项目开发

掌握企业网站项目的开发流程,了解企业网站项目的页面结构;掌握企业网站项目,首页,列表页,详情页不同页面的制作方式;了解网站logo语义加强,整体结构语义化结构的实现,学习标题标签,段落标签等的重点使用,提高网站的整体语义;了解SEO搜索引擎优化的实际应用,学习设计网站关键词,网站描述等SEO设置


3、电商站项目开发

分析了解线上大型电商站项目的开发方式,开发流程;掌握电商站常见的结构布局,熟练书写电商网站;掌握书写电商站的高级技术,落空类应用,margin负值的巧妙应用。


第四阶段 JavaScript基础

目标:掌握JavaScript的基础语法,常用JavaScript属性和方法,通过大量的代码实践,能熟练应用JavaScript技术书写线上下拉菜单,淘宝图片切换,线上搜索框效果,线上tab栏,焦点图制作,跑马灯效果等常见网页特效;掌握函数封装等技术。


1、了解JavaScript作用和基础语法

学习了解JavaScript的作用,体验JavaScript的不同用途;了解函数的基本结构,学习常用的JavaScript函数,警示框函数,提示框函数,掌握document文档对象,ID获取元素方法;深刻理解变量的定义,声明变量的注意事项;深刻理解事件的定义,事件的使用方式,不同的事件类型。


2、掌握JavaScript数据类型和函数

学习了解JavaScript的不同书写位置,掌握不同JavaScript方法的使用及特点;深刻理解JavaScript数据类型,字符串,数值型,布尔型等;深刻理解JavaScript函数,掌握自定义函数,了解不同的函数封装方式;掌握理解函数返回值。


3、重点程序语句学习

学习了解分支语句,熟练应用各种逻辑判断语句,单项判断语句,双项判断语句,多项判断语句;掌握不同的JavaScript运算符,比较运算符,逻辑运算符,数学运算符;学习掌握定时器函数,单次定时器函数,循环定时器函数,掌握定时器动画的制作方式;学习循环语句,深刻理解循环语句的结构和特点,理解循环语句的应用。


4、数学对象和JavaScript高级应用

掌握JavaScript的执行顺序,熟练应用代码分离结构;了解学习数组的定义,掌握数组的基本结构和声明方式,理解数组的使用方式;学习Math数学对象,熟练应用随机数函数;深刻理解循环语句的遍历和群控制;理解this的特点和使用方式;掌握自定义属性的使用方式;理解排他思想,及综合使用。


第五阶段 JavaScript框架

目标:学习掌握jQuery框架,使用方法和书写步骤,掌握jQuery核心属性和函数,了解jQuery的链式编程思想;书写各种线上大小写案例,掌握各种网页特效的书写方式,能自主书写各种网页特效,tab栏,自定义下拉菜单,大小型轮播图,焦点图,手风琴效果,页面产品展示,楼层跳转,无缝滚动等网页特效


1、jQuery基础和jQuery选择器

学习了解jQuery框架,体验jQuery框架优势;学习掌握jQuery的核心函数,显示隐藏函数,css控制函数,html控制函数,html属性控制函数,滑动动画函数;学习理解jQuery的选择器系统,基础选择器,过滤选择器,筛选选择器系统


2、jQuery动画

掌握jQuery特有hover事件,了解jQuery的动画排队机制,制作淘宝商品展示案例;学习jQuery的类控制函数,透明度动画组函数,掌握透明突出显示特效;学习并掌握自定义动画函数,通过自定义函数制作不同的动画效果


3、焦点图特效

学习书写线上案例,掌握自定义动画函数的应用;理解加工函数的使用方式,掌握手风琴特效的制作方式,焦点图特效案例,学习事件对象,制作鼠标跟随效果案例;学习掌握无缝滚动焦点图的制作方式,学习jQuery的快捷修改函数


4jQuery的节点控制

学习掌握jQuery中的节点控制,掌握节点控制的步骤和函数,理解创建节点,节点追加不同函数,删除节点,修改节点等函数,实现新闻发布效果,微博发布效果,掌握模态窗口的制作方式;熟练书写淘宝高级焦点图特效。


5jQuery高级应用

学习了解网页滚动事件,深刻理解网页滚动事件的原理,掌握设置网页滚动坐标值的方式,获取标签的文档坐标值,制作返回顶部,返回底部案例;制作楼层跳转案例,掌握函数截流,闭包高级技术;掌握大屏banner焦点图的特点和制作方式。


6、jQuery项目实战

学习webAPI使用;分析前端工作流程,工作中项目添加js特效的注意事项;综合应用所学js技术,给线上项目添加整站网页特效。


第六阶段 html5+css3

目标:掌握时下热门的html5技术,系统学习html5+css3技术,制作绚丽的网页动画效果,制作酷炫的个性网站,掌握适配不同终端的响应式网站开发方式


1、html5语义化标签

了解html5的发展历史,发展趋势;学习掌握html5基本结构,文档DTD,字符编码设置;掌握html5新增语义化标签;学习视频标签和音频标签,掌握视频标签控制,视频API


2、html5新增标签

综合应用音频标签制作炫酷的音乐导航,学习掌握温度计标签,进度条标签,数据列表标签,细节标签,标记标签,和html5新增的表单类型;学习css3中重要属性,圆角属性和投影属性。


3、css3核心选择器和属性

学习css3新增的选择器,掌握重点选择器: :before:after伪元素选择器,学习背景起源属性,透明颜色设置模式,背景裁切属性,背景尺寸属性;渐变色的设置方式,掌握css3的多列属性,box-sizing属性等,学习多背景的设置方式


4、css3高级属性和空间三维体制作

学习css3的高级属性模块,掌握理解transform转换模块,transition过渡模块,animation动画模块,深刻理解三大模块的使用方式及注意事项;学习掌握空间三维体的构建方式,理解三维透视,三维参照物属性;制作三维焦点图特效


5、响应式网站开发

了解时下流行的响应式网站相关知识,掌握媒体查询,学习响应式网站的开发流程,深刻理解媒体查询的工作方式,掌握媒体查询的不同使用方式;了解百分比布局;书写线上响应式项目,适配不同终端设备,掌握pad端,移动端页面的开发技术。


6、html5项目实战

书写大型线上案例,掌握流行的滚滚屏网站开发方式,综合运用html5+css3+JavaScript技术,巩固所学知识。


第七阶段 框架项目实战

目标:学习工作中常用的框架,能快速开发出高质量的网页项目,提高工作效率,高网页的兼容性;掌握Ajax技术和使用技巧;掌握流行的Bootstrap框架,快速开发响应式网站。


1工作常用流行框架

学习掌握工作当中流行的框架工具,Animate.css框架,wow.js框架,快速制作常用的css3动画交互效果;学习less使用技巧,提高css的开发效率;学习scrollreval.js页面滚动显示动画框架。


2、移动端开发框架

学习常用的移动端页面开发框架,通过实际项目,掌握swiper.js 和zepto.js移动项目开发框架。


3、Ajax技术

学习了解Ajax技术,通过项目实战,掌握前后端数据交换方式,能快速应用Ajax技术进行数据填充,数据验证。


4、Bootstrap框架

学习掌握热门的Bootstrap框架,通过实际项目应用,熟悉Bootstrap框架的使用方式,通过Bootstrap开发可以适配不同终端的响应式网站。