banner,规范

竭诚为您提供优质文档/双击可除
banner,规范
篇一：banner设计要点
之前我把平面设计的视觉呈现分为：构图，调子，元素和内容四大部分组成，所以我分四部曲来讲，其中元素部分又分为标题，主体和大场景三部分，今天讲的就是标题部分。

在讲标题设计之前，先说说这四部曲的基本前提：序
目标
我们做设计究竟是为了什么？公司请视觉设计师做美
术包装广告究竟是为了什么？
赚钱！
宗旨
我们公司是上市运营公司，公司存在是为了盈利为了赚钱，我们视觉设计师是包装，我们目的是把公司产品美术包装做好，
让用户有视觉享受，更好的引导去花费，赚用户的钱，
因此，我们做的是商业设计。

用户认同我们，能让美术引导他们去更开心的去浏览，去消费我们的产品就是我们的成功。

所以，商业设计必须以用户的角度出发。

良好的设计习惯
因为我们的设计是从用户角度出发，建议每次完成设计后，首先问问自己，也可以问问别人测试一下，如果你是用户，看看这份设计是否吸引到你，是否愿意去读下去用户的特性
大部分人总是很忙，生活匆匆过，一般外面的线下广告用户去看不会超过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。