深加速UI视觉设计课程大纲 |
课程大纲 | 课程简介 |
软件基础 | Photoshop | AdobePhotoshop,简称"PS",是由AdobeSystems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。 |
Photoshop软件界面及基础操作 |
图像模式简介及图像编辑与选取工具 |
绘画与修饰 |
图层的使用(图层样式图层混合模式图层) |
文字工具 |
蒙版(图层蒙版剪贴蒙版) |
路径与形状(路径的基本操作形状路劲路劲文字) |
滤镜 |
色彩调整与校正 |
通道与图像批处理 |
图层的应用 |
图像调整的应用 |
动画制作 |
Illustrator | Adobe illustrator,简称"AI"作为全球的矢量图形软件,以其强大的功能贴合用户界面,AI广泛应用于印刷出版,插画,图标,服装设计,建筑设计,UI设计等多领域。 |
初识illustrator软件界面认识菜单工具了解/文件格式详解 |
圆形工具应用/比例缩放/颜色面板认识/图形填色及群组/打散 |
复制命令/对齐辅助线/物件 钢笔工具的使用/渐变应用/图层的应用 |
渐变/镜像/旋转/圆角矩形 钢笔直接选择工具两点兼并对像顺序调整 |
强化钢笔工具使用 剪刀工具 |
填充图绘制:强化钢笔工具使用/剪刀工具 |
布尔运算(对像的加减乘除) 链接两个点 |
矩形命名布尔运算钢笔渐变混合/钢笔渐变混合 |
布尔运算(对像的加减乘除) 图标绘制 综合应用 |
包装刀模绘制 |
软件小图标的设计绘制 |
CorelDRAW | 该软件套装更为专业设计师及绘图爱好者提供简报、彩页、手册、产品包装、标识、网页及其它;该软件提供的智慧型绘图工具以及新的动态向导可以充分降低用户的操控难度,允许用户更加容易地创建物体的尺寸和位置,减少点击步骤,节省设计时间。 |
CorelDRAW入门及界面介绍 |
CorelDRAW常用工具的讲解 |
CorelDRAW多对象的操作 |
效果工具的操作(形状转曲调和轮廓图变形阴影封套立体化透明工具) |
效果工具的操作 |
实例制作/文字效果案列 |
标志绘制分解 |
卡牌制作翻版 |
包装盒刀模绘制 |
线稿图绘制 |
传统美术 | 美术基础 | 素描的起源与绘画的作用 | 绘画中点、线、面的构成原理及绘画工具的使用。 |
绘画线条练习 | 线条在绘画作品中的应用技巧。 |
素描速写 | 绘画构图与透视 | 实例解析矩形构图、三角形构图、S形构图及斜线构图四种绘画构图和平行透视、成角透视两种绘画透视。 |
几何体 | 实例解析几何立方体、球体、圆柱体、多面体四种几何体和方形、球形、圆形、多面体四种拓展体。 |
静物 | 实例解析简单结构静物组合和复杂结构静物组合。 |
设计素描 | 实例解析双重意向、虚拟想象、矛盾联想在设计素描中的运用。 |
基础造型课程 | 绘画与创意 | 创意速写、设计素描案例实训。 | |
|
|
手绘图标 | 二维剪影图标、三维写实图标案例实训。 | |
|
手绘 | PS人物转手绘 | 实例解析色彩中的明度、纯度、饱和度。 | |
|
sai转手绘 | 实例解析目测法色彩归类、照片分析法色彩归类。 | |
|
色彩搭配 | 实例解析色彩原色对比、对比色对比、复色对比。 | |
|
色彩与设计 | 实例解析色彩采集重构、色音采集重构。 | |
|
平面设计 | Vi视觉识别系统 | 平面构成色彩学 | 平面设计的构成原理,色彩的认识,色彩的构成和应用,色彩的意义及象征。 |
广告定义/字体的认知 | 认识广告的定义,广告的应用范围,字体的认识,字体的属性。 |
logo设计 | L0G0标志的设计原理,象征意义,设计技法及设计实现。 |
广告介质尺寸讲解 | 平面广告的材质认识:喷绘材质,写真材质,印刷纸张的解析。 |
名片设计 | 明片的设计排版(明片的尺寸分类)。 |
传单/折页设计 | DM宣传单设计制作(版式结构讲解,常见的宣传单尺寸,印刷模式及后期制作)。 |
X展架/卡卷设计 | X展架的尺寸,门票入场卷的尺寸及设计注意事项。 |
画册/书籍设计 | 画册的设计排版,画册的尺寸规格及后期工艺。 |
包装设计 | 产品包装设计,设计工艺介绍,包装效果图的制作。 |
印刷制作详讲 | 排版原理文字曲线印印刷要求 |
VI视觉系统认识 | 企业视觉识别系统的定义规范和使用。 |
版式设计综合应用课Indesign/Powerpoint/word | ID版心、页码、主版页、字符样式、段落样式、对象样式、脚本应用等 |
杂志栏目、分栏、版式分割、文本绕排等 |
学习掌握Powerpoint软件应用,针对提案PPT文档进行设计,制作商业提案,将设计方案完美展示给客户观看,并通过讲解与阐述观点得到客户认可,同时展示设计师的风采。并通过实际项目演练,同时学习阐述产品优点及特色内容。 |
WEB界面设计 | 电商设计美工 | 电子商务平台认知 | 电商常见运营模式了解,天猫规则讲解;开店流程以及店铺页面布局结构。 |
开店 | 开店流程/开店规则 |
网店布局结构 | 网店的页面构成/及页面组成框架 |
店招设计 | 店招是店铺的黄金招牌,详细讲解怎样在店招上把店铺风格品牌信息等强有力的传达。 |
海报焦图设计 | 海报可谓店铺的吸睛之笔,涉及版式构图、文字排版、色彩搭配、光影层次、质感调色等等。 |
分类设计、促销区设计 | 店铺分类导航主推款促销区域排版 |
页尾设计、优惠券制作 | 店铺页尾公共区域的利用店铺优惠卷制作 |
制作 | 中心/旺旺千牛应用 |
发布宝贝 | 产品发布规则注意事项;运费模板设置;宝贝主图制作。 |
店铺装修上传 | Dreamweaver软件的熟练运用,全屏店招、全屏海报、全屏轮播海报以及店铺页面背景等 上传/熟练促销模块、中心、视频海报、分类导航以及页尾等上传。 |
产品详情页制作 | 女装 |
产品详情页制作 | 3C数码 |
产品详情页制作 | 其它行业 |
详情页上传 | 详情页的上传发布 |
自定义二级页面上传 | 活动二级页钻展/聚划算/企业文化 |
主图视频制作 | 宝贝主图/详情页视频 |
促销专题页打造 | 双十一、双十二等大型促销页面的氛围营造。 |
手机页面装修 | 手机端首页详情制作 |
助理 | 助理应用 |
添加关注、微淘 | 天猫店铺--添加关注、微淘 |
广告图设计 | 聚划算主图/直通车主图/钻展图等 |
店铺后台讲解 | 解析店铺后台模块和功能 |
整店装修设计 | 负责全店装修设计 上传产品发布 |
装修模板使用 | 装修市场的模板应用 |
其它平台介绍 | 1688后台装修介绍/京东店铺/天猫店等装修介绍 |
PC端WEB | 网站界面设计基础 | Web界面设计规范:网站设计基本流程与设计规范的概念性讲解,重点了解Web界面设计规范 |
多风格多类型界面设计 | 网页配色与布局:讲解色彩与构图的基本概念,掌握各种企业类网站的网页特点认知,根据不同企业类网站的特点,进行Web端界面设计技巧和相关规范。 |
掌握各种展览展示类网站的网页特点认知,了解目前流行的几种形式,根据不同特点进行页面视觉设计,以达到视觉上的建站目标。 |
网页Banner广告设计课 | 网络广告设计标准与实现:讲解动态banner的设计标准,学习Flash中的动画制作原理与技巧,典型WUI商业广告中的Flash技术与实现 |
网页样式与布局设计 | 对网页结构进行认知,了解切片与网页结构间的逻辑关系,学习符合W3C标准的HTML网页框架制作技术,包括结构标签、表格、表单等,学习网页样式表现方法,使用CSS对网页进行细节美化 |
布局技巧与浏览器兼容:了解特殊布局的实现技巧,了解浏览器基本发展状况,对各浏览器的解析特点进行认知 |
HTML5响应式设计 | 响应式设计的基本概念,HTML5与CSS3的基本应用,响应式设计实现方法 |
移动端界面设计 | 移动平台图标设计 | IC0N设计基本流程与设计规范的概念性讲解,掌握当今世界系统的UI界面图标设计技能,重点了解各种风格的设计方法通过各种风格设计方法训练,掌握不同图标设计特征和效果实现 |
1、剪影图标实训。 2、扁平图标实训。 3、拟真图标实训。 4、卡通、复古、手工、印章,做旧等图标风格实训。 |
交互设计 | UE用户体验研究 | 了解UE的基本概念,掌握UCD的核心设计思想,为设计出良好用户体验的移动APP产品打下坚实的基础 |
UI交互原型设计基础 | 运用交互软件让学员更多以及更便捷的理解交互原理。 |
拓扑图 | 产品设计的好坏,与前期的策划、用户调研的效果有直接联系,拓扑图作为产品策划阶段的重要产物,对产品功能模块的逻辑关系梳理、后续产品走向的准确控制,起到了至关重要的作用。 |
交互原型图 | 通过项目学习和掌握原型设计、交互设计的原理,不同平台交互特点,了解用户心理。 |
安卓移动平台 和I0S平台 | 实例讲解Android与I0S平台的设计风格,流行趋势,布局规范设计,交互体验细节设计,产品属性设计等各种特点和切图规范。 |
掌握Android与I0S及ipad平台APP整套全流程:包括拓扑图、原型图、界面设计图与GUI等。 |
针对Android及I0S平台办公类、休闲类等APP应用产品的全案实训 |
可穿戴设备设计 | 随着苹果Watch的发布,可穿戴设备越来越被用户所接纳,而运行在这些设备上的APP设计需求也越来越多,课程将详细讲授各种主流设备的设计规则与特点 |
动效设计 | AfterEffects应用 | 通过AE实现UI交互过程中的动态效果的设计,使设计想法能够更好的表达。 |
交互动效的设计 | 了解交互动效设计思想,掌握实现复杂动效的方法。 |
动效提案设计 | 重点学习AfterEffects在实现动效设计中的技法,动画节奏的细腻把控,为后续交互设计提案呈现提供 |
移动UI实战项目 | 结合实际项目讲解互联网行业设计流程规范和设计角色的思考问题方式,效果图提案展示方法。 |
|