UI课程大纲

【教学目的】：系统学习UI设计内容，从UI中会涉及到的用户体验与交互这块开始学习。其次重点学习网页界面设计、响应式设计、软件界面设计、移动端界面设计。目的让学生制作出符合UI规范的界面，并能独立完成相对应的原创作品。在教导设计中，也会涵盖每一块UI制作的具体流程，提升学生的思维与逻辑分析能力，产品研发与策划能力。

【教学内容】：主要包括Axure用户体验(5天)；网页UI设计（5天）；移动端UI设计（15天）；岗前就业课（20天）几大模块。

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

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

3.移动端UI设计（15天）：了解移动端界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格。了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力。了解图标设计中的结构与光影学。具体配色原则等。分析图标的表现形式2d/3d与流行趋势。重点加强想象力的提升与创作能力。设定主题，独立创作一整套的系统图标。学习主题风格的统一化与衍生方式。了解APP当中的控件、功能性图标。学习控件中的具体搭建与配色。训练正负形图标的设计。了解产品开发流程，从前期的MPD到思维导图，低保真到高保真的具体工作流程。学习IOS端的设计规范。了解APP的安卓端设计规范。系统学习APP中主要页面的各种设计形式与规则方法。通过实战，以分组的形式开发一个产品。从需求整理到调研，再到数据整合。最终完成基本的原型设计与交互文档。了解导航在APP中的重要性。如何通过不同类型的导航引导用户使用该产品。系统学习导航的12种分类。学习APP中的启动页、引导页的界面设计形式。重点学习归纳产品的主要功能进行引导展示。学习APP中的配色形式与色彩心理学。系统了解登录、注册页面中的用户体验。还有个人页面的展示设计。将APP中的内容信息通过合理的展示方式进行表现。学习APP中的列表式构图、九宫格、圆心点放射、陈列馆、轮播式构图。了解手机交互中的热点区域，最佳按键区等。系统地分析不同终端的适配法则。系统讲解IOS端、安卓的切图原则。了解两个不同终端的切图方式与不同。man软件对APP的注释方法。了解微信平台的公众号。学习公众号的设计流程与基本要求准则。