网页广告是一个网站不可缺少的内容,也是一个网站的基本经营模式之一,但是设计网页广告不比其他大型的设计项目,从设计成本上来说,往往不会给到设计师太多的时间。所以,设计师如何才能快速又高效地设计网页广告呢?用好网页广告设计原则也许可以助你一臂之力。下面,我们一起来看看常用的网页广告设计原则。

1. 合理规划网页广告结构和尺寸

一个好的网页广告的基础是结构。在规划设计网页广告时,我们应该遵循一些最佳做法:

  • 一是网页广告的展示区域要与普通网页内容明显的区分开来,网页广告和网页普通内容不能混淆在一起。

  • 二是网页广告的尺寸应该灵活,因为人们可能会在不同尺寸的屏幕上查看你的广告。也就是说,你需要确保你有一个强大而灵活的结构来适应每种尺寸的屏幕。

合理的网页广告结构和尺寸

Pixso的自动布局功能可以使界面布局自动适应设计内容的变化,让设计师拥有响应式网页广告设计。在Pixso的自动布局中,当设计师调整内容时,父级元素将自动调整子级的大小,来容纳所包含的子元素,无需再手动调整。既提高了工作效率,也避免了手动调整可能带来的的疏漏。

Pixso的自动布局功能

2. 注重网页广告设计内容和排版

设计网页广告都应包含四个主要组成内容:

  • 品牌的标志或公司名称。无论品牌方投放网页广告的目的是建立品牌知名度、获得更多点击量为品牌网站引流还有推销品牌产品,都可以在网页广告中添加品牌的标志或公司名称,加深用户对品牌的印象。

  • 价值主张。网页广告与传统广告一个很大的区别是:传统广告用户没得选择,但是网页广告用户可以选择是否交互,因此你需要提供一个明确的价值主张,给用户一个点击网页广告的充足的理由。

  • 服务的图像或视觉表示。一张漂亮的图片是设计一个漂亮的网页广告的关键,而有趣的动画效果能为你的广告增分不少。

  • 明显的CTA按钮。一个网页广告的最终价值,就是让阅览者进行点击,因此一个明显的CTA按钮是非常必要的。

SaaS首页设计

排版是设计网页广告的另一个关键要素,它可以吸引用户关注最关键的信息,作用类似于漫画书中的对话气泡。在设计网页广告时,如何把握比例能让你的设计排版更好看呢?答案是“1:0.618” 的黄金分割原理。这是世界范围内公认的构图原则,由它的比例创作出的设计让人赏心悦目,如下图Pixso资源社区的SaaS首页设计就是遵循了黄金分割比例。

SaaS首页设计

3. 网页广告设计遵循KISS原则

网页广告设计中的KISS原则是指:Keep It Simple and Stupid(保持简单,甚至是有些“笨”的方法)。

负空间(亦称留白)是KISS原则最常见的方法,某元素周围的负空间越多,该元素受关注的可能性越大,因此负空间的设计对引导用户视觉流向很有帮助。下图Pixso资源社区中的电子商务网站设计就运用了大面积的留白。

电子商务网站设计

4. 网页广告语要简短有力

如果别人看了你的网页广告没有行动的欲望,也不想点击交互,那么就不会对你的产品和服务有所进一步的了解。在网页广告设计中,广告语一般要有一个强有力的行动号召,让客户看了就能理解,理解了就想行动,这样你的网页广告才是成功的。

海洋之声网页界面

网页广告主宰着网站的宣传窗口,现在已经越来越多的企业开始认识到,有了好的商品和服务是远远不够的,还需要放置优秀的网页广告设计,企业才能产生更好的经济效益,而优秀的广告必须由优秀的设计师来制造,可见,网页广告设计还是值得我们设计师多花点心思和时间的。

5. 掌握先进的网页设计工具

在线协作设计软件Pixso是一款非常适合设计师进行网页广告设计的工具,里面的矢量设计功能够完美胜任网页广告设计需求,同时一体化的协作和交付功能能够很好地联系起团队的每一个成员进行审核、修改以及提交等等。

Pixso的官方模板集合提供了网页广告设计的灵感和设计素材。Pixso内置丰富社区资源,集成腾讯、阿里、字节、今日头条、蚂蚁设计等众多大厂优秀的设计系统,所有 UI 设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动,设计无需从0开始。

Pixso社区资源