《Banner设计-2012taobao内部ppt.pptx

Banner設計4新人培训课程| 从入门到精通Taobao Beijing UED |renmaBanner設計4分享初衷2010. 72010. 82011. 62012. 2Taobao Beijing UED |renmaBanner設計4提升效率及设计质量++技术分享软件共享高质量素材Taobao Beijing UED |renmaBanner設計4什么是Banner?百度百科：Banner主要体现中心意旨，形象鲜明表达最主要的情感思想的表达。主要类型：页面中的横幅广告游行活动时的旗帜报纸杂志上的大标题Taobao Beijing UED |renmaBanner設計4Banner的重要性Taobao Beijing UED |renmaBanner設計4淘宝的设计流程需求 → 评估(沟通, 预估, 前期准备) → 制作 → 反馈、确定初稿 → 跟进Taobao Beijing UED |renmaBanner設計4Banner设计：字体字体传达：清晰易辨认推荐“方正兰亭黑”系列禁止使用微软雅黑等未授权字体尽量少使用英文，且拼写一定要正确尽量避免对字体的变化，倾斜、拉伸、变形等Banner設計4Banner设计：图片图片质量严格按照TMS标准下，从视觉上控制JPG产生的噪点和层次感的丧失。图片素材素材图片应该以真人实景为主。除特殊需求否则不推荐卡通效果类素材。图片素材当素材设计到大小调整或图片比重调整时，需按照1：1的长宽比进行缩放或修改。含人物，风景等易辨识内容时，严禁压扁或拉长素材内容。Banner設計4Banner设计：传承Banner設計4Banner规范实例Banner設計4Banner规范实例Banner設計4规范：TMSTMS图片算法：高 x 宽 x 0.4/1024 + 2 = 标准最大k数510x200x0.4/1024 + 2= 41.8KB常用尺寸：300x150 最大19.578K270x70 最大9.383K190x70 最大7.195K80x80 最大4.5KBanner設計4Banner设计实例Banner設計4Photoshop技法通常默认的素材缩放后会有些模糊，没有原图片的锐度。图像质量问题会导致Banner的品质感降低，不精致。滤镜：锐化在2次锐化图层上创建一个蒙版, 做一个径向渐变.将主体突出.复制一层2次锐化但通常会有些锐利的过头原图优化后Banner設計4Banner设计实例Banner設計4设计技巧字体选用正版字体（方正），一般两种字体搭配 为佳。不要超过三种。太多的附加元素，会干扰用户对主题的识别英文尽量少用，万不得已情况下，一定要拼写正确图片素材要注意版权问题，人物最好用授权过的颜色方面，最好选择纯度高的颜色，尽量避免在颜色中添加过多的灰度尽量避免对字体的变化，倾斜、拉伸、变形等，PS位图软件会出现锯齿Banner設計4图片格式：JPG JPEG 图片以 24 位颜色存储单个光栅图像。JPEG 是与平台无关的格式，支持最高级别的压缩。但这种压缩是有损耗的。Banner設計4图片格式：GIF GIF文件的数据，是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50％左右，它不属于任何应用程序。目前几乎所有相关软件都支持它 GIF最多支持256色 最简单的支持低版本IE的透明色解决方案 Banner設計4图片格式：PNG PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。 PNG可透明，α通道Banner設計4图片格式：Flash swf是Macromedia（现已被ADOBE公司收购）公司的动画设计软件Flash的专用格式，是一种支持矢量和点阵图形的动画文件格式，被广泛应用于网页设计，动画制作等领域 组件化特色，擅长小K数的大尺寸动画Banner設計4总结：细节决定成败清晰的主题直观的文案描述良好的构图富有品质感的图形锐利精致的反光适当的色调和渐变适合的图片格式图片尺寸多底色延伸aobao Beijing UED | renmaBanner設計4常用链接视觉规范 - Banner：/doku.php?id=group:vd:standard:banner_guide_new/doku.php?id=group:vd:standard:banner_guide_new视觉规范 - 图片：/doku.php?id=group:vd:standard:pic/doku.php?id=group:vd:standard:pic图库：//全景：//字体：file:///\\tbnas\TaoBao\UI\悟玄\F