课程大纲

全栈设计课程大纲

培训时间

培训方式:全日制脱产,每周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手册解析与设计;


第四阶段 UE交互设计
不论你是UI设计师还是网页设计师,还是产品经理、原型交互设计的重要性似乎是显而易见的。原型交互设计让设计师和开发者将基本的概念和构想形象化的呈现出来,让参与进来的每个人都可以查看。降低了沟通成本,最大化的提升工作效率,本课程主要讲解怎么制作原型交互和注意事项

1、互联网项目开发流程

概述整个互联网项目的开发流程,参与者的职责所在

1、需求采集和分析(用户需求+产品目标)

2、主要采集和分析的方向:目标人群定位   行业竞争   盈利模式

3、产品需求文档(Product RequirementDocument,PRD)和原型设计(demo)

4、UI视觉设计

5、前端+后台开发

6、测试

7、产品发布

2、UID、IXD、UED

主要讲解什么是User Interface Design(用户界面设计)、IXD即Interaction design (交互设计)、User Experience Design(用户体验设计)作用和区别所在


3、百度脑图、xmind

了解什么脑图,深入学习脑图制作技巧和工具的使用


4、UE交互原则


掌握UE交互原则,后期学员在设计时,所设计的产品更加实用,易用。

UE交互原则包括:

1、一致性

2、布局合理化

3、操作合理性

4、响应时间

5、简易性

6、记忆负担最小化

7、清楚

8、从用户习惯考虑

9、灵活性

10、人性化


5、Axure RP基础

了解axure的基本概念用途,学习axure基础知识,站点地图、样式面板部件的基础讲解。

6、低保真原型

通过站点地图部件属性及交互实现低保真原型,掌握低保真原型制作技巧

7、高保真原型


针对动态面板深入学习,实现动效,进行界面展示,高保真制作


8、高保真项目


统计所学的知识综合实用制作高保真项目



第五阶段 网页设计实战

1、认识网页

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


2、web元素设计

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


3企业官网实战

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


4个性化网站的实战演示

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


第六阶段 字体设计


1、字体在设计中的分类



古代字体,现代字体,艺术字体



2、字体在设计中的选择



男性字体,女性字体,儿童字体,文艺书法体,中性字体,标题字与正文字的选择。



3、字体设计方法



字体结构比例说明,钢笔线性法设计,笔画拼接法,局部改字法,哥特风字体设计,毛笔字体设计。



4、字效设计与应用



电商促销类字效设计,电影海报类字效设计,毛笔海报设计,节日海报字效设计,游戏首页合成+字体字效设计,游戏下载按钮设计。



第七阶段 UI设计

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


1、UI基础

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


2、扁平线性图标绘制

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


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

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


4、立构图标绘制

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


5、拟物图标绘制


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



第八阶段 游戏图标绘制
1、游戏图标概念和制作流程

讲述游戏图标的概念,在不同风格游戏中的应用。分析游戏图标在项目中的制作流程。


2、游戏图标的绘制方法

以实战案例进行详细讲解游戏图标的绘制过程,绘制线稿方法说明,绘制形状模块,铺固有色,分明暗色块,根据光源添加细节。


3、质感表现

金属、皮质、钢丝、宝石、木纹、球状体的质感绘制,添加光效和气氛渲染。


第九阶段 UI项目实战

1、手机插件设计

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


2、安卓版app设计规范


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



3、app项目制作



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



4、ios版app设计规范



掌握ios版app设计规范


5、安卓和ios进行适配



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


第十阶段 After Effects动效

1、AE基础

AfterEffects历史简介;

AE软件功能区划分介绍;

AE常用面板认知;

AE基础运动;

关键帧动画;

关键帧调节技巧;

AE动画原理;

合成的意义;

时间重置和反转控制;

渲染列队;

遮罩动画;

UI动画;

图标动画;

多种缓动效果设置;

2AE动画

手写特效;

箭头动画特效;

loading动画;

图标动画;

banner动画;

复杂文字动画;

黏性动画;

运动跟踪;

视频抠像;

缓动特效设置;

app展示动画;

交互动画

3、AE特效动画

转场特效;

光控制特效;

烟雾特效;

粒子特效;

分形系列特效;

第三方特效;

表达式控制;


第十一阶段 项目实战
让学生参与到项目实战中,做出优秀的作品,提高对作品的分析能力和表达能力。

1、专题活动页面设计评比


以个人为单位,分别定义一个专题进行页面设计,内容包括:PC端活动专题页面,WAP端活动专题页面,PC端和WAP端页面视觉区别。结束后学员对自己作品进行经验分享,老师对作品进行点评;



2.APP项目设计评比



以小组为单位,分别抽取一个APP项目主题,然后分工合作进行项目设计,设计内容包括:LOGO、启动页、登录页、各个菜单页、时间轴展示、交互原型展示、功能icon、需求文档。结束后组长对项目进行经验分享,老师对作品进行点评;



3、电影海报设计大赛


以个人为单位,分别定义一个电影主题进行海报设计,内容包括:电影海报效果图一张,里面包括时间,名称,导演,合作方,演员等等......。结束后学员对自己作品进行经验分享,老师对作品进行点评;



第十二阶段 C4D设计

1.C4D建模

C4D背景知识、软件界面介绍、栏目分区作用、工具栏讲解、基础模型、内置样条、布尔模型、可编辑模型、点层级编辑系统、面层级编辑系统、线层级编辑系统。


2.生成器

细分曲面、挤压、扫描、旋转、放样、扫描、贝塞尔


3.造型器

阵列、晶格、布尔、样条布尔、链接、实例、融球、对称;


4.变形器

扭曲、膨胀、FFD、斜切、坠化、螺旋、爆炸、置换、倒角、减面、颤动、等;


5.灯光系统


基础灯光,灯光类型、点光源,区域广,聚光灯、补光法,反光板打光法、光线衰减、投影类型、投影设置、渲染器、标准渲染器、物理渲染器、光学成像、开启景深、全局光照、环境吸收;


6.材质系统

材质12大特性、颜色通道、反射通道、发光通道、alpha通道、凹凸通道、置换通道、HDR贴图、GGX、菲涅耳;

7.项目实战

讲解各种三维的项目设计课程,办公创意项目,电商创意项目,场景合成项目,甜品创意项目,三维字体创意项目。


 

第十三阶段 设计手绘

1、设计手绘基础

点线面基础介绍、什么是设计手绘、设计手绘运用到哪些领域、点线面基础形状、简单形状绘制、复杂形状绘制、点线面的运用、点线面简单绘制表情、点线面图标、手绘线性图标、手绘扁平图标、点线面疏密、认识疏密关系、点线面疏密运用、教你如何创意、手绘创意的方法、箭头的创意、手绘素描图标、如何绘制草图、如何绘制线稿、立体构成三要素、快速绘制图标知识、手绘素描图标注意事项。


2、设计手绘漫画

手绘漫画的用途介绍、漫画构成知识、认识日常漫画运用、对话框运用、简笔卡通绘制、男孩卡通绘制、女孩卡通绘制、表情包运用、电商漫画实战、电商漫画构成知识、电商漫画绘制、彩绘卡通绘制流程、卡通草稿到线稿的理解、平涂上色、厚涂上色。


3、设计手绘实战

手绘吉祥物绘制流程、吉祥物的特点介绍、吉祥物的运用场景、手绘设计思路、手绘品牌理解、如何分析品牌、吉祥物手绘草稿设计、如何确定最终原型、设计手绘延展、拓展设计手绘产品的场景运用。




代码课程

第一阶段 html5

目标:掌握时下热门的html5技术,系统学习html5+css3技术,制作绚丽的网页动画效果,制作酷炫的个性网站。


1、网页基础理论知识

了解网页与html的发展历史、网站和网页的标准定义,并且掌握DW等常用开发工具的使用与配置。


2、快速构建静态页面

学习html与css属性的基本语法,通过div+css的手法快速构建简单页面,在项目中掌握各类标签及属性。


3、系统性学习html5标签

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


4、掌握css3选择器及属性

要求学生掌握C3各类选择器及:before和:after伪元素,并快速提高编程效率。并将网页布局中的标准流、定位流和浮动流等网页制作流派详细讲解。教学过程中涉及到属性的继承、覆盖与提权等C3性能探讨,让学生深入浅出。同时着重传授css3的背景复合属性与三大模块,分别为:转换模块、过渡模块与动画模块,使页面制作效果“就地龙转飞”。


5、页面制作综合技能提升

在页面制作实战的过程中,传授精灵图的使用与制作技术、滑动门技术、圣杯布局、圆角制作、投影制作、元素、数据传送等。


6、网页特效综合运用

通过灵活运用html5与css3等技术,实现音乐导航制作、空间三维体制作、三维焦点图、三维参照物与透视效果、立体翻转效果、空间物体斜切效果等教学。



第二阶段 建站项目


目标:学习网站项目的开发流程和注意事项,掌握时下流行电商网站项目、响应式网站项目、移动端网站项目的开发。学完本阶段后可掌握网站的常见布局结构,学习重要的CSS3媒体查询知识点,可独立完成电商网站页面开发、响应式网站开发,移动端网站开发。



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


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


2、电商站项目开发

分析了解线上大型电商站项目的开发方式,开发流程;掌握电商站常见的结构布局,熟练书写电商网站;掌握书写电商站的高级技术,落空类应用,margin负值的巧妙应用。了解SEO搜索引擎优化的实际应用,学习设计网站关键词,网站描述等SEO设置。


3、响应式网站开发


借用媒体查询检测不同终端设备,运用百分比布局完成国际化大型响应式项目,项目要求能够兼容三种不同的终端设备,包括PC端、pad端与手机端。另外还将运用弹性布局,制作手机端项目页面,在不同的手机尺寸下,呈现完美适配效果。


4、移动端项目开发

学习掌握移动端项目的开发流程以及注意事项,掌握移动端项目的结构布局技术。


第三阶段 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的特点和使用方式;掌握自定义属性的使用方式;理解排他思想,及综合使用。


5、面向对象编程

面向对象编程(oop)是一种编程思想,用抽象方式创建基于现实世界模型的一种编程模式。在课程中学习面向对象编程的基础、写法、原型及原型链的使用、new关键字的使用、面向对象的性能问题。



第四阶段 Bootstrap框架

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


1、Boostrap框架介绍

学习了解bootstrap的作用,实际用途。以及掌握Boostrap的模板使用。


2、Boostrap的全局CSS样式

掌握bootstrap的css使用。设置全局 CSS 样式;基本的 HTML 元素均可以通过 class 设置样式并得到增强效果;讲解先进的栅格系统,并通过实战进行加强。


第五阶段 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、Ajax技术

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



第六阶段 框架实战

目标:学习流行的动画库,动画框架,以及滚动动画框架,结合前面课程所学的内容,开发酷炫的个性网站,展示个人技术。


1、学习工作中的流行框架

学习流行的动画库,动画框架,例如animate.css,wow.js等。


2、制作常见的网页特效

掌握网页中常见的网页特效,例如轮播焦点图,CSS3动画等内容。


3、框架综合项目

开发综合项目,利用前面所学的所有内容,打造一个酷炫的个性网站,可用于个人技能展示,企业H5个性网站等,学以致用。


第七阶段 Vue.js

目标:国内市场上主流的前端框架vue.js(以下简称vue)应用很广,前端开发人员或多或少都应该懂这个框架,或者是了解这个框架的开发模式。


1、Vue基础

了解vue的作者与两大核心,同时讲述MVVM与组件化的概念。另外还包括指令、初始渲染、计算属性及缓存。


2、Vue组件

讲解全局与局部组件共四中实现方式、插槽、键码及ajax请求,完成实际项目案例。


3、Vue综合运用

最终通过项目实战完成对vue.js框架的学习。


第八阶段 微信小程序开发

目标:掌握时下火爆的微信小程序,能够快速构建微信小程序界面、掌握微信小程序开发者工具的使用并实现界面间的数据交互。


1、微信小程序基础

了解WXML和WXSS这两种视图层语言,以及基于javascript的逻辑层原理。熟悉页面文件配置、程序注册与外部文件及页面的调用。


2、页面布局组件

深入剖析flex布局在微信小程序界面构建中的使用方式,掌握微信小程序常用组件,如:swiper、text、view、image等。


3、微信小程序核心

掌握微信小程序MINA框架,深入理解数据驱动界面的原理,掌握小程序API调用,通过逻辑层面的数据动态绑定,使视图层实现数据动态变化。

掌握逻辑层的路由、API、tabbar、注册页面等知识点,以及视图层的列表渲染、条件渲染、模板、事件及引用等精髓。