青岛UI设计培训班

【课程介绍】

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。

【招生对象】

1、零基础跳槽

2、在职设计师

3、在校学生

4、设计爱好者

5、自由职业者

【课程内容】

一、平面综合阶段

PS模块：

1.介绍软件（应用领域、优势）/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图选区自由变换、自由变形/保存格式

2.文字（文字海报）/形状工具（绘制简单形状）/填充（前景色、背景色）

3.色阶，曲线，亮度对比度等/色彩平衡，色相饱和度，可选颜色等/画布、图像大小调整/钢笔工具/选区（选区工具）等

4.消失点，液化，仿制源/锐化、模糊工具/加深、减淡工具，/渐变工具、.吸管工具/色彩知识（色彩搭配训练）

5.橡皮擦/图层蒙版/套索，魔棒 /快速蒙版/抽出/调整边缘

6.钢笔工具/色彩范围 /通道/摄影艺术介绍

7.剪切蒙版/图层混合模式

8.滤镜（上）风格化，像素化，模糊，水墨等艺术效果/智能滤镜

9.滤镜（下）扭曲，渲染

10.图层样式内阴影，斜面与浮雕，颜色，渐变，图案叠加

11.UI介绍/网页设计基础/网页banner的设计/网页切片工具

12.对齐与分布//网页设计制作

13.动画制作（把静态网页稍加动画）/软件互导性

ID模块：

1.介绍软件/新建画布/页面认识/软件优化

2.视图工具参考线/导出预览模式/渐变填色，文字填色

3.文字输入编辑（字号、字体、分栏等）

4.文字群组与复合路径、对齐和分布

5.排列、锁定、隐藏、路径查找器（焊接、相交、修剪)

6.基础图形绘制与填色

CDR模块：

1.软件介绍（应用领域、优势、缺点）/软件界面（调色板）

2.基本操作（新建文件、设置文件大小、出血、保存、导出、再制等）

3.排版需注意的事宜（字号、字体、出血、文字安全框等）

4.文本格式：文字方向、字符格式、段落格式、段落文本换行（图文混排）、分栏

5.基础绘图（矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图）

6.移动工具、填色（内部、轮廓）/视图工具（抓手、缩放、显示性能）

7.排列、锁定、造形/图框精确裁剪/群组与结合、对齐和分布

8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具

9.形状工具：A.直接编辑基本形状/文字；B.转换成曲线后编辑

10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色

11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶

12.交互调和、轮廓

13.变形、阴影、透明

14.立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)

15.封套

16.位图处理/转换（跟踪位图）位图遮罩/滤镜效果（卷页）/效果菜单

17.表格处理/插入条码、OLE对象（图表）/对象管理器/页面设置、打印

AI模块：

1.介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制

2.其他格式：制表符、文字属性复制轮廓/简历制作

3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具

4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布

5.排列、锁定、隐藏、路径查找器（焊接、相交、修剪）、剪切蒙版

6.描边面板/对象/路径/内部填充（网格工具、实时上色）

7.变形工具/封套扭曲/变换工具

8.画笔/符号/符号喷枪工具

9.混合工具（带过，CDR中详说）、透明蒙版（结合剪切蒙版使用）

10.外观面板、图形样式/描边、外观的使用/图层面板（多图层整理）

11.图表/位图转矢量图/透明度面板（中叠加方式的使用）

12.效果菜单（凸出和斜角、绕转、风格化）软件相互间格式的处理

二、DW

表格切片：认识DW界面、工作区，熟练DW基本操作，学习表格，切片 DW模块

框架网页：掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用，建立简单的传统网页站点

html+css： 学习CSS三种嵌入形式、选择符、盒模型、浮动等，熟悉页面布局方法

盒模型： html+css:项目列表与导航，常用css样式、css3样式补充，居中等

横版网页：掌握和熟悉横版网页的制作技巧和注意事项，让网站与众不同

竖版网页：熟练掌握竖版网站的制作规范和技巧，不再做网站的“小白”

表单制作：表单，表单创建与表单样式

下拉菜单：下拉列表，dl、dt、dd下拉效果

卡式选项： spry卡式、折叠式、工具提示

JS套用与网站发布： 学会如何套用和调用已有的JS代码，让网站妙趣横生，引人夺目

三、电商研修阶段

钻展广告位：学习广告图片的制作步骤，掌握各元素运用的方法、种类和规律，通过学习元素之间的对比知识，让广告图变得更加高端大气电商研修阶段

直通车广告图制作：系统学习直通车广告制作的要点与卖点，快速提升作品的商业价值与美观度，让作品好看又好用

店铺首页/专题页制作（初级）：了解和学习首页专题的作用、种类与制作方法，结合前后知识，制作首页专题banner图

店铺首页/专题页制作（中级）：掌握“设计轮”创意法则，学会观察与处理画面细节，文字排版快速传递信息，让首页专题更高端、有逼格

店铺首页/专题页制作（）：建立系统化检查标准，掌握动静物体修饰和美化的制作方法，学习电商设计师制作立体字，让产品更有质感、更值得信赖

移动端首页制作：掌握淘宝移动端店铺首页（手机、APP店铺首页）制作方法与规则

详情页：了解和学习淘宝产品详情页的制作框架与注意事项，欣赏大量案例，学习过程中不断改进，让详情页带动产品销量

毕业设计：学习与掌握店铺招牌的种类与制作方法，同时开始研修阶段的毕业设计，鉴赏大量电商行业的案例。后分享毕业设计，锻炼表达能力，为面试打好基础

店铺装修：掌握淘宝店铺的装修方法，让店铺“动”起来

四、UI研修阶段

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

交互设计：

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

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

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

网页设计鉴赏与规范：

了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格 UI研修阶段

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

各类网站的设计学习：

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

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

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

手机主题设计：

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

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

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

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

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

产品APP研发：

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

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

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

产品APP设计：

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

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

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

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

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

微信端：

掌握微信平台的公众号运营与要求 UI研修阶段

五、岗前就业课

网络传媒广告策划与设计实战：

以实战的形式让学生完成整个项目的全部设计与制作从谈单，到市场调研、数据分析、需求整理。大体报价开始。后确定提案后，提交竞标岗前就业课

项目内容网页版的宣传规划与设计制作

以网页版为标准，设计移动端的网页页面设计与微信公众号界面设计

衍生项目类别的APP设计，基本原型基础页面设计制作

锻炼讲解方案的能力，掌握给客户讲解方案时需要的要点，领略简洁、提炼核心的讲解技巧

技能加强：

通过全面项目锻炼硬件界面设计，例如：applewatch、数字电视界面、汽车导航界面、智能家具界面等岗前就业课

学习AFTER EFFECTS的动效制作、基本的手机概念动画设计效果

学习拓展：

了解网络营销相关知识，探索营销策略，互联网的广告模式等岗前就业课

应聘简历，作品收集，面试技巧，行业了解，行业发展方向，职位选择

六、素养训练阶段

素质训练阶段重点培养演讲表达能力、团队协作精神、执行能力，把学员打造成专业技能过硬，心态阳光，职业素养好的设计人才，让学员快速成长。

【教学案例】

【教学目的】

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

【师资介绍】

研发经理  连欢

3年设计工作经验 4年教学经验

参与过万科、真功夫、汤臣倍健、中国CBA

篮球、航信、优翼网络、ZMC等设计项目

曾担任过品牌顾问、UE、设计总监等岗位

【就业前景】

当前我国移动互联网等新兴互联网产业进入了高速发展的阶段，产业规模不断扩大，增速飞快，用户体验至上的时代已经来临。随着技术领域的逐步拓展，产品生产的人性化意识日趋增强，用户界面设计师（即UI设计师）也成为了人才市场上十分紧俏的职业。需要招聘该类型人才的企业不仅仅局限于移动互联网企业，越来越多的企业开始注重交互设计、用户测试方面的投入，如金融、交通、零售等一些行业均需要该类型设计人才。