国家信息产业部颁布的调查材料显示,当前国内达到UI设计师专业水平者只有

8000人,而市场需求目前高达30万人的缺口。有产品的地方就需要专业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的注释方法。了解微信平台的公众号。学习公众号的设计流程与基本要

求准则。

4.岗前就业课（20天）：以实战的形式让学生完成整个项目的全部设计与制作。从谈单

，到市场调研、数据分析、需求整理。大体报价开始。*后确定提案后，提交竞标。项目内

容网页版的宣传规划与设计制作。以网页版为标准，设计移动端的网页页面设计与微信公众

号界面设计。衍生项目类别的APP设计。基本原型基础页面设计制作。锻炼讲解方案的能

力，掌握给客户讲解方案时需要的要点，领略简洁，提炼核心的讲解技巧。**全面项目

锻炼硬件界面设计，例如：applewatch、数字电视界面、汽车导航界面等。学

习after effects的特效制作。能完成基本的手机概念动画设计效果。了解网络营销相关知

识。探索营销策略。互联网的广告模式等。应聘简历、作品收集。面试技巧,行业了解，行

业发展方向，职位选择。

ONE	TWO	THREE	FOUR	FIVE
0基础跳槽	办公室白领	设计从来人员	在校学生	设计兴趣爱好者