banner规范Word格式文档下载.docx

banner规范Word格式文档下载.docx

《banner规范Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《banner规范Word格式文档下载.docx（4页珍藏版）》请在冰豆网上搜索。

　　因为我们的设计是从用户角度出发，建议每次完成设计后，首先问问自己，也可以问问别人测试一下，如果你是用户，看看这份设计是否吸引到你，是否愿意去读下去

　　用户的特性

　　大部分人总是很忙，生活匆匆过，一般外面的线下广告用户去看不会超过3秒，什么能够让他们视线停下来？

网络资讯琳琅满目，怎样才能让迅速浏览和点击的用户停住视线？

其实你们自己都是用户，问问自己－那肯定是吸引你眼球的视觉冲击力强的广告，还有你感兴趣的广告文字。

线上广告主要是以banner为主，道理是一样的，能让行走的人留住视线，能让在邻罗满目咨讯中浏览网页用户停住视线的广告，必须的就是充足的视觉冲击力和捕捉力的平面主体，另外就是凸显敏感的标题和重点字眼。

　　标题文字篇

　　平面设计除了在视觉上给人一种美的享受外，更重要的是向广大的消费者转达一种的信息，一种理念，因此在平面设计中，不单单注重表面视觉上的美观，而应该考虑考虑信息的传达。

　　标题主要是表达广告主题的短文，一般在平面设计中起了画龙点睛的作用，获取瞬间的打动效果，经常是运用文学的手法，以生动精彩的短句和一些形象夸张的手法来唤起消费者的购买欲望。

不仅要争取消费者的注意，还要争取到消费者的心理。

。

（引用网文）

　　标题的最基本要求：

　　清晰，明了

　　请问，三秒内以上banner谁能看清楚写什么？

有能抓的住谁眼睛？

　　标题的三大特性：

　　逻辑性

　　标题选择上应该简洁明了，易记，概括力强的短语，不一定是一个完整的句子，也有只用一、二个字的短语，但它是广告文字最重要的部分。

　　标题文字不适宜过长，往往三四个字为一个停顿，作为一个设计师，要懂得如何提炼标题文字主次和语法逻辑，让观众读起来一下子捕抓到商品所表达的意思，例如：

我相信我会飞！

设计的时候，可以提炼：

我相信，我会飞，提炼后马上明了目的是我会飞；

一切皆有可能，停顿应该是：

一切，皆有可能；

科技以人为本，停顿应该是：

科技，以人为本，科技怎样呢？

就是以人为本；

　　准确的文字提炼，能让用户快捷地捕捉到要点字眼。

　　315专题“假货让我很不爽”这个标题，突出的字眼应该是假货让我很不爽，马上就知道假不爽，但是，如果为了迁就效果而做成假货让我很不爽，那就变成假是爽的了

　　还有就是标题文字停顿货重点字注意颜色的配合，文字转行或者颜色变化同样会引起误会。

所以请注意提炼重点文字逻辑和提炼停顿的技巧，直接影响到信息效果。

　　上图不被设计者解释一下，我以为33626是电话号码，什么叫套出租房？

原来是33626套房，所以设计的时候是不能分开。

　　整体性

　　一般广告语标题在设计上一般采用基本字体，或者略加变化，而不宜太花，要力求醒目、易读，符合广告的表现意图，在标题文字的形式要有一定的象征意义，粗壮有利的黑体给人感到清秀，适用于电器和轻工商品；

圆头黑体带有曲线，适宜妇女和儿童的商品应用；

端庄敦厚的老宋体，用于传统商品标识稳重而带有历史感；

典雅秀丽的新宋，适用于服装、化妆品，而斜体字给画面带来了风感、带来了动感。

　　标题文字设计尽量用相同的字体，在平面设计上标题文字要凸显于版面上，所以标题的整体性尤为重要，如果碰到过多的文字，如果整体结合性不强，

　　那么在点

　　多于面的视觉上就会显得松散没力，压不住场。

更多的时候，标题其实最好是一个面。

展现几个正面不同风格的范例：

　　字体数最好统一在1-2种，以英文作为线的组合

　　主副标题的结合

　　娱乐性比较强的标题设计，在清楚的前提下，无论背景多么复杂，都

　　能凸显整体的标题，这时其中一种简单的技法:

　　篇二：

h5页面设计规范

　　h5网页设计规范

　　1、非可循环平铺图片的背景图，须按最大屏幕尺寸来设计，即：

1920*720；

　　2、集团、新闻类网站中间内容宽度使用1003px；

展示、购物类网站中间内容部分宽度使用1200px；

　　3、必须删除非显示图层和参考线；

　　4、命名和分组必须规范，建议使用一下命名规则（如有更合适或者更熟悉的命名规则请提前与技术沟通）中英文均可；

　　页头：

header内容：

content/container页面主体：

main页尾：

footer导航：

nav侧栏：

sidebar

　　栏目：

column整体布局：

wrapper左右中：

缩写为lRc水平/垂直：

h/V菜单：

submenu摘要:

summary按钮：

btn/button滚动：

scroll鼠标悬停：

hover点击：

click已浏览：

visited。

广告横幅：

ad/banner

　　5、建议将每个独立控件设计有明显的边界，如果不能给出明显边界，请在设计稿中标出与邻近控件的距离；

　　6、段落文字必须给出行高，必须使用10号以上字体，建议使用1.5倍行高和14号字体。

　　7、需要后台添加的文字（标题、内容等）必须使用常用字体，即宋体和微软雅黑；

　　h5手机页面设计规范

　　1、psd按照宽度640px，高度不限来设计；

　　2、可点击部件不可小于88px，（如果不够提交设计稿的时候特别说明）。

　　3、所有部件的尺寸大小必须是双数。

　　4、每个按钮需要有四个状态：

默认、按下、选中、不可选。

至少需要考虑：

默认和不可选两个状态。

　　5、除广告图片外，其他图形部件尽量用图形工具绘制。

　　6、可点击部件尽量和屏幕四边保持20-30px的距离。

　　7、设计的时候尽量以一个使用者的角度去设计，判断哪个页面需要状态栏，哪个页面只需要一个返回按钮。

　　8、iphone输入法自带搜索按钮，没有必要再在页面上进行显示。

　　9、尽可能的对页面部件大小边距等元素进行大小的标注

　　篇三：

logo和banner的标准尺寸

　　logo和banner的标准尺寸

　　logo的标准尺寸：

　　logo的国际标准规范为了便于inteRnet上信息的传播，一个统一的国际标准是需要的。

实际上已经有了这样的一整套标准。

其中关于网站的logo，目前国际上规定的标准的广告尺寸有下面八种，并且每一种广告规格的使用也都有一定的范围：

（单位：

像素-px）

　　一、120×

120，这种广告规格适用于产品或新闻照片展示。

　　二、120×

60，这种广告规格主要用于做logo使用。

　　三、120×

90，主要应用于产品演示或大型logo。

　　四、125×

125，这种规格适于表现照片效果的图像广告。

　　五、234×

60，这种规格适用于框架或左右形式主页的广告链接。

　　六、392×

72，主要用于有较多图片展示的广告条，用于页眉或页脚。

七、468×

60，应用最为广泛的广告条尺寸，用于页眉或页脚。

　　八、88×

31，主要用于网页链接，或网站小型logo。

　　banner的标准尺寸：

　　横幅广告（banner）

　　文件大小：

gif:

14k/swf:

16k

　　广告尺寸：

468*60像素

　　广告位置：

页面顶部

　　按钮广告（button）

6k/swf:

8k

170*60/120　　

*60像素

第一屏第二屏

　　备注：

触发式logo，弹出图片尺寸为160*160文件大小gif:

9k/swf:

12k弹出窗口广告（popup）

18k/swf:

20k

360*300像素

第一屏

　　通栏广告（Fullcollumn）

20k/swf:

25k

770*100像素

　　流媒体（Flashlayer）

swf:

200*150像素

　　形式：

浏览打开页面，该广告放映8秒后消失

　　画中画（pip）

新闻最终页面

　　浮动标识（Floatbox）

gif/swf/flash　　广告尺寸：

80*80像素

第一屏右侧

　　全屏收缩广告（Fullscreen）

750*550像素

打开浏览页面前该广告以全屏形式出现3－5秒，随后消失擎天柱（sky-scraper）

15k/swf:

17k

130*200像素

　　视频广告

300*250像素

第一屏两侧

　　文字链接（textlink）

　　规格：

不超过10个汉字

　　备注:

文字链接长度以不折行为准