Suche senden
Hochladen
新业务新员工培训 Banner设计
•
8 gefällt mir
•
1,759 views
jay li
Folgen
Technologie
Kunst & Fotos
Melden
Teilen
Melden
Teilen
1 von 19
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
新人培训课程 Banner设计(2012)
新人培训课程 Banner设计(2012)
tbtomli
JavaScript Engine
JavaScript Engine
jay li
犀牛书第六版
犀牛书第六版
jay li
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
jay li
Jswebapps
Jswebapps
jay li
潜力无限的编程语言Javascript
潜力无限的编程语言Javascript
jay li
Responsive Web UI Design
Responsive Web UI Design
jay li
深入剖析浏览器
深入剖析浏览器
jay li
Empfohlen
新人培训课程 Banner设计(2012)
新人培训课程 Banner设计(2012)
tbtomli
JavaScript Engine
JavaScript Engine
jay li
犀牛书第六版
犀牛书第六版
jay li
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
jay li
Jswebapps
Jswebapps
jay li
潜力无限的编程语言Javascript
潜力无限的编程语言Javascript
jay li
Responsive Web UI Design
Responsive Web UI Design
jay li
深入剖析浏览器
深入剖析浏览器
jay li
HTML/CSS/JS基础
HTML/CSS/JS基础
jay li
淘宝前端技术巡礼
淘宝前端技术巡礼
jay li
F2e security
F2e security
jay li
中国元素在设计中的应用 -如瑟
中国元素在设计中的应用 -如瑟
jay li
卫银霞 -统计数字会撒谎
卫银霞 -统计数字会撒谎
jay li
编码大全 拔赤
编码大全 拔赤
jay li
小控件、大学问
小控件、大学问
jay li
Mobile UI design and Developer
Mobile UI design and Developer
jay li
Javascript autoload
Javascript autoload
jay li
Html5form
Html5form
jay li
Slide
Slide
jay li
Js doc toolkit
Js doc toolkit
jay li
夏之 专题设计
夏之 专题设计
jay li
赤骥 用户研究入门
赤骥 用户研究入门
jay li
Ecmascript
Ecmascript
jay li
2011彩票首页开发实践
2011彩票首页开发实践
jay li
Web设计的画纸深入了解我们的显示器
Web设计的画纸深入了解我们的显示器
jay li
潜意识设计
潜意识设计
jay li
Html&css培训 舒克
Html&css培训 舒克
jay li
Html5@taobao
Html5@taobao
jay li
Weitere ähnliche Inhalte
Mehr von jay li
HTML/CSS/JS基础
HTML/CSS/JS基础
jay li
淘宝前端技术巡礼
淘宝前端技术巡礼
jay li
F2e security
F2e security
jay li
中国元素在设计中的应用 -如瑟
中国元素在设计中的应用 -如瑟
jay li
卫银霞 -统计数字会撒谎
卫银霞 -统计数字会撒谎
jay li
编码大全 拔赤
编码大全 拔赤
jay li
小控件、大学问
小控件、大学问
jay li
Mobile UI design and Developer
Mobile UI design and Developer
jay li
Javascript autoload
Javascript autoload
jay li
Html5form
Html5form
jay li
Slide
Slide
jay li
Js doc toolkit
Js doc toolkit
jay li
夏之 专题设计
夏之 专题设计
jay li
赤骥 用户研究入门
赤骥 用户研究入门
jay li
Ecmascript
Ecmascript
jay li
2011彩票首页开发实践
2011彩票首页开发实践
jay li
Web设计的画纸深入了解我们的显示器
Web设计的画纸深入了解我们的显示器
jay li
潜意识设计
潜意识设计
jay li
Html&css培训 舒克
Html&css培训 舒克
jay li
Html5@taobao
Html5@taobao
jay li
Mehr von jay li
(20)
HTML/CSS/JS基础
HTML/CSS/JS基础
淘宝前端技术巡礼
淘宝前端技术巡礼
F2e security
F2e security
中国元素在设计中的应用 -如瑟
中国元素在设计中的应用 -如瑟
卫银霞 -统计数字会撒谎
卫银霞 -统计数字会撒谎
编码大全 拔赤
编码大全 拔赤
小控件、大学问
小控件、大学问
Mobile UI design and Developer
Mobile UI design and Developer
Javascript autoload
Javascript autoload
Html5form
Html5form
Slide
Slide
Js doc toolkit
Js doc toolkit
夏之 专题设计
夏之 专题设计
赤骥 用户研究入门
赤骥 用户研究入门
Ecmascript
Ecmascript
2011彩票首页开发实践
2011彩票首页开发实践
Web设计的画纸深入了解我们的显示器
Web设计的画纸深入了解我们的显示器
潜意识设计
潜意识设计
Html&css培训 舒克
Html&css培训 舒克
Html5@taobao
Html5@taobao
新业务新员工培训 Banner设计
1.
新业务新人培训课程
3 Banner设计 从入门到精通 分享人:人马 – 淘宝北京UED 联系方式:刘昊 13691596661 邮箱:renma@taobao.com
2.
新业务新人培训课程
3 Banner设计 什么是banner? 从入门到精通 Banner主要体现中心意旨, 形象鲜明表达最主要的情 感思想的表达。 Banner的主要类型有: • 页面中的横幅广告 • 游行活动时的旗帜 • 报纸杂志上的大标题 北京UED– 人马 邮箱:renma@taobao.com
3.
新业务新人培训课程
3 Banner设计 在淘宝的设计流程 从入门到精通 需求 → 评估(沟通、预估、前期准备)→制作 →反馈、确定初稿 →跟进 北京UED– 人马 邮箱:renma@taobao.com
4.
新业务新人培训课程
3 Banner设计 怎样才算好? 从入门到精通 北京UED– 人马 邮箱:renma@taobao.com
5.
新业务新人培训课程
3 Banner设计 Banner字体 从入门到精通 字体传达:清晰易辨认 推荐使用“方正兰亭黑”系列字体 禁止使用微软雅黑等未授权字体 尽量少使用英文,且拼写一定要正确 尽量避免对字体的变化,倾斜、拉伸、变形等 北京UED– 人马 邮箱:renma@taobao.com
6.
新业务新人培训课程
3 Banner设计 Banner图片 从入门到精通 图片质量 图片素材 图片素材 严格按照TMS标准下,从视觉上 素材图片应该以真人实景为主。 当素材设计到大小调整或图片比 控制JPG产生的噪点和层次感的丧 除特殊需求否则不推荐卡通效果 重调整时,需按照1:1的长宽比 失。 类素材。 进行缩放或修改。含人物,风景 等易辨识内容时,严禁压扁或拉 长素材内容。 北京UED– 人马 邮箱:renma@taobao.com
7.
新业务新人培训课程
3 Banner设计 Banner的沿用性 从入门到精通 北京UED– 人马 邮箱:renma@taobao.com
8.
新业务新人培训课程
3 Banner设计 淘宝首页 - 实例 从入门到精通 北京UED– 人马 邮箱:renma@taobao.com
9.
新业务新人培训课程
3 Banner设计 淘宝首页 - 实例 从入门到精通 北京UED– 人马 邮箱:renma@taobao.com
10.
新业务新人培训课程
3 Banner设计 淘宝Banner规范 从入门到精通 TMS的图片标准: 高 x宽 x0.4/1024+2=标准最大k 数 510x200x0.4/1024+2=41.8KB 常用尺寸: 300x150 最大19.578K 270x70 最大9.383K 190x70 最大7.195K 80x80 最大4.5K 北京UED– 人马 邮箱:renma@taobao.com
11.
新业务新人培训课程
3 Banner设计 设计技巧 从入门到精通 • 字体选用正版字体(方正),不要超过三 种字体,一般情况两种字体 • 太多的附加元素,会干扰用户对主题的识别 • 英文尽量少用,万不得已情况下,一定要拼写正确 • 素材选择要注意版权问题,人物最好用授权过的 • 颜色方面,最好选择纯度高的颜色,尽量避免在颜色中添加过多的灰度 • 尽量避免对字体的变化,倾斜、拉伸、变形等,PS位图软件会出现锯齿 北京UED– 人马 邮箱:renma@taobao.com
12.
新业务新人培训课程
3 Banner设计 图片格式 - JPG 从入门到精通 JPEG图片以 24位颜色 存储单个光栅图像。JPEG是与 平台无关的格式,支持最高级 别的压缩。但这种压缩是有损 耗的。 北京UED– 人马 邮箱:renma@taobao.com
13.
新业务新人培训课程
3 Banner设计 图片格式 - GIF 从入门到精通 GIF文件的数据,是一种基 于LZW算法的连续色调的无损 压缩格式。其压缩率一般在50 %左右,它不属于任何应用程序。 目前几乎所有相关软件都支持它 GIF最多支持256色 最简单的支持低版本IE的 透明色解决方案 北京UED– 人马 邮箱:renma@taobao.com
14.
新业务新人培训课程
3 Banner设计 图片格式 - PNG 从入门到精通 PNG用来存储灰度图像 时,灰度图像的深度可多到16 位,存储彩色图像时,彩色图 像的深度可多到48位,并且还 可存储多到16位的α通道数据。 PNG使用从LZ77派生的无损数 据压缩算法。 PNG可透明,α通道 北京UED– 人马 邮箱:renma@taobao.com
15.
新业务新人培训课程
3 Banner设计 图片格式 - SWF 从入门到精通 swf是Macromedia (现已被ADOBE公司收购) 公司的动画设计软件Flash 的专用格式,是一种支持 矢量和点阵图形的动画文 件格式,被广泛应用于网 页设计,动画制作等领域 组件化特色,擅长 小K数的大尺寸动画 北京UED– 人马 邮箱:renma@taobao.com
16.
新业务新人培训课程
3 Banner设计 细节决定成败 从入门到精通 • 清晰的主题 • 富有品质感的图形 • 适合的图片格式 • 直观的文案描述 • 锐利精致的反光 • 图片尺寸 • 良好的构图 • 适当的色调和渐变 • 多底色延伸 北京UED– 人马 邮箱:renma@taobao.com
17.
新业务新人培训课程
3 Banner设计 常用链接 从入门到精通 视觉规范 ‐ Banner:http://wiki.ued.taobao.net/doku.php?id=group:vd:standard:banner_guide_new 视觉规范 ‐ 图片:http://wiki.ued.taobao.net/doku.php?id=group:vd:standard:pic 图库:http://tuku.taobao.ali.com/ 全景:http://www.quanjing.com/ 字体:tbnasTaoBaoUI悟玄Fonts方正兰亭 北京UED– 人马 邮箱:renma@taobao.com
18.
新业务新人培训课程
3 Banner设计 Thanks 从入门到精通 北京UED– 人马 邮箱:renma@taobao.com
19.
新业务新人培训课程
3 Banner设计 Q&A从入门到精通 北京UED– 人马 邮箱:renma@taobao.com
Jetzt herunterladen