【课程内容】
1、美术素养:设计素描、设计色彩、三大构成、速写训练、色彩配色设计原理、色彩临摹、视觉分割原理、GUI图标手绘、Web界面手绘、移动端手绘
2、UI设计概论:平面设计基础、版式设计、配色设计、图形创意、VI设计、品牌策划、印刷基础知识、平面设计工作流程、网站建设基础知识、网页设计制作基础知识、站点规划及设计理论、网页版式设计与布局、移动终端设计概论、扁平化设计理论、思维导图、信息可视化设计、智能手机APP界面设计、交互式原型设计、交互式动效设计、UE用户体验研究
3、软件特训:Photoshop、CorelDraw、Illustrator、Dreamweaver(HTML,CSS+DIV,JavaScript)、Flash、Axure RP
4、GUI设计:商业标志、卡通形象、字体、宣传单(册)、海报、企业形象VI、产品包装
5、WUI设计:HTML语言、CSS+DIV网页布局与美化、JavaScript、6、网站界面设计、网站宣传品设计、网页样式与布局
7、MUI设计:图标设计、字体设计、信息可视化设计、思维导图、移动平台图标设计、APP界面设计、可穿戴设备设计、多风格多类型界面设计
8、商业案例演练:商业标志、卡通形象、字体、DM传单、商业海报、企业形象VI、产品包装、Web界面设计、Web网页布局与美化、APP图标、APP界面、移动APP页面布局、APP动效实训
【课程安排】
1、设计基础
讲解三大构成(平面构成、立体构成、色彩构成)介绍UI设计主流软件工具——ai、ps、cdr等工具,具体用途。
2、软件基础
Photoshop工具、形状、蒙版、通道、调色、滤镜等难点实例讲解
1)介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图选区自由变换、自由变形/保存格式
2)文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)
3)色阶,曲线,亮度对比度等/色彩平衡,色相饱和度,可选颜色等/画布、图像大小调整/钢笔工具/选区(选区工具)等
4)消失点,液化,仿制源/锐化、模糊工具/加深、减淡工具,/渐变工具、.吸管工具/色彩知识(色彩搭配训练
5)橡皮擦/图层蒙版/套索,魔棒 /快速蒙版/抽出/调整边缘
6)钢笔工具/色彩范围 /通道/摄影艺术介绍
7)剪切蒙版/图层混合模式
8)滤镜(上)风格化,像素化,模糊,水墨等艺术效果/智能滤镜
9)滤镜(下)扭曲,渲染
10)图层样式内阴影,斜面与浮雕,颜色,渐变,图案叠加
11)UI介绍/网页设计基础/网页banner的设计/网页切片工具
3、软件基础
AI软件工具、讲解如何使用、并用AI做移动端图标案例
1)介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制
2)其他格式:制表符、文字属性复制轮廓/简历制作
3)选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
4)钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布
5)排列、锁定、隐藏、路径查找器(焊接、相交、修剪)、剪切蒙版
6)描边面板/对象/路径/内部填充(网格工具、实时上色
7)变形工具/封套扭曲/变换工具
8)画笔/符号/符号喷枪工具
9)混合工具(带过,CDR中详说)、透明蒙版(结合剪切蒙版使用)
10)外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)
11)图表/位图转矢量图/透明度面板(中叠加方式的使用)
12)效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理
4、软件应用
版式设计-通过多个案例,学习版式设计基本原理、类型。通过点评作品,让学员快速掌握版式设计技巧、原则、规范。
学习广告图片的制作步骤,掌握各元素运用的方法、种类和规律,通过学习元素之间的对比知识,让广告图变得更加高端大气
海报设计-多个案例实战学习商业型、创意型海报设计的法则、规范、流程
掌握淘宝移动端店铺首页(手机、APP店铺首页)制作方法与规则
了解和学习淘宝产品详情页的制作框架与注意事项,欣赏大量案例,学习过程中不断改进,让详情页带动产品销量
5、UI基础
UI设计理论知识,并以Photoshop为例讲解如何使用、并用ps做移动端图标案例,用多个软件相结合,图标,扁平化和拟物化的风格icon
了解用户体验的重要性。从前期产品的开发,到后期的设计。学习在功能上、设计上如何提高用户体验
学习交互设计文档的制作,集合整体框架内容,注明页面跳转层级,与涉及到各种交互状态的说明
6、网页界面设计
了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格
学习网页界面的色彩搭配。掌握各种页面导航与按钮的设计法则。系统学习广告banner的设计方式
了解网页中的瀑布流、通栏、F式布局等。学习掌握光影学。加强创意构图的设计形式
熟悉天猫首页BANNER广告位的设计风格与规则、学习产品详情页结构分析与制作以及设计优化,掌握产品详情页的制作思路与技巧
7、PC端界面设计
PC端ICON图标设计绘制 pc客户端界面设计
PC界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格
了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力
8、移动端主题设计
ICON设计基本流程与设计规范的概念性讲解,掌握当今世界系统的UI界面图标设计技能,重点了解各种风格的设计方法通过各种风格设计方法训练,快速掌握不同图标设计特征和效果实现。
布尔运算与锚点工具绘制小图标
9、移动端主题设计
手机基础图标风格绘制(拟物化、扁平化)
ICON设计基本流程与设计规范的概念性讲解,掌握当今世界系统的UI界面图标设计技能,重点了解各种风格的设计方法通过各种风格设计方法训练,快速掌握不同图标设计特征和效果实现。
10、移动端主题设计
了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力
扁平图标实训、拟真图标实训、卡通、复古、手工、印章,做旧等图标风格实训
设定主题,独立创作一整套的系统图标。学习主题风格的统一化与衍生方式
11、产品APP
Android平台的设计风格,流行趋势,各种特点和切图规范
IOS平台上布局规范设计,交互体验细节设计,产品属性设计
掌握Android平台APP整套全流程:包括结构图、原型图、界面设计图与GUI等
12、 产品APP训练
介绍交互原型,能够高效率制作产品原型了解UE的基本概念,并制作原形交互案例。
掌握Axure RP软件,通过项目学习和掌握交互设计的原理,不同平台交互特点,了解用户心理
13、 APP实战技巧
学习APP中的启动页、引导页的界面设计形式。重点学习归纳产品的主要功能进行引导展示。系统了解登录、注册页面中的用户体验。
14、APP实战技巧
通过实战,以分组的形式开发一个产品。从需求整理到调研,再到数据整合。终完成基本的原型设计与交互文档
15、APP实战技巧以及前端的了解
制作APP页面,设定主题,独立创作一整套系统页面。了解UI与前端的关系
16、APP实战技巧
移动UI实战项目,APP设计,UI行业项目应用课,笔试技巧,简历的设计。
【职业规划】
培养具备UI界面设计与制作能力的平面设计师、网页设计师、UI界面设计师、网站前端工程师、APP产品界面设计师等专业人才。
【就业推荐】
各大网络公司、广告公司、文化传媒公司、其他企业的设计部门。
【教学环境】