Web UI/UE设计师课程体系

阶段名称

课程简介

主要学习内容

阶段 UI设计基础(赠送课程)

根深而枝叶茂，想要学好网页UI设计，坚实的基础也是必不可少的。通过本课程将学习：PS操作基础、色彩搭配技巧、版式布局方法、AI。

设计大牛谈UI/UE岗位及学习方法

PS钢笔工具——UI/UE设计常用利器

PS抠图与图片的修饰-UI/UE界面美化技法

PS形状工具-UI/UE设计必备利器

图层与滤镜-UI设计质感表现

蒙版-UI设计效果表现

色彩基础及色彩搭配-UI/UE设计基本功

版式及布局-UI/UE设计基本功

AI基本操作及移动端图标设计

项目-用AI设计App启动页面

项目-用AI设计App主界面(1)

项目-用AI设计App主界面(2)

注：每个班实际上课可能稍有调整

第二阶段 网页端UI视觉设计

万事开头难，先从简单的学起。通过本课程将系统学习：网页配色的基础知识及相应技法；网页布局的方法与应用；网页中图标、按钮、导航以及Banner的设计。

色彩基础知识

网页配色基础

网页配色应用

网页配色串讲

网页布局基础

网页布局制作和应用

网页布局版式类型

项目综合案例

设计制作精美的音乐图标

设计制作可爱的小鸟图标

设计制作拟物质感按钮

设计制作简洁时尚按钮

设计制作简洁的导航菜单

设计制作精美的图片式导航

设计制作美食广告

设计制作时尚服装广告

第三阶段 web端UI项目实训 +就业面试作品包装

Web端UI设计师，常见任务是设计网站；但网站现在一般公司都有，那就需要改版设计；网站稳定后，UI设计师还做什么呢？当然老板不会让你闲着，剩余的日常工作，就是协助网络推广，设计网络营销推广的各类营销活动页面啦。所以这门课程从实际工作出发，专门带你设计：

营销类企业站

电商类网站

游戏类网站改版

企业应用OA系统设计

店铺装修营销设计

Landing Page(着陆页)设计

专题页设计

活动页的设计

网页UI项目管理规范

联想官网-营销类企业站设计(上)

联想官网-营销类企业站设计(下)

天猫商城-电商类网站设计(上)

天猫商城-电商类网站设计(下)

三星天猫旗舰店-店铺视觉营销设计(上)

三星天猫旗舰店-店铺视觉营销设计(中)

三星天猫旗舰店-店铺视觉营销设计(下)

AppleWatch百度推广页Landing Page设计与优化(上)

AppleWatch百度推广页Landing Page设计与优化(下)

英雄联盟游戏类网站改版项目设计(上)

英雄联盟游戏类网站改版项目设计(下)

企业信息管理系统界面设计(上)

企业信息管理系统界面设计(下)

专题活动页设计(上)

专题活动页设计(下)

面试包装作品秘籍

第四阶段 UI设计师必学HTML5 +CSS3技术

Web端设计师实际的工作没这么顺利，经常和前端开发人员“吵架扯皮”。设计师常常会抱怨开发人员开发出来的Web页面，和自己的设计效果图差别甚远；而技术开发人员往往也会埋怨项目开发周期那么紧，你设计得太复杂没法实现或实现成本太高。所以，作为一名web端UI设计师，为了和前端开发人员更好的沟通合作，你需要了解前端开发的基本原理和基本技术，从而规避一些常见的UI设计问题。本课程来源于一些前端开发人员的经验总结，深入浅出地讲解了主流的HTML5+CSS3技术。及UI设计常见问题

认识HTML5网页结构

HTML5高级标签

CSS3样式及UI设计FAQ

盒子模型及UI设计FAQ

H5/CSS3标准化布局

列表、定位样式及UI设计FAQ

经典案例剖析

网站SEO优化及jQuery交互设计