| 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天 | 互联网行业标准和 | 、简历制作、、面试题辅导、行业讲座 | ||
更新时间:2022-03-22 16:24:07
