UI设计课程大纲

阶段

课程目标

模块

课程内容

案例

第一阶段
视觉设计基础
10天

学员对行业和课程了解，养成良好的学习方法和习惯；同时采用简笔画，分组讨论等方式培养入学学员的创意策划思维和艺术修养水平；并使用相关设计软件表现出来，为后继阶段学习打下基础。

设计理论
（5天）

素描关系

素描与光影绘制训练训练 课程通过绘制几何形体，理解光照射物体时明暗变化的层次关系“素描五大调子”：亮面、灰面、暗面、交界线和反光。提高空间表现能力，光照射物体时的明暗变化以及层次关系等重要知识

色彩原理及搭配

光色和色料的色谱是有区别的，如光的三原色是红光、绿光和蓝光，而色料的三原色是红色、黄色和蓝色。软件使用时，比如Photoshop的色彩体系是RGB模型，所以我们在色彩部分会和大家分享颜色的基本原理。色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法。

设计构图原理

平面构图的形势美法则，构图的基本原理与形式，点线面的结合.

三大构成

平面构成、色彩构成与立体构成，是现代艺术设计基础的重要组成部分。通过学习三大构成，掌握二维空间构图能力、三维空间构图能力和色彩运用的 基本方法。具备将各种设计素材按照美学原则重新组合创造的能力。

软件基础
（5天）

Photoshop

Photoshop软件的界面构成与计算机图像设计的基本知识，各种图像处理工具的使用。

Illustrator

了解Illustrator矢量图形绘制软件的界面与工具；矢量图形绘制的技巧

第二阶段 GUI+电商
20天

学习平面软件Photoshop、Illustrator、CorelDraw
Indesign的绘图技法，以及企业流程和行业标准；设计出符合企业要求的各种商业应用设计。

商业设计应用Photoshop
Illustrator
CorelDraw
（备选）
Indesign
（备选）

型录设计

招贴设计
折页设计
画册设计
杂志设计

VI设计（企业形象识别系统建设流程）

基本要素系统：标志设计、标准字、标准色字、标志和标准字的组合；
应用系统：办公用品：信封、信纸、便笺、名片、徽章、工作证、请柬、文件夹、介绍信、帐票、备忘录、资料袋、公文表格；企业内部各部门标识牌、常用标识牌、楼层标识牌、企业形象牌、旗帜、广告牌、POP广告、货架标牌、员工制服等。

包装设计

书籍装帧
产品包装设计

平面设计后期印刷

海报、书籍、折页、易拉宝、包装等平面设计，印刷种类、纸张开度、印刷色彩、印前设计、制版印刷和印后加工。

淘宝网店设计

网店产品修图
网店广告（Banner）设计

商业案例综合实训

了解企业用户的设计需求；理解如产品特点、行业定位、企业特性的分析方法；掌握视觉实现的技术与流程规范。
完整的商业设计，如：书籍，名片，DM单、字体设计、版式布局、商业Banner设计、Logo设计、创建企业VIS识别系统等。

可从事职业：

平面设计师/广告设计师

第三阶段 WUI+H5动画
10天

通过学习不同类型和风格的网站页面设计，让学员掌握WEB端整体设计流程，项目制作标准规范并用设计软件实现；同时深入学习WEB端的交互设计理念，学员能够抓住用户的需求；并通过HTML,CSS,
JS,JQ等代码语言实现；完全达到企业要求标准。

软件基础

Dreamweaver

建立站点、添加页面元素、使用CSS样式及交互行为。

H5动画

移动端的动画制做原理与技巧，典型WUI商业广告中的GIF技术与实现。

主流网页界面设计

网站建设流程及规范

Web界面设计的流程、布局原则、色彩与用户心理的运用、手机移动网站的兼容性， Web标准设计规范及风格；重点了解移动端Web界面设计的设计技巧.

多风格类型界面设计

讲解色彩与构图的基本概念，掌握各种企业类网站的网页特点认知，前沿企业Web界面、知名门户Web界面、专题活动界面的分析与设计。

网站宣传品设计

网站常用宣传品设计：Banner广告、Banner美术字设计、Banner特效美术字设计

电商专题/产品界面设计

Web专题界面设计特点与基本原则，结合淘宝中宝贝详情页与活动页（双十一活动）的专题设计，讲解Web专题界面设计特点，并了解SEO的基本原则与方法。
结合淘宝的推广宣传方式——直通车，讲解在电商中涉及的用户心理学、市场营销等基本运用方法。

网页Banner广告设计

网络广告设计标准与实现：讲解动态banner的设计标准，
学习Flash中的动画制作原理与技巧，典型WUI商业广告中的Flash技术与实现

网页样式与布局设计

对网页结构进行认知，了解切片与网页结构间的逻辑关系，学习符合W3C标准的HTML网页框架制作技术，包括结构标签、表格、表单等，学习网页样式表现方法，使用CSS对网页进行细节美化。
布局技巧与浏览器兼容：了解特殊布局的实现技巧，了解浏览器基本发展状况，对各浏览器的解析特点进行认知，响应式设计的基本概念

Web整站设计

结合实训项目学习企业网站的原型设计、网页项目提案解决方案、Web端切图规范

项目实训

企业网站，电商网站代练与实训

可从事职业：

网页设计师 淘宝美工

第四阶段 移动端交互设计
22天

掌握不同风格，不同平台的移动端设计能力和项目制作规范，达到移动平台的商业设计要求，具备完成整个的项目的执行能力。同时深入掌握移动端交互设计；掌ios,Android等平台的跨平台的设计，掌握UI设计师在商业项目中必备的技能。

图标及界面设计

产品设计流程及规范

产品设计流程及规范
苹果操作系统（0S）的使用
Sktech软件项目实战

移动平台图标设计

ICON设计基本流程与设计规范的概念性讲解，掌握当今世界最系统的UI界面图标设计技能，重点了解各种风格的设计方法通过各种风格设计方法训练，快速掌握不同图标设计特征和效果实现。讲解色彩基本概念，并结合不同风格类型的icon进行案例分析及代练，重点学习写实风图标的设计。剪影图标、扁平化图标、2.5D图标、拟物化图标、3D图标
1、剪影图标实训； 2、扁平图标实训； 3、拟真图标实训； 5、卡通、复古、手工、印章，做旧等图标风格实训。

可穿戴设备设计

随着苹果Watch的发布，可穿戴设备越来越被用户所接纳，而运行在这些设备上的APP设计需求也越来越多，课程将详细讲授各种主流设备的设计规则与特点。

交互设计Axure、Viso、墨刀、Flinto

UI交互原型设计

运用交互软件让学员更多以及更便捷的理解交互原理。

交互原型图

学习Axure高保真网站原型制作，掌握Axure RP软件，通过项目学习和掌握交互设计的原理，不同平台交互特点，了解用户心理。

拓扑图（信息架构图）

掌握竞品分析的步骤与方法，并灵活运用X-mind制作信息框架图

动效设计

After Effects应用

通过AE实现UI交互过程中的动态效果的设计，使AE动效能够更好的对于UI设计进行表达。

动效提案设计

重点学习AfterEffects在实现动效设计中的技法，在动效中表达交互想法，为后续交互设计提案呈现提供保障

项目实训

项目实训

图标设计 MIUI及华为主题设计大赛图标设计实训。社交类APP界面设计，工具类APP界面设计（含交互原型图），企业型产品项目设计

可从事职业：

UI设计师/交互设计师/穿戴设备UI设计师

第五阶段 Web前端
20天

1掌握基于WEB标准的网站结构搭建、WEB界面外观美化和主流浏0览器兼容性
2熟练掌握网页制作的核心技术html5+css3+javascript,并可以开发pc端以及手机端网页。
3熟练掌握网页制作的常用开发工具、配置管理工具。
4了解网页优化、SEO、SEM。

3D界面设计

C4D

增强三维空间感，透视、视觉冲击和逼真的渲染效果，使其更加体现界面的质感

Web前端开发

网页开发基础HTML+CSS

学习HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。以及CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。

JavaScript编程语言

掌握JS脚本的基本语法规则，了解DOM模型对象的调用方法，通过实战掌握JS各种特效的基本使用方法。熟练掌握jquery的使用方法，以及jquery插件的使用方法。

项目实训

网页开发高级

1、html5的新规范，包含语义化标签、表单扩展、离线存储、canvas编程。
2、css3的新规范，包含动画、2d与3d转换，媒体查询，响应式布局的基本原理。

项目实训

中小型企业网站项目、电子商务网站项目、PC客户端软件界面设计

可从事职业

WEB前端设计师 H5设计师

第六阶段
就业环节

就业准备3-5天

互联网行业标准和面试技巧

面试技巧、简历制作、模拟面试、面试题辅导、行业讲座