作者:@SixDogs 前淘宝北京UED资深视觉设计师。从小喜欢画画,泥塑,电脑游戏。毕业于北京电影学院(动画学院)15岁组装了自己的第一台电脑(后成为硬件发烧友,精通软硬件)16岁开始学习传统动画,CG绘画等。17岁接触互联网,并成立个人网站SixDogsNet(99年互联网春天一片大好,做过GUI外包也做过资讯频道编辑)18岁本来想出去工作,考了个Adobe平面设计师认证(ACCD)19岁但后来还是考上了自己梦寐以求的学校……99年成立了个人网站SixDogs’Home,00年注册了国际域名SixDogs.Net后来以SixDogs这个网名混迹至今。 期间的作品,网站被《漫友》、《大众软件》、《HOPE》、《电脑报》、《计算机应用文摘》等杂志发表和推荐收录。可能老一批网虫对我的这个名字有点印象。 接下来,进入主题。 微盘打包下载→ Banner设计PPT+培训稿+PSD实例.rar
Banner设计其实是我们接触互联网工作后,最常见最普及的一种工作。 什么是Banner? Banner的核心使命其实是吸引用户关注,然后被点击。 大家可以看到上图中首焦Banner。 粗略一看我知道是卖服装的,39块包邮的T恤。 仔细看下,他们专注做T恤17年,但我看到左边的T恤时,我真不觉得他们这17年有在用心做(笑)另外似乎是新品上市的样子……还是国货(信息量好大)其实用户并不太需要一次性了解这么多信息,过多的信息反而无法让用户集中于一个重点信息上。 举一个正面例子。 这个banner其实很暴力,百张影票,明星道具1元拍。 那么所有的设计和创意都是围绕着吸引用户来进行的。 那么在淘宝网的Banner需求中,我们的流程大致是这样的。 字体方面 在淘宝,我们是禁止使用一些未授权字体的(因为字体公司会来讨伐) 字体方面的风险 方正》微软》各种倒闭了的字体公司》无版权字体 图片素材 图片的质量会影响到一个Banner的好坏及品相。 那么其实大致需要注意的有3点: 1. 图片的清晰度辨识性(模糊的图片会给人以不精致的感觉) 传承方面 通常Banner背后会有一个推广活动,企业站点,或热销产品去支撑。 这是淘宝内部的Banner规范产出物 一些错误的实例,和正确的实例进行对比。会让别人更容易理解。 淘宝TMS这个是淘宝内部的Banner上传系统。 举一个实例…… 首先我的想法是,希望在这个推广上有游戏点卡实物的感觉。 然后我选了一张WOW现在版本“大灾变”比较有代表意义的图片素材。 考虑到实际Banner放置位置的周围环境。 我决定把文字信息放在下面以减少附近内容带来的干扰。 安排文案过程中其实跟运营同事商讨过几次文案的主要信息。 最后经过几次优化,最终放上来的内容如图。 并且强烈要求附带合作伙伴支付宝的logo(其实我不想加,加了不好看呢) 结合上述工作,最后完成了这个Banner的设计。效果如图 另外就是跟banner有关的图片格式的一些知识普及 JPG是我们最常用的格式,它的好处是在真人,风景素材的压缩比会比较好,但是缺点是因为算法的问题,会出现特有的JPG噪点。随着压损比提高。这种噪点会越来越严重。但是正因为有噪点的存在。这也是我们最简单的判断网络上移花接木照片的方法。去看噪点是否平滑规律。JPG的硬伤是 K数小 噪点就多。 噪点少,就只能放宽KB数。 另外就是GIF。 另外就是PNG了,随着IE6的没落,现在PNG的广告形式也渐渐多了。 最后就是Flash格式了。 这是最后的总结。一个好的Banner需要以上9点来支撑~ |
|