杭州平面设计高端

平面设计师间的差距是什么？

平面设计师间的差距是什么?今天我们从从两个维度方面来谈谈——实力，时间。

实力：同一届入行的平面设计师之间也会有很大的差距。

天赋、名校、科班出身、有编程能力、研究生、运气、人脉等等标签都属于和别人竞争的资本。

随着每个人的努力和时间流逝，雪球有可能越滚越大，后面可以发现同龄的设计师可能 已经是总监，设计专家了，还有一些仍是低阶设计师，差距越来越明显。

时间：一般来讲，高阶设计师和低阶设计师******明显的差距应该是工作经验，当然也 有特别出色的年轻设计师凭着天赋和努力很早成为高阶设计师。

高阶设计师长时间在该领域耕耘，研究竞品迭代产品，在经验上是比刚工作的设计师有 一定优势的，犯的错误也会比低阶设计师少一些，但也不代表高阶设计师就比低阶设计师优秀，时间上的鸿沟只能**加倍的努力去超越。

平面设计综合课程

平面设计综合阶段
Ps	1.介绍软 件（应用领域、优势）/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图/选区自由变换/保存格式/文字（文字海报）/ 形状工具（绘制简单形状）/填充（前景色、背景色）
	2.色 彩基础知识/色阶/曲线/ 亮度对比度等/色彩平衡/色相饱和度/可选颜色/画布大小调整/建立快速蒙版/LAB颜色模式
	3.软件界面/软件基本设置/导入图片/视图 的基本操作/调色命令/文件导出
	4.光影知识/涂抹、锐化、模糊工具/加深、 减淡工具/消失点，液化滤镜、仿制源/渐变工具、吸管工具/肤色调整/色彩知识（色彩搭配训练）
	5.素描三大关系/色彩构成/透视/产品修图 案例
	6.基础抠图工具/基本形状工具/钢笔工具/ 文本工具/字体排版技巧/变形变换
	7.抽出命令/通道抠图/调整边缘抠图/插件 抠图/抠图总结
	8.图层混合模式/合成基础知识/合成案例
	9.滤镜（下）扭曲，渲染/图层样式内阴影 ，斜面与浮雕，颜色，渐变，图案叠加/详情页
	10.自定义形状工具/3D工具/直通车制作
	11.图层样式概念/图层样式分类/图层样式 案例/APP界面
	12.网页 设计基础/动画设计 总结
Ai	1.介绍软件/新建文件设置/软件界面认识/ 文字工具/文字大小改变、旋转、复制
	2.其他格式：制表符、文字属性复制轮廓/ 简历制作
	3.选择工具、基础绘图学习/颜色填充、渐 变工具、吸管工具/锚点编辑工具
	4.钢笔铅笔工具、路径橡皮擦、美工刀、剪 刀.群组与复合路径、对齐和分布
	5.排列、锁定、隐藏、路径查找器（焊接、 相交、修剪）、剪切蒙版
	6.描边面板/对象/路径/内部填充（网格工 具、实时上色）
	7.变形工具/封套扭曲/变换工具
	8.画笔/符号/符号喷枪工具
	9.混合工具（带过，CDR中详说）、透明蒙 版（结合剪切蒙版使用）
	10.外观面板、图形样式/描边、外观的使用 /图层面板（多图层整理）
	11.图表/位图转矢量图/透明度面板（中叠 加方式的使用）
	12.效果菜单（凸出和斜角、绕转、风格化 ）软件相互间格式的处理
Cdr	1.软件介绍（应用领域、优势、缺点）/软 件界面（调色板）
	2.基本操作（新建文件、设置文件大小、出 血、保存、导出、再制等）
	3.排版需注意的事宜（字号、字体、出血、 文字安全框等）
	4.文本格式：文字方向、字符格式、段落格 式、段落文本换行（图文混排）、分栏
	5.基础绘图（矩形、椭圆、多边形、图纸、 螺旋线、完美形状、智能绘图）
	6.移动工具、填色（内部、轮廓）/视图工 具（抓手、缩放、显示性能）
	7.排列、锁定、造形/图框精确裁剪/群组与 结合、对齐和分布
	8.手绘、艺术笔/贝塞尔、钢笔/折线、三点 曲线、连线、度量工具
	9.形状工具：A.直接编辑基本形状/文字； B.转换成曲线后编辑
	10.涂抹、粗糙、变换工具/裁切、刻刀、橡 皮檫、虚拟段删除/线条填色
	11.均匀、渐变、图样、纹理、PS填充/交互 式填充、网状填充吸管油漆桶
	12.交互调和、轮廓
	13.变形、阴影、透明
	14.立体(立体字设计、扁平投影效果、添加 纹理立体字、渐变立体字)
	15.封套
	16.位图处理/转换（跟踪位图）位图遮罩/ 滤镜效果（卷页）/效果菜单
	17.表格处理/插入条码、OLE对象（图表）/ 对象管理器/页面设置、打印
品牌电商	1.学习美术黑白灰三大调设计原则，掌握人 像精修技巧，方便易记，快速出效果。
	2.学习电商设计中的阴影处理，熟练掌握护 肤产品的设计风格与特性，使用检查标准提高页面效果。
	3.学习设计中的对比法则，对于画面的把控 能力，得心应手。
	4.学习字体设计，掌握检查和修改自己作品 的方法和技巧。
	5.熟悉天猫京东首页banner广告位的设计风 格与规则。
	6.学习设计轮方法，系统学习设计创意逻辑 ，让创意设计变得简单、快捷、　。
	7.掌握图像创意合成方法，快速出效果。
	8.**独创方法分析电商各类出色作品的标 准，为自行创作提供有效的方法。
品牌logo	1.学习logo图形设计的基本原则、设计流程 、思维方法和技巧要点，**剖析多个案例提升logo图形设计实战技能。
	2.**中 文、英文和数字阐述logo字体的设计原理，并提供五种捷径帮助学员有效快速掌握设计方法。
	3.熟悉VI设计效果图制作方法，快速出效果 。
	4.熟悉VI手册设计规范，学习各项基础设计 细节并明确了解其作用。
	5.**天琥自创标志鉴赏十六字，检验标志 对错好坏。深入解析有关logo品牌形象上抄袭和借鉴的区别。深入一层从含义、图形、文字、形态和色彩五要素进行创作，塑造出色logo案例。
品牌物料	1.根据多个案例实战学习商业型和创意型海 报设计的法则、规范与流程。
	2.掌握单张X展架的特点。包括尺寸大小、 折叠打孔位置设定等设计规范，实战中快速制作出符合要求的宣传单张和展架画面设计。
	3.掌握宣传折页的特点，包括折法、尺寸、 出血等设计规范，实战中快速制作出吸金无数的宣传折页。
	4.**案例学习包装设计鉴赏、包装材料、 包装纸盒结构设计以及包装印刷工艺。
	5.文案思维对于设计具有指导性的意义，学 习广告语，可以给各类型设计作品加分。
	6.**多个案例学习画册的版式类型和基本 原理。**点评作品，让学员快速掌握版式设计的技巧、原则和规范。
	7.天琥独创研发理论，结合实操，提升对设 计的认知。
	8.天琥独创四大诀窍提升品牌设计文化深度 ，借以提升设计作品的价值和价格。
	9.运用品牌设计思维，实战操作整个品牌的 各项设计，运用六尺评判标准，从看想写做说五种能力掌握项目设计的交付标准，让学员真正成为一名独当一面的全能型视觉创意设计师。
Dw	1.认识DW界面、工作区，熟练DW基本操作， 学习表格，切片
	2.掌握超链接、锚链接、富媒体、框架网页 、浮动框架的使用，建立简单的传统网页站点
	3.html css:学习CSS三种嵌入形式、选择符 、盒模型、浮动等，熟悉页面布局方法
	4.html css:项目列表与导航，常用css样式 、css3样式补充，居中等
	5.掌握和熟悉横版网页的制作技巧和注意事 项，让网站与众不同
	6.熟练掌握竖版网站的制作规范和技巧，不 再做网站的“小白”
	7.表单，表单创建与表单样式
	8.下拉列表，dl、dt、dd下拉效果
	9.spry卡式、折叠式、工具提示
	10.学会如何套用和调用已有的JS代码，让 网站妙趣横生，引人夺目
网页设计	1.了解网站与网页的关系，学习标杆管理， 与设计中标杆的应用。
	2.了解网站首页的组成部分，系统学习网站 设计的组成。熟练掌握WUI设计的规范。
	3.了解网页的前世今生与设计趋势。分辨各 种不同网站类型的设计风格。重点学习网站设计的内容布局。
	4.了解一个网站诞生的过程。**企业网站 案例对网站设计进行梳理，了解网页设计流程。
	5.学习展示型网站、信息型网站、功能型网 站、品牌网站、活动网站等网站类型的设计规范。
	6.了解整 站设计与整站设计中不同功能的页面。**实际项目案例学习了解电子商务网站。
	7.重点掌握整站设计中的不同页面元素与设 计时该注意的规范重点。
电商设计	1.重点学 习阿里/天猫/淘宝开店流程、装修流程、上架流程。
	2.学习钻展广告位的作用及规范。了解排版 原则，信息传达原则，文字排版标杆布局，色彩关系的区分。
	3.学习直通车的作用及规范，重点掌握直通 车广告设计方法与技巧。
	4.学习宝贝主图的作用及规范。重点掌握宝 贝主图的设计方法与详情页的设计流程和技巧。
	5.了解品牌电商的设计思路，**案例学习 不同品牌电商的设计方法与技巧。
	6.学习店铺装修代码与淘宝代码生成平台的 应用。重点掌握代码的修改与热点图。
	7.学习淘宝页面的移动端设计转变形式。重 点学习网站响应式设计。
	8.了解实际工作中网页电商设计师的定位于 发展趋势。指导简历的制作思路与毕业作品的设计。
Icon	1.学习Photoshop和Illustrator绘制线性和 块状剪影图标的技法，达到能绘制不同行业图标的能力
	2.学习图层样式初级使用，掌握扁平化，长 投影等风格的图标绘制技法
	3.学习图层样式的高级使用，掌握图标颜色 的搭配技巧，达到能绘制不同风格轻拟物图标的能力
	4.学习重拟物图标中的透视角度、光影关系 、材质表现知识，掌握一些常见材质图标的刻画技法
	5.学习手机应用主题设计规范，做一套完整 的手机应用主题，包括系统图标、桌面插件、锁屏界面
Axure交互	1.学习Axure软件基础知识，掌握低保真原 型绘制能力，并学习条件判断语句使用方法
	2.深入学习Axure动态面板元件，掌握动态 面板的切换与循环。
	3.学习Axure软件高级知识，了解Axure软件 中变量的使用，并能够做一些高级交互效果
移动端UI	1.学习iOS10人机界面指南，深入学习iOS设 计理念，掌握iOS界面尺寸以及字体规范
	2.学习APP界面设计配色技巧以及常见类型 导航设计知识，并结合项目开始设计项目界面
	3.学习用户体验理论知识，了解UED部门人 员的配备以及各职能人员的实际工作，能够运用用户体验的知识重新审视自己使用的产品，并能在后期的设计中站在用户体验的高度去设计自己的产品
	4.学习产品开发流程，熟悉用户调研的方法 、竞品分析的维度，了解产品经理的工作内容
	5.了解交互设计师的工作内容，熟悉移动端 交互热区的范围，学习交互手势在设计中的应用，学会书写交互说明文档
	6.学习并掌握移动端界面设计中的列表式布 局方法，了解移动端界面设计意识。
	7.学习Google大力推崇的Material Design 的设计语言，掌握MD设计规范，深入理解MD设计思想
	8.利用MD设计理念结合项目需求设计MD风格 的界面
	9.了解APP引导页的功能分类，掌握引导页 的常见表现形式以及常见扁平风小插画的绘制技法
	10.学习移动端应用图标的6种表现技法，并 制作前期项目的应用图标。
	11.学习并掌握移动端界面适配法则以及切 图和标注的方法，从而后期更好配合程序人员
	12.学习微信公众号平台中微商城的知识， 并学习微信新的小程序设计规范，深入理解微信设计理念
	13.掌握H5场景制作平台的操作技巧，学会 制作H5动态展示页面
	14.深入学习H5场景制作平台操作技巧，按 照项目需求制作H5动态展示页面
	15.总结整个阶段学习的知识，做知识梳理 ，查缺补漏，复习前面所学知识
简历面试	1.学习UI设计师简历制作的要求，制作高端 的UI设计师个人简历作品集，为后期找工作做好准备
	2.深入探讨UI面试中经常被问到的一些概念 性问题，用**为适合的语言去组织问题的答案，为后期的面试做准备
作品集包装	1.以总部研发部指定作品标准，严格把控学 员就业作品。帮助学员查漏补缺，精益求精，做出能拿得出手的作品。
	2.至少一次真实项目完整实战指导。会给到 一个较长的周期，了解实际工作流程，项目流程。与参与制作。
就业服务	1.实行一对一的心理辅导，学习就业面试技 巧。模拟面试训练与定期的招聘会。
	2.就业有保障。

用好这四个元素，帮你做出高大上的电商Banner（附技巧及神器）

---

@ChiNa_威海_山岩 ：一个电商Banner 由不同的元素（背景、主体、文字、装饰）构成，如何运用好这四个元素，就成了一个Banner 是否优秀的关键。今天这篇好文，结合超多案例，教你如何运用好这四个元素，内附不少配色和修图的技巧及工具，干货多多，别错过咯。

往期电商好文回顾：

往期电商设计好文回顾：

1. 《高效流程！帮你快速做出优秀电商BANNER 的设计三部曲》
2. 《5个帮你快速进阶的电商BANNER 设计技巧（案例多）》
3. 《设计基础功！聊聊平面构成中的点线面（超多案例）》
4. 《电商好文！超多实战案例帮你解锁5种商品摆放姿势》
5. 《实战好文！帮你做出优秀电商BANNER的五个方面（超多案例）》
6. 《从这四个方面挑选图片素材，可以提高电商设计的出图质量》

我们聊聊图片制作中的元素构成，以及如何运用这些元素让图片内容更合理、丰富。根据大的框架我们首先可以给图片中的元素氛围以下4类。

1. 背景
2. 主体
3. 文字
4. 装饰

如图：

 

我们一一去剖析每种元素的合理应用与方法。

一、背景

我们在制作图片的时候一般会有以下几种背景的应用形式——纯色、渐变、图案、固有背景、合成背景。

△ 纯色背景（多应用于整洁、简单、明确、大气的海报）

渐变背景（多应用于高端、上档次、清新的海报）

图案背景（多应用于活力、张扬、青春、宣传促销的海报）

原有环境（多应用体现整体性、规整性及真实性的海报）

新的环境（多应用于体现主体性与主题性的海报）

背景的应用往往会对一张图片起到决定性的作用，我们来谈一谈具体的一些方法。

背景元素在使用的时候**需要注意的首先就是配色问题、简单来说就是弄出背景与其他元素的融合与反差。

一般情况下有以下几种搭配方式，近似色融合、互补色反差、亮暗色反差。并且在实际的操作中，往往都是文字比其他元素需要与背景更有强烈的反差感。

近似色的融合使整个画面和谐安定

那么如何使用好近似色呢，这里我给出2种具体的方法（哇哈哈~你们等的就是这个吧！不讲方法那是我的教程么~）

**种：**吸管去吸主体的颜色

第二种：将主体物复制一份并将下方的主体物放大，然后滤镜—模糊—高斯模糊，确定好合适的数值。这种方法会使主体跟背景之间有更好的融合过度。文字还是****种方法吸取某一个临近的色块。

互补色的反差使整个画面具有对比

互补色的应用，往往是针对需要有强烈的画面渲染和对比的场景，还是比较容易上手的，我们首先需要了解一个东西就是6位色相环，既RGB与CMY两种颜色模式直接的规律。正三角形顺时针方向从上依次为RGB，到三角形瞬时间方向从下依次为CMY，而我们所说的互补色就是相对应的两个颜色系列，既红与青、黄与蓝、绿与品红。这里需要额外提到的是我们在做一些光效的时候，可以往阴影部分适当增加一些补色进去，会让阴影更加真实。

如果我们还记不住互补色为哪两种色系、也可以打开图像—调整——色彩平衡。也会有非常明确的补色关系

我们人眼所能识别的颜色直观的去定义只有红、橙、黄、绿、青、蓝、紫、品红八种色系，所以不管我们的主体是什么颜色，我们都可以寻找到它相近的补色，如果实在无法用肉眼去判断，我们也可以使用拾色器去吸当前颜的颜色并找到它的具体色相。

在相较于近似配色，补色配色能更加突出主体的轮廓，使主体更加明确，对比更加强烈。

亮暗色的反差使整个画面具有冲击

亮与暗是一种很极致的反差效果，就好比漆黑的房间中哪怕只是点燃了一根火柴也会有极强烈的冲击感。我们可以仔细回想自己看过的作品，在绝大多数成熟的作品中亮暗对比、关的渲染、阴影的处理都是必不可少的环节。

亮部的处理方法

**种方法：背景中的亮部往往都是利用「光」去完成的，光的应用也有很多种，我推荐几个我比较常用的方式，首先**个而是滤镜，叫做光线工厂（现在也有叫灯光工厂），很多设计论坛都有**。左边部分为效果区，右边为调整区，一目了然，比如容易上手。

第二种方法：是使用光的素材，并**图层混合模式的滤色、柔光、叠加等方式对素材进行处理。

**好为黑色底的，更容易滤色掉黑色部分。

△ 一些应用的效果

第三种方法：是**自行绘制来实现效果，也许新手会感觉比较生疏，不太容易控制，但是熟练应用之后会给你的设计带来很多便利，我平时很少使用渐变工具去制作渐变效果，而是**画笔去绘制渐变效果，这样可以让渐变更加灵活，也给你的设计带来更多的可能性。

下图示范，如需在一个黑色背景上画出一种紫色到蓝色的过度，首先新建一个空白图层，用柔边的画笔，不透明的在10%-30%之间，选择适当的画笔大小在图层上绘制紫色，再次新建空白图层，使用上述方法绘制蓝色，连个图层之间可以调整不同的模式，如滤色、柔光、变亮等查看不同效果，当然如果正常情况下也很舒服可以直接使用正常模式。这里需要记住的是我们尽量新建空白图层去绘制，这样如果需要移动光效也会变得非常简便。

△ 上图所示的光效效果很多都是**绘制的方式完成的

暗部处理方法

暗部处理的常用方法跟亮部处理的方式雷同，这里就不在重复啰嗦。我说说平时在处理图片时会经常用来处理暗部的方法 —— CAMER RAW滤镜。PS在CC版本之后可以自由使用CAMER RAW滤镜，是我个人认为PS近几年改变当中**具有突破的一次，ACR可以广泛应用与图层中，对图片的处理带来了巨大的便捷。

我们可以在滤镜菜单中找到CAMER RAW滤镜命令。

首先是基本选项中的高光、阴影、白色、黑色调节块可以方便自如的控制你需要的调节的亮暗区域，其次清晰度选项可以帮助你把图片锐化程度进一步提升的同时减少锯齿的出现。

效果选项中的裁剪后晕影可以　制作四角加暗效果，并且灵活性颇高。

下图所示，四角加暗效果对图片的质感有着非常巨大的提升，本身感觉平平的图片会因为暗部的巨大反差而具有很强的视觉冲击性。

二：主体

没有主体的画面是散乱而飘渺的，而如何在画面中明确表现出主体也是很多设计师非常头疼的问题，我在这里总结几种方法可以让我们有跟多的选择去处理我们的主体。

我们要先搞清楚主体的画面占用比，拿淘宝的一个Banner来说，画布尺寸是990×400，而我的产品是一个鱼竿，那么当我的鱼竿以全貌的形式呈现现在这张banner当中会出现什么情况：

我们可以看到不管我们是横放竖放还是斜着放都会给我们的图片带来大量的空白，这样会使我们的图片空洞毫无美感。这就是主体的画面占用比太低（而正常情况下主体的画面占比应在30%以上）和主体的形状局限性带所带来的一种不便，面对这种情况，我们需要做的就是放大