获得免费课程信息

高薪就业 成功创业

学习资料 先到先得

做有思想的设计师 学全面的UI设计课程

UI高端设计师

UI设计
挑战年薪 50W

【UI设计精英班

从软件基础到UI设计,UI最新课程设计

模块

课程名称

课程描述

综合案例

软件基础 Photoshop
应用技能
  • 广告图片与色彩构图
  • 广告图片字体的选择和排放及对效果的影响,色彩构成原理;
  • 用色彩表达冷暖、活跃、华丽、亲切、稳重等;
  • PS的颜色模式切换、色板的使用,颜色的填充,渐变的使用等;
  • 曲线、曝光度、自然度、饱和度命令、黑白、色调等命令的使用;
  • 修复工具、图章工具、画笔工具、模糊锐化工具、涂抹工具的使用,图像的编辑和修复;
  • PS基本操作、文字排版
  • PS的图像操作、图层操作、画布操作;
  • 选区的使用和操作;照片抠图;
  • PS的画笔、钢笔工具、矢量工具使用;
  • PS的文字排版,艺术字的制作;
  • PS的特效、抠图、合成等
  • 利用滤镜制作各类特效;
  • 蒙版和通道的使用详解;
  • 复杂图片的抠图、GIF动态图制作;
  • 案例:照片的美化,调整人物的姿态、修复破损、案例:优秀广告图和各类色彩构图的优秀作品赏析,图片的快速美化、发光字、特效文字制作;
  • 案例:拼图特效、插画特效、自传特效、铅笔画特效、钢笔画特效、照片抠图、合成图像特效等;
  • 平面设计-----了解平面海报、画册、招贴设计中构成及创意方法;
  • 淘宝网店设计-----视觉营销(PC和移动端)与整体风格设计、Logo设计、网拍及商品图片处理等网店相关美工技巧;
  • UI界面设计-----简单了解UI图标的设计手法和制作过程;
  • Illustrator
    应用技能
    • 学习AI的基本功能及应用范围;
    • 掌握AI常规操作、 创建基本图形、 创建并编辑路径、 创建符号和图表、 创建和编辑文本、 图层与剪切蒙版、 效果与滤镜等;
    • 矢量图形绘制的技巧和矢量图形的注意事项;
    掌握AI在标志 、字体、各类UI图标设计中的制作手法和应用手段等等;
    CorelDRAW
    应用技能
    • 了解CorelDRAW软件的特性并掌握CorelDRAW的基本操作;
    • 矢量图形绘制的技巧;
    • 掌握CorelDRAW和打印排版中的相关知识点;
    综合案例:利用CDR完成VI(企业视觉传达系统)、画册排版、海报等的制作;
    综合项目
    实战
    • 移动设备界面设计;
    • 海报设计制作
    综合案例:通过教员的指导与学员的练习,每位学员在规定的时间内完成一套完整移动设备或穿戴设备上的界面设计,公益、商业海报各一份并制作成品。

    模块

    课程名称

    课程描述

    综合案例

    美术训练营和UI设计规范 色彩设计
    应用技巧
    • 色彩属性、规避与调和、色彩的混色配置
    • 设计色彩的表述体系
    • 色彩的装饰美感及色彩的表现方法
    掌握色彩心理和色彩搭配
    手绘基础
    构图设计
    • 学习形式美通用法则的量化标准,能够快速获得程式审美能力
    • 掌握视觉分割原理,进行案例分析,了解黄金比例等设计原理
    • 手绘基础,掌握手绘技巧,利用手绘完成UI的基本构图
    • 当下流行风格:拟物化、扁平化、写实等绘制技巧
    LOGO制作
    图标制作
    海报制作
    字体设计
    • 了解与认识字体,学习字体风格;
    • 字体设计技法、字体变形、字体效果处理
    掌握字体的设计和选择
    产品设计流程及规范
    • 了解产品设计的流程及规范
    • 理解产品设计流程中各环节分工及最终效果之间的关系
    • 掌握多系统产品设计的方法
    设计PC、移动的各类小图标
    用户中心设计
    • 理解何为商业化设计、实现企业与个人的双赢;
    • 用户需求分析及用户需求挖掘;
    • 利用大数据对用户体验进行分析总结;
    了解现阶段的人工智能设计
    产品切图与优化(Cutter Man)
    • 了解产品效果图与上线页面之间的关系
    • 理解产品切图的原则与规范
    • 掌握主流切图软件的使用和优化
    制作出符合开发人员要求的切图素材
    艺术素养
    • 素描速写训练;
    • 三大构成原理;
    • 透视、构图、造型训练;
    • 应用美术发展趋势;
    拥有基础艺术素养,为之后的设计学习打下基础
    移动APP
    • 基础知识:APP开发与设计流程,屏幕尺寸与分辨率介绍及常用的单位介绍;
    • 平台规范:iOS、Android、IPad、Windows Phone7系统特点与标准,文字标准,框架标准;
    • 界面设计:移动产口页面分析,页面风格分析,APP页面制作,适配、标注与切图规范;
    安卓、IOS图标制作、界面制作
    WebUI
    • Banner设计:banner的种类与风格,banner的设计方法,banner的构成思路;
    • 网页设计流程及规范:网页的设计流程,网页构成元素与规范,网页的布局模式;
    • 页面分析:网站的类型与风格,主流行业网站分析,不同网站的布局与排版方式;
    • 专题页设计:专题页头图设计,专题页板块设计,各类型专题页分析与制作,专题页设计思路,专题页实战练习;
    商业网页整站设计
    多媒体界面设计
    • 智能手机界面设计:苹果 iOS 界面设计、谷歌 Android 界面设计、谷歌 Android 界面设计;
    • 智能电视、机顶盒界面设计:苹果 Apple TV 界面设计、谷歌 Android 智能电视界面设计;
    • 智能穿戴设备界面设计:苹果 WatchOS 界面设计、谷歌 Android Wear 界面设计;
    • PC 端软件界面设计:应用软件界面设计、游戏软件界面设计;
    了解各种多媒体界面设计规范、设计原理和设计方法

    模块

    课程名称

    课程描述

    学习内容

    前端实现 网页制作
    • Web前端网页设计基础标签
    • 表格表单框架
    • DIV+CSS页面布局
  • 网页设计基本流程和工作内容;
  • WEB页和移动页面的设计规范,网页的风格和色彩;
  • 网页的基本结构、元素构成、标签的组合;
  • HTML5页面结构及元素标签的应用;
  • 音频和视频等多媒体元素处理
  • 案例:各类风格的商业网站赏析、新闻页排版、广告业排版;
  • 表单的设计及引用;
  • 表格及其修饰:宽、高、位置、颜色、背景,行列合并、结构修改、线合并等;
  • 案例:各类报名表的制作、简历表的制作、房产活动页面制作、游戏页面制作、登陆页面、留言页面制作;
  • 常见的DIV布局案例,DIV的浮动和定位;
  • CSS的选择器及属性详解:文字、文本、背景、定位、布局、边框、补丁和补白、浮动等详解;
  • CSS3线性渐变、背景优化、阴影盒子及兼容样式等;
  • CSS特效:导航等各类CSS特效;
  • 案例:学校网页、政府网页、商业网页、电商网页的DIV+CSS布局;
  • 网页制作
    • 移动端响应式页面制作
    • Bootstrap前端框架
    • 移动端响应式页面制作
    • 网站综合案例
  • 移动端页面设计的基本流程、设计原理、设备支持;
  • Flex弹性布局;
  • Swiper实现触摸滑动轮播特效;
  • 媒体查询实现响应式页面设计
  • 案例:制作移动端响应式Web前端网站
  • Bootstrap布局容器和栅格系统;
  • Bootstrap排版、表格、表单、按钮、图片等
  • 案例:Bootstrap布局设计制作Web页;
  • JavaScript
    脚本
    • JavaScript基本变量定义、常见JS数据类型、JS基本运算与表达式;
    • 基本对话框、分支、循环语句(for、while)讲解,循环应用讲解;
    • JavaScript的Object、Function、String 和正则表达式、内置对象、时间控制、常用函数等;
    • JS鼠标事件、键盘事件以及DOM和BOM模型处理;
    案例:利用JavaScript实现页面特效等;
    JQuery
    框架讲解
    • JQuery选择器灵活控制DOM/BOM元素及其属性样式及元素遍历等;
    • JQuery鼠标事件、键盘事件、各类效果与动画讲解;
    • JQuery插件的使用过程,工厂函数$()与回调函数讲解;
    • JQuery的Ajax异步编程、JSON/XML格式数据处理等;
    • JQuery各类网页特效讲解
    利用JQuery实现导航、轮播、异步处理等PC/移动端经典Web特效
    前端高级框架及全栈开发框架详解
    • Layui框架;
    • Layui页面元素和内置模块等应用示例;
    • Vue-Cli脚手架和Vue全家桶
    • Vue模板、控制语句、组件和路由等示例;
    • React元素渲染、组件、事件处理等;
    • 服务器基础、Apache介绍;
    • Node、NPM、Express入门;
    • MongoDB数据库技术;
    • 前后端分离的开发模式;
  • 案例:各框架经典示例;
  • 案例:Node、Express+数据库实现全栈开发;

  • UI二期

    UI交互设计二期课程名称

    UI交互设计二期课程描述

    UI交互设计二期综合案例

    UI三维元素
    C4D设计
    After Effects视频合成
    C4D基础建模
    • 引导学生熟悉C4D软件中各项功能的使用和基本模型的创建;
    • 了解现阶段主流立体UI的展现类型;
    • 掌握3D立体图标、APP界面、网站界面中3D元素的设计制作方法;
  • 综合案例:完成3D立体图标的制作
  • C4D高级渲染
    • 理解材质、灯光与摄像机在设计中的重要作用;
    • 各类材质的参数设置(如木纹、布料、塑料、金属、玻璃等等)、材质贴图的编辑、3D产品的灯光构建、不同角度摄影机的架构等等;
    • 调整最终渲染参数、输出高质量效果图
  • 综合案例:给3D立体图标添加材质、灯光,进行渲染输出;
  • 3D图片合成处理
    • 熟悉软件的基本操作;
    • 利用图层调整、遮罩蒙板、色彩调节、设计元素合成等进行二次美化;
    • 添加艺术字、广告元素;
    综合案例:通过PS对3D立体图标进行二次美化;
    AE界面与基础
    • 界面认知,工作流程,后期软件编辑原理,导入,新建合成,编辑实例,素材导入;工具箱工具介绍及应用;
    • 菜单栏与项目面板,项目面板具体命令介绍;
    • 合成面板,时间轴面板与流程图面板,素材面板与预览面板等常用面板介绍;
    综合案例:利用所学知识点完成项目的新建和维护
    基本动画的制作
    • 如何使用合成面板中对象的基本属性,缩放、旋转、移动、透明度等调节选项;
    • 调整不同对象的基本属性参数,以达到不同的动画效果;
    • 调整时间轴中不同动画效果的出现和结束时间,完成动画效果间的衔接;
  • 综合案例:完成相册动画效果、生日祝福动画;
  • 图层的管理及应用
    • 时间轴面板中图层操作,图层属性,蒙版的创建,蒙版的属性,蒙版插值,形状图层,遮罩实例;
    • 图层面板中的按钮与图层属性,图层的分类,图层的子化,流程图面板,流程图面板;
    • 图层菜单的新建,纯色设置,打开图层源,蒙版和形状路径,时间与帧混合,3D图层,图层混合模式,图层样式,预合成等;
  • 综合案例:利用图层遮罩完成游戏回城效果的制作;
  • 文本创建与文字动画
    • 文本概述,创建文本,字符面板,段落面板;
    • 文本属性,源文本属性,路径选项属性;
    • 范围控制器,范围选择器动画,透明度动画,起始与结束属性动画,路径文字效果,文本动画预设;
    • 文本特殊应用实例;
  • 综合案例:利用文字属性和范围选择器完成文字动画、文字路径动画等;
  • 三维场景的应用
    • 3D图层的概念;
    • 3D图层的基本操作,创建3D图层,基本操作,观察3D图层,操作实例;
    • 灯光图层,灯光的类型,灯光的操作,灯光的属性,阴影的细节,几何选项,材质属性;
    • 摄像机的应用;
  • 综合案例:利用三维图层、摄影机和灯光完成历史文字动画的实例
  • 效果与表达式
    • 效果和预设面板;
    • 效果操作,应用效果,复制效果,关闭与删除效果,效果参数设置;
    • 内置效果详解,色阶,色相/饱和度,曲线,三色调,高斯模糊,定向模糊,卡通,卡片擦除,分形杂色;
    • 表达式应用,创建与移除表达式,表达式的编写,给表达式加注解,理解表达式中的量,理解表达式中的时间;
    • 创建文字表达式;
  • 综合案例:利用各类滤镜效果完成节目片头,利用表达式完成动漫MV的制作;
  • 画面的运动与跟踪
    • 动画路径的调整,动画的播放,动画曲线的编辑,关键帧应用;
    • 跟踪动画,跟踪和稳定,摇摆器(The Wiggler)面板,动态草图(Motion Sketch)面板,记录运动路径,平滑器(The Smoother)面板;
    • 动画菜单,保存动画预设与在mocha AE中跟踪,将动画预设应用于,最近动画预设与浏览预设,添加关键帧与切换定格关键帧,关键帧插值,关键帧速度,关键帧辅助,其他命令;
  • 综合案例:完成圣诞宣传片的制作;
  • 渲染与输出
    • After Effects的编辑格式,常用电视制式,常用视频格式;
    • 其他相关概念,场,帧速率与像素比;
    • 导出,渲染列队,输出到,渲染设置模式,渲染设置对话框,输出模块,输出模块设置;
  • 综合案例:批量导出和渲染
  • 阶段项目实训
    • 移动WEB端项目开发
  • 整体风格确定、手绘初步样式草稿、PS+AI绘制页面视觉传达效果;
  • 利用切图软件制作出符合开发人员要求的切图素材;
  • 利用C4D完成项目中所有3D展示效果,包括3D图标、3D图片、3D动图等,使项目更符合现代消费者的审美,提高整体竞争力;
  • 利用AE完成项目中所有动态展示效果、提高团队合作效率;
  • 利用前期所学的知识点完成整体移动WEB端项目开发;
  • 阶段项目实训
    • 移动WEB端项目开发
  • 利用H5+CSS3标签和前面设计好的平面素材制作整套手机端项目页面;
  • 通过各类脚本实现包括菜单栏、展示通栏、状态标签栏、表单验证、图片展现等等交互效果;
  • 利用前期所学的知识点完成整体移动WEB端项目开发;
  • 动态效果
    • 全栈开发技术
  • Layui框架;
  • Layui页面元素和内置模块等应用示例;
  • Vue-Cli脚手架和Vue全家桶
  • Vue模板、控制语句、组件和路由等示例;
  • React元素渲染、组件、事件处理等;
  • 服务器基础、Apache介绍;
  • Node、NPM、Express入门;
  • MongoDB数据库技术;
  • 前后端分离的开发模式;
  • 案例:Vue/Node/Express/数据库实现全栈开发;
  • 优秀作品 好作品等于敲门砖】

    现在砸开的未来的大门吧

    【让“薪情”飞扬 一个月赚回学费

    UI设计师需求巨大 企业高薪重金招人
          

    【三大职业 让你一次学到位

    平面广告设计、WEB界面开发、UI界面设计

    【海纳百川 汇聚卓越师资力量

    多年行业经验练就卓越技术

    【东方博宜 发挥集团优势

    学员全程参与项目的实施 带着经验轻松就业

    【东方博宜 发挥教学优势

    东方博宜自主培训教材 教学更专业