设计部分

素描基础阶段

素描

无

让学生以点线面为题画一幅平面构成图学生自己设计杂志页面；宋体、黑体艺术字设计；色彩基础，色彩与视觉，色彩搭配，色彩与设计

了解素描是造型艺术的基础；
理解点、线、面的绘画原理；
掌握各种绘画线条的运用能力。

1个素描景物
6个手绘平面icon
2个色构作品
1套手绘游戏APP界面

平面构成、色彩构成、立体构成

手绘游戏界面、商业插画

软件技法实施阶段

Adobe Photoshop

制图软件

重点讲解通道、图层、路径、钢笔、蒙板、画笔等。

10天时间上手2款设计师常用的GUI软件，理解位图图像、矢量图形的处理技巧。

40个扁平图标
3个MBE风格icon
30个2.5D拟物图标
1张闪屏图
3个拟物图标
1套线性icon
3个海报合成

Adobe illustrator

矢量工具

熟练掌握AI软件特性，并可应用其绘制矢量图形、图标、插画等

移动和Web界面设计阶段

网页界面设计

无

网页设计的流程及布局方式，网页设计色彩与元素的运用，网页设计基本原则与规范：字体、栅格、间距、常见空间、常见交互方式，培养整体规划的能力。
目前设计的趋势和响应式设计和作品讲解

了解网页设计基本原则与规范，不同载体的案例展示，掌握企业的技能及设计计巧，掌握专题型的设计。

6个企业网页
1个响应式网页
6个I0S页面

移动界面设计

图标基础知识，图标创意思路与方法，字体，UI中的色彩搭配及构图的基本原理

UI设计中的色彩搭配、字体和构图

全端
代码开发部分

全端基础

HTML

HTML是指超文本标记语言，而网页的本质就是超文本 标记语言，通过结合使用其他的Web技术，可以创造出功能强大的网页

Web发展历史、网页制作简介，HTML基础、HTML元素、格式标签、链接标签、图像标签、列表标签、表格标签

了解web开发的历史，http的本质，掌握基础的html标签

首页

CSS

CSS是层叠样式表，是用于控制网页样式并允许将样式与网页内容分离的一种表记性语言

CSS产生背景、CSS样式表基础、选择器、盒子模型、定位技术、设置背景图片美化列表、浮动技术、美化超链接

掌握样式表的使用，掌握网页排版的概念和规范以及技巧

1个信息展示类网页 3个电商网页布局

PC端兼容性

html和css中有大量针对ie6-ie8浏览器的技巧和布局手段，通常被称为处理pc端兼容性

各种css hack，以及如何合理调整布局，实现合理的呈现回退（对支持的浏览器是一种样子，不支持会呈现另一种等价形式）

深入了解浏览器的历史和遗留问题，解决企业级应用全浏览器环境覆盖的问题

3个电商到ie6的兼容

全端

HTML5

HTML5是新版的HTML，它提供了很多的元素和属性,比如语义化标签、新表单、Canvas 、本地存储、多媒体元素等

html5中各种语义化标签，语义化布局，多媒体标签，表单新用法，画布标签

掌握html5在移动端布局中的技巧和规范，深入了解hybirdapp中大量应用的H5技巧

1个h5画布画板 2个h5画布游戏 1个lbs的兴趣群查找app 1个本地存储的todo应用 1个websock的在线聊天室

CSS3

CSS3新加了很多效果，可以通过CSS3做出很多酷炫的效果。

多样化的字体处理方式，强大的图形处理能力，动画，3d，旋转，缩放，斜切，位移，flex布局，背景图片，边框，选择器，交互体验，滤镜系统，预处理器scss 以编程的方式书写css，变量，函数，分支，循环，混合宏，扩展继承占位符，插值，变量类型，搭建自己的css框架,深入学习流行的bootstrap框架

深入了解w3c规范，掌握css3种引入的大量新特性在页面开发中的应用，掌握sass预编译系统，以程序化，模块化的方式组织大型项目的样式系统

1个苹果官网首页 2个动效宣传页面 1个web布局框架

响应式

响应式，一套代码用于所有web端

media属性以及和scss的结合，制作栅格系统并融入css框架。

掌握栅格系统在项目中的应用，制作完善的响应式框架，包含模块，常用插件

4个企业响应式官网

兼容问题

H5+CSS3

移动端布局中的兼容性问题和对应的解决方案，开发纯移动端布局框架，处理设计稿在尺寸不同的移动设备上的适配问题，同时教教授使用业界比较的yo框架

掌握移动端布局的技巧，掌握开发纯移动端ui框架的架构思路，模块组织方式

1个大型移动端图书阅读系统项目