兰州天琥教育

教学内容：

主要包括Axure用户体验；网页UI设计；移动端UI设计几大模块。

1、Axure用户体验：学习Axure软件，了解UI设计前期原型设计的流程，具体围绕网页的原型设计与软件的原型设计。并讲解页面之间的跳转、交互状态效果。学习Axure软件，了解移动端的基本原型搭建，了解交互相关的控件与人机交互中的合理想象。主要以APP的原型为主进行学习。学习Axure软件，了解动效设计，例如下拉弹出菜单，轮播图的展示，音乐播放器的时间线效果等。学习交互设计文档的制作，集合整体框架内容，注明页面跳转层级，与设计到各种交互状态的说明。了解用户体验的重要性。从前期产品的开发，到后期的设计。主要学习在功能上、设计上如何提高用户体验。

2、网页UI设计：了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格。学习网页设计规范，栅格化系统格式塔心理学。模块与细节的规范，网络广告设计讲解。学习网页界面的色彩搭配。了解各种页面导航与按钮的设计法则。系统学习广告banner的设计方式。了解网页中的瀑布流、通栏、F式布局等。学习掌握高级光影学。加强创意构图的设计形式。了解表单的设计与用户体验的融入。系统学习响应式页面设计的布局、模式与方法。锻炼学生在设计页面的同时符合SEO的设计规范。

3、移动端UI设计：了解移动端界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格。了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力。了解图标设计中的结构与光影学。具体配色原则等。

五大学习模块，逐步提升设计能力

1、平面设计模块：PS、ID、AI、CDR四大平面软件。

2、电商设计模块：电商设计知识和技能、装修店铺以及电商运营、DW、代码。

3、UI设计模块：AXURE、原型设计、交互设计、用户体验、网页界面设计。

4、移动端设计模块：ICON设计、手机主题设计、APP设计、营销平台。

5、岗前就业课：补充学习其他硬件UI设计、AE动效设计、互联网营销知识;参加设计项目战，沉淀个人作品，积累实际工作经验。

UI研修阶段：

原型设计学习Axure软件，了解UI设计前期原型设计的流程，具体围绕网页的原型设计与软件的原型设计。并讲解页面之间的跳转、交互状态效果

交互设计学习Axure软件，了解动效设计，例如下拉弹出菜单，轮播图的展示，音乐播放器的时间线效果等

学习交互设计文档的制作，集合整体框架内容，注明页面跳转层级，与涉及到各种交互状态的说明

用户体验了解用户体验的重要性。从前期产品的开发，到后期的设计。学习在功能上、设计上如何提高用户体验

网页设计鉴赏与规范了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格

学习网页设计规范，栅格化系统格式塔心理学。模块与细节的规范，网络广告设计讲解

各类的设计学习学习网页界面的色彩搭配。掌握各种页面导航与按钮的设计法则。系统学习广告banner的设计方式

了解网页中的瀑布流、通栏、F式布局等。学习掌握高级光影学。加强创意构图的设计形式

了解表单的设计与用户体验的融入。系统学习响应式页面设计的布局、模式与方法。锻炼学生在设计页面的同时符合SE0的设计规范

手机主题设计了解移动端界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格

了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力

了解图标设计中的结构与光影学。具体配色原则等。分析图标的表现形式2d/3d与流行趋势。重点加强想象力的提升与创作能力

设定主题，独立创作一整套的系统图标。学习主题风格的统一化与衍生方式

了解APP当中的控件、功能性图标。学习控件中的具体搭建与配色。训练正负形图标的设计与图标的迭代更新

产品APP研发了解产品开发流程，从前期的PRD到思维导图，低保真到高保真的具体工作流程。学习I0S端的设计规范

了解APP的安卓端设计规范。系统学习APP中主要页面的各种设计形式与规则方法

**实战，以分组的形式开发一个产品。从需求整理到调研，再到数据整合。终完成基本的原型设计与交互文档

产品APP设计学习APP中的启动页、引导页的界面设计形式。重点学习归纳产品的主要功能进行引导展示

学习APP中的配色形式与色彩心理学。系统了解登录、注册页面中的用户体验。还有个人页面的展示设计

将APP中的内容信息**合理的展示方式进行表现。学习APP中的列表式构图、九宫格、圆心点放射、陈列馆、轮播式构图等

了解手机交互中的热点区域，按键区等。系统地分析不同终端的适配法则

系统讲解I0S端、安卓的切图原则。了解两个不同终端的切图方式与不同点。学习mark man软件对APP的注释方法