UI视觉设计培训
一、适用学员
针对应届在校生;5基础UI视觉设计爱好者;亟待入行的新人;自驱进阶的职场人
二、课程课时及价格
504个课时;32800元
三、授课类型
全日制、周末班(9:00-12:00;14:00-17:30)
四、课程介绍
本套课程分为全科UI 、游戏UI、视觉广告与动效设计三个专业。
实用干货内容,从入门到精通,课程内容设置经过1年以上市场调研,企业高层参与研发,符合企业真实岗位技术需要。教授技能同时,更教授工作标准、规范和项目流程!
五、课程特点
四步进阶式学习,UI设计能力—UI绘制能力—广告全案能力—视效能力
1、竞品特点:突出软件教学、突出软件技术的丰富度,再结合网络教学,带来的结果学员只学会了很多软件,只学会了按老师的步骤一步步的翻版,但并不具备设计能力。
2、我们的特点:首先通过WEB、APP、交互设计上入手,让学员掌握行业常用的UI设计技术,再通过游戏UI锻炼学生一定的绘制能力,再通过专业二的广告产品全案设计提升学员的产品思维、再通过AE+C4D提升学员视效表现能力
六、课程大纲
| 章 | 模块名称 | 时间 | 课时 | 课程内容 | 学习目标 |
| 模块 | 视觉传达设计(60) | 第1天 | 4 | 软件基础操作 | 通过基本物体的搭建,让学员掌握软件的视窗操作和软件的基本逻辑概念,掌握基本物体的创建和调整,熟悉创建流程和调整方法。 |
| 第2天 | 4 | ||||
| 第3天 | 4 | ||||
| 第4天 | 4 | LOGO设计 | 教会学生以文字和图画为主要视觉刺激元素,覆盖面广、阅读方式灵活、时效强、传播范围广,作为一种视觉传达设计的形式特征,其设计理念表现手段具有很明显的典型特征利用强烈的色彩、美丽的案、突出的造型、幽默的动作,生动的广告语言吸引视线 | ||
| 第5天 | 4 | ||||
| 第6天 | 4 | 名片设计 | |||
| 第7天 | 4 | ||||
| 第8天 | 4 | 海报主视觉设计 | |||
| 第9天 | 4 | ||||
| 第10天 | 4 | 三折页设计 | 以文字和图画为主要视觉刺激元素,覆盖面广、阅读方式灵活、时效性强、传播范围广,印刷种类、纸张开度、印刷色彩、印前设计、制版印刷和印后加工产品设计阶段要确定整个产品的策略、外观、结构和功能,从而确定整个产品系统布局 | ||
| 第11天 | 4 | ||||
| 第12天 | 4 | 易拉宝设计 | |||
| 第13天 | 4 | ||||
| 第14天 | 4 | 包装设计 | |||
| 第15天 | 4 | ||||
| 第二模块 | WEBUI设计(60) | 第16天 | 4 | 网站设计规范讲解 | 通过学习,了解网页的基本知识,网站运行原理,网页制作软件的介绍及上传工具使用,归划、设计,发布,维护的步骤,网页的标准,网站策划原则,网页布局原则和布局方法,多种常用布局的具体表现方式,字体和图片在网页中的应用,色彩的基本概念,网页安全色的使用,及搭配方法,图像优化和输出的方法,网页切片的输出及制作gif动画。 |
| 第17天 | 4 | ||||
| 第18天 | 4 | 网站思维导图及逻辑框架讲解 | |||
| 第19天 | 4 | ||||
| 第20天 | 4 | 企业主站设计 | 通过学习,了解网站各风格logo的基本知识,设计原则,banner和导航条的设计,网站从策划到设计,再到输出的基本程,通过案例讲解photoshop设计网站页面的思路,过程,总结等,利用dreamvaver的模板制作网页,制作网页等。 | ||
| 第21天 | 4 | ||||
| 第22天 | 4 | ||||
| 第23天 | 4 | 电商类分类页面设计讲解 | |||
| 第24天 | 4 | ||||
| 第25天 | 4 | ||||
| 第26天 | 4 | 电商类详情页面设计讲解 | |||
| 第27天 | 4 | ||||
| 第28天 | 4 | ||||
| 第29天 | 4 | 网页输出讲解 | 通过学习,了解网页的基本知识,图像优化和输出的方法,网页切片的输出及制作gif动画。 | ||
| 第30天 | 4 | ||||
| 第三模块 | WEB前端程序设计(16) | 第31天 | 4 | html框架搭建 | 了解网页HTML的使用方法,能够使用HTML语言搭建静态网页的框架。了解网页css的使用方法,能够使用css语言完成静态网页的效果 |
| 第32天 | 4 | ||||
| 第33天 | 4 | css样式制作 | |||
| 第34天 | 4 | ||||
| 阶段考核 | 全科阶段K1考核(32) | 第35天 | 4 | 全套网页设计 | 根据要求完成一整套的网页设计 原型可以参考本资料,内容可以自拟,不一定用游戏题材,可以是商务、电商、设计、等多种题材 |
| 第36天 | 4 | ||||
| 第37天 | 4 | ||||
| 第38天 | 4 | ||||
| 第39天 | 4 | ||||
| 第40天 | 4 | ||||
| 第41天 | 4 | ||||
| 第42天 | 4 | ||||
| 第四模块 | ICON设计(20) | 第43天 | 4 | 扁平化图标讲解 | 了解图标类型、用法及特点 了解图标制作 掌握扁平图标的制作规范与方法 |
| 第44天 | 4 | ||||
| 第45天 | 4 | 拟物化图标讲解 | |||
| 第46天 | 4 | ||||
| 第47天 | 4 | ||||
| 第五模块 | UED交互设计(20) | 第48天 | 4 | AXURE交互设计讲解 | 通过课程学习,了解什么是Axure原型工具,如何进行安装汉化,并了解原型工具界面的功能和常用的快捷键。通过学会各个组的使用,能利用组件设计出原型,并通过实例"利用线框图组件制作资料填写页面"来熟悉各个组件的使用。通过课程学习AXURE链接交互行为包括的内容,并通过对每项内容的举例进行深入的了解和学习,通过学习了解axure部件交互行为包括的内容及使用场景介绍,通过逐项举例深入学习了各种部件交互行为的使用方法和实现的交互效果。通过课程学习了解什么是动态面板以及动态面板常用功能介绍并通过实例"利用动态面板制作轮播图效果"对动态面板进行深入学习及掌握。 |
| 第49天 | 4 | ||||
| 第50天 | 4 | ||||
| 第51天 | 4 | 墨刀交互讲解 | |||
| 第52天 | 4 | ||||
| 第六模块 | APP界面设计(60) | 第53天 | 4 | APP设计规范讲解 | 掌握头部的结构知学习目标:"熟悉UI设计、手机UI设计/认识IOS、Android、Win 三大主流移动平台 掌握移动UI设计原则,规范设计,提升用户体验" "熟悉手机UI设计流程 了解交互设计流程及各类列表" "认识APP 了解下载APP各大平台的特点 了解APP设计与其他移动UI设计的不同之处" 掌握手机首页设计方法 学习APP原型转视觉设计流程 "了解不同风格界面的优劣势 掌握整套APP设计准备、设计规格、界面制作等" "理解碎片化 掌握解决碎片化的技巧" "掌握微信界面设计技巧 了解IOS手机不同尺寸下、各部分内容适配规范及方法 了解安卓手机不同尺寸下、各部分内容适配规范及方法" "掌握标注方法及标注工具的使用 掌握IOS切图方法 掌握安卓切图方法 PAD端UI设计规范"识后,深入研究对头部贴图的刻画,掌握头部贴图皮肤和五官的刻画方式。 |
| 第54天 | 4 | ||||
| 第55天 | 4 | 逻辑思维导图讲解 | |||
| 第56天 | 4 | ||||
| 第57天 | 4 | 原型图设计及规划 | |||
| 第58天 | 4 | ||||
| 第59天 | 4 | 高保真效果图设计及制作 | |||
| 第60天 | 4 | ||||
| 第61天 | 4 | ||||
| 第62天 | 4 | ||||
| 第63天 | 4 | ||||
| 第64天 | 4 | 切图与输出设计讲解 | |||
| 第65天 | 4 | ||||
| 第66天 | 4 | app交互设计的规范及要点讲解 | |||
| 第67天 | 4 | ||||
| 第七模块 | 基础AE动效设计(12) | 第68天 | 4 | 基础AE及AE品牌基础动效 | 利用ae制作品牌动态LOGO。将图片导入到AI中绘制路径,然后在AE中添加路径动画。本次课程的难点是动画过渡的流畅性以及渲染。 |
| 第69天 | 4 | ||||
| 第70天 | 4 | ||||
| 第八模块 | 基础C4D品牌视觉设计(16) | 第71天 | 4 | 基础C4D及三维品牌视觉设计 | 利用C4D制作品牌三维LOGO。模型分为四个部分,模型部分可以将图片导入到AI中绘制路径,然后在C4D中挤压。本次课程的难点是材质的渲染。 |
| 第72天 | 4 | ||||
| 第73天 | 4 | ||||
| 第74天 | 4 | ||||
| 阶段考核 | 全科阶段K2考核(32) | 第75天 | 4 | 全套app界面设计 | 每个组员负责一个项目,或由项目经理为每个组员制定范围进行制作。 根据行业特征,独立完成一套客户端系统界面,根据提供的原型设定图进行项目设计 |
| 第76天 | 4 | ||||
| 第77天 | 4 | ||||
| 第78天 | 4 | ||||
| 第79天 | 4 | ||||
| 第80天 | 4 | ||||
| 第81天 | 4 | ||||
| 第82天 | 4 | ||||
| 第九模块 | 游戏控件设计(12) | 第83天 | 4 | 基础游戏设计制作 | 色彩的相关知识、图像的颜色模式、色域与溢色、位图与矢量图等 使用内置工具制作选区、基于颜色制作选区、选区的编辑练习 颜色面板、画笔面板、绘画工具、修饰工具、图像润饰工具等应用练习 快速选择通道、Alpha/专色通道、混合通道、通道调整颜色、通道抠图等强化通道知识 |
| 第84天 | 4 | ||||
| 第85天 | 4 | 应用类游戏控件设计 | |||
| 第十模块 | 手绘Q版游戏道具(图标)(36) | 第86天 | 4 | 宝箱类图标手绘讲解 | 本模块通过实例讲解,掌握多种风格游戏手绘图标制作讲解的方法,不同形式,不同材质的图标设计流程以及能准确传达图标意义的设计规范。 |
| 第87天 | 4 | ||||
| 第88天 | 4 | ||||
| 第89天 | 4 | 血罐类图标手绘讲解 | |||
| 第90天 | 4 | ||||
| 第91天 | 4 | ||||
| 第92天 | 4 | 卷轴类图标手绘讲解 | |||
| 第93天 | 4 | ||||
| 第94天 | 4 | ||||
| 第十一模块 | 手绘商业插画banner(钢笔工具设计)(16) | 第95天 | 4 | 带的游戏图标手绘讲解 | 加强学生的手绘能力和素材的运用能力,能较好的去搭配素材已经在素材基础上使用手绘技巧以达到跟原图不一样的效果避开原班原用的缺陷,学会后期的运用等技巧,锻炼学生用快的速度达到公司想要的结果才是本次案例的终目的。 |
| 第96天 | 4 | ||||
| 第97天 | 4 | 商业海报手绘元素设计 | |||
| 第98天 | 4 | ||||
| 第十一模块 | 初级游戏界面设计(56) | 第99天 | 4 | 游戏主视觉及登录界面设计 | 本模块通过完整的实际案例制作,深入了解和学习三国类风格的游戏ui制作方法流程,学习各个界面的制作要点,初步了解基本游戏界面的设计规范,层级关系,设计要素,以及整体界面风格把控。 |
| 第100天 | 4 | ||||
| 第101天 | 4 | 主界面设计 | |||
| 第102天 | 4 | ||||
| 第103天 | 4 | 操控页面设计 | |||
| 第104天 | 4 | ||||
| 第105天 | 4 | 商城及背包页面设计 | |||
| 第106天 | 4 | ||||
| 第107天 | 4 | 设置页面设计 | |||
| 第108天 | 4 | ||||
| 第109天 | 4 | 总结页面设计 | |||
| 第110天 | 4 | ||||
| 第111天 | 4 | 游戏完成页面设计 | |||
| 第112天 | 4 | ||||
| 第十二模块 | 棋牌游戏界面设计(20) | 第113天 | 4 | 全套棋牌游戏界面设计 | 通过完整的实际案例制作,深入了解和学习*水墨风格,美漫风格的游戏ui制作方法流程,学习各个界面的制作要点.制作更加复杂的带有手绘效果的界面设计。 |
| 第114天 | 4 | ||||
| 第115天 | 4 | ||||
| 第116天 | 4 | ||||
| 第117天 | 4 | ||||
| 阶段考核 | 全科阶段K3考核(36) | 第118天 | 4 | 一套游戏UI界面设计 | 每个人为一个项目组,独立完成项目任务。制作要求:ui界面必须包含logo界面和主界面加弹窗样式,运用设计法则进行logo的设计,使用软件制作logo的效果,利用手绘的能力绘制logo的细节,背景,以及logo的其他辅助部分,如果能添加手绘角色进入LOGO中,当作为分数浮动的参考开发环境 |
| 第119天 | 4 | ||||
| 第120天 | 4 | ||||
| 第121天 | 4 | ||||
| 第122天 | 4 | ||||
| 第123天 | 4 | ||||
| 第124天 | 4 | ||||
| 第125天 | 4 | ||||
| 第126天 | 4 |
| 二学年 | |||||
| 模块 | 产品设计思维训练+商业手绘 | 第1天 | 4 | 自行车品牌创意 | 客户沟通和提案准备,有效的进行素材准备,保证设计的前期工作完成 |
| 第2天 | 4 | ||||
| 第3天 | 4 | ||||
| 第4天 | 4 | 稻草人箱包活动 | |||
| 第5天 | 4 | 熟练使用蒙版工具,配合画笔进行多场景拼贴,掌握色彩调和技能 | |||
| 第6天 | 4 | ||||
| 第7天 | 4 | VR品牌创意 | |||
| 第8天 | 4 | 掌握蒙版与烟雾画笔的运用,和调色工具进行整体润色处理 | |||
| 第9天 | 4 | ||||
| 第10天 | 4 | ||||
| 第二模块 | 商业海报设计 | 第11天 | 4 | 品牌女装海报设计 | 了解品牌海报设计方向和前期制作方向 |
| 第12天 | 4 | 掌握画面层次感塑造技巧,环境色彩上色技法,对明暗灰的色彩处理 | |||
| 第13天 | 4 | 掌握后期色彩处理顺序和技法,氛围的塑造要素和光的设计 | |||
| 第14天 | 4 | 了解透视在合成设计前期的重要作用和对素材寻找的影响 | |||
| 第15天 | 4 | 3d手机品牌海报设计 | 场景制作基本流程与拼合技巧,如何让自制素材真实的融入环境 | ||
| 第16天 | 4 | 画面真实感光影设计和细节提升 | |||
| 第17天 | 4 | ||||
| 阶段考核 | 二学年阶段K1考核 | 第18天 | 4 | 一套合成海报设计 | 运用已学知识制作一套具有品牌概念的产品设计思维的合成海报设计,终审核重点,用户界面必须使用自己原创作品。 项目分配:项目可以以个人或者团队模式成,每个组员可以负责一个项目,或由项目经理为每个组员制定范围进行制作。 |
| 第19天 | 4 | ||||
| 第20天 | 4 | ||||
| 第21天 | 4 | ||||
| 第22天 | 4 | ||||
| 第23天 | 4 | ||||
| 第24天 | 4 | ||||
| 第三模块 | UI动效设计 | 第25天 | 4 | 1.AE基础知识学习 | 对AE软件基础有全面的认识,知道如何做动效,如何导出动效,如何包装动效作品。 |
| 第26天 | 4 | 2.AE关键帧及动画曲线 | 了解AE关键帧及动画曲线的调节 | ||
| 第27天 | 4 | 3.形状图层的动效 | 了解形状图层的各种属性,以及在UI动效设计中的综合运用 | ||
| 第28天 | 4 | 4.蒙版、遮罩 | 了解蒙版、遮罩的各种属性,以及在UI动效设计中的综合运用 | ||
| 第29天 | 4 | 5.文本图层的动效 | 了解文本图层的各种属性,以及在UI动效设计中的综合运用 | ||
| 第30天 | 4 | 6.AE内置 | 了解AE的内置,以及在UI动效设计中的综合运用 | ||
| 第31天 | 4 | 7.三维图层、摄像机、粒子插件 | 了解三维图层、摄像机、灯光及粒子插件的各种属性,以及在UI动效设计中的综合运用 | ||
| 第32天 | 4 | 8.登录界面动功效设计 | 对登录界面动动效有清晰的实现思路,能熟练完成该类型动效 | ||
| 第33天 | 4 | 9.侧边栏滑动页面动效 | 对蒙版有清晰的认识,能熟练完成该类型动效 | ||
| 第34天 | 4 | 10.目录依次上滑 | 掌握对关键帧的调节,能熟练完成该类型动效 | ||
| 第35天 | 4 | 11.列表页面卡片3D形式加载 | 掌握速度曲线的调节,把控动效设计的整体节奏 | ||
| 第36天 | 4 | 12.卡片3D滑动案例 | 掌握速度曲线的调节,把控动效设计的整体节奏 | ||
| 第37天 | 4 | 13.地图类界面动效设计 | 对修剪路径、动画节奏等有全面的认识,能熟练完成该类型动效 | ||
| 第38天 | 4 | 14.引导页面动效设计 | 文本、形状图层的综合案例,对引导页动效设计有全面的认识 | ||
| 第39天 | 4 | 15.视频聊天界面动效 | 文本、动效节奏、运动路径的综合运用 | ||
| 第40天 | 4 | 16.统计类APP界面动效 | 文本、形状图层的综合运用 | ||
| 第41天 | 4 | 17.卡片扫描类界面动效设计 | 3D图层、AE的综合运用 | ||
| 第42天 | 4 | 18.网页动态展示设计 | 掌握对网页设计稿的动态展示 | ||
| 第43天 | 4 | 19.apple watch界面动效设计 | 掌握溶球效果的运用 | ||
| 第44天 | 4 | 20.内容左滑删除界面动效设计 | 掌握粒子插件在UI界面动效中的运用 | ||
| 阶段考核 | 二学年阶段K2考核 | 第45天 | 4 | 用户界面操作演示视频 | 运用已学知识制作一套用户界面操作演示动画,演示内容至少包含7个主要页面,是否可以通过演示清楚展示界面操作流程和交互的视觉效果是终审核重点,用户界面必须使用自己原创作品。 项目分配:项目可以以个人或者团队模式完成,每个组员可以负责一个项目,或由项目经理为每个组员制定范围进行制作。 |
| 第46天 | 4 | ||||
| 第47天 | 4 | ||||
| 第48天 | 4 | ||||
| 第49天 | 4 | ||||
| 第50天 | 4 | ||||
| 第51天 | 4 | ||||
| 第四模块 | 3D视觉设计 | 第52天 | 4 | C4d基础 | 了解C4D界面,掌握基础命令。了解C4D中曲线。了解C4D中变形工具的使用,学会使用变形器制作简单模型。学习C4D对象和样条的编辑操作。了解C4D中材质和灯光的设置。了解C4D中关键帧设置和渲染。了解C4D中运动图形。了解C4D中效果器。以iphone4为例,学习简单建模和材质添加。掌握三维UI图标模型的制作和材质添加。 |
| 第53天 | 4 | ||||
| 第54天 | 4 | ||||
| 第55天 | 4 | ||||
| 第56天 | 4 | ||||
| 第57天 | 4 | ||||
| 第58天 | 4 | ||||
| 第59天 | 4 | ||||
| 第60天 | 4 | ||||
| 第61天 | 4 | ||||
| 第62天 | 4 | C4D制作3D动效(logo破碎与摄像机动效) | 学会制作破碎效果,运用插件和高版本内置效果两种方法来实现。学习多边形建模的各种命令,了解C4D中动画关键帧,学会渲染扁平化效果。 | ||
| 第63天 | 4 | ||||
| 第64天 | 4 | 案例讲解(logo制作) | 学习品牌logo的制作,学会在AI中绘制logo并在C4D中加压成三维模型,掌握材质的添加和渲染。 | ||
| 第65天 | 4 | 案例讲解(德芙海报制作) | 学习电商海报制作,掌握各种模型的制作方法。掌握电商海报材质的添加和渲染以及后的合成效果。 | ||
| 第66天 | 4 | ||||
| 第67天 | 4 | 案例讲解电商海报 | 学会在AI中绘制logo并在C4D中加压成三维模型,掌握样条约束。了解摄像机的创建和灯光的设置。掌握电商海报材质的添加和渲染以及后的合成效果。 | ||
| 第68天 | 4 | ||||
| 第69天 | 4 | ||||
| 第五模块 | 视频简历设计(2天) | 第70天 | 4 | AE视频简历设计 | 了解AE中遮罩的使用,学会使用AE中的文字动画预置以及三维图层的使用。 |
| 第71天 | 4 | 学会AE中蒙版的使用,终的渲染合成输出。 | |||
| 阶段考核 | 二学年阶段K3考核 | 第72天 | 4 | 汇众LOGO创意设计 | 每个组员负责一个项目,或由项目经理为每个组员制定范围进行制作。 学员完成作品的平面设计,如果有剩余的时间,可以实现动画效果,动画部分也将算到浮动的评分里面。 |
| 第73天 | 4 | ||||
| 第74天 | 4 | ||||
| 第75天 | 4 | ||||
| 第76天 | 4 | ||||
| 第77天 | 4 | ||||
| 第78天 | 4 | ||||
| 第79天 | 4 | ||||
| 第80天 | 4 | ||||
| 第81天 | 4 | ||||
| 第82天 | 4 | ||||
| 第83天 | 4 | ||||
| 第84天 | 4 | ||||
| 第85天 | 4 |
七、教学优势
"赋能式"线下+线上教育模式
1、以线下教师为核心,按照线下教学计划教授学员核心技术
2、以线下教师为核心,按照每个学生特点制定线上学习计划,并且通过教师、班主任共同的监督指导,实现个人的"因材施教"
3、以线上教学为拓展,在"云课堂"收集海量行业大咖教师经验,赋能学员,拓展知识结构
