广告无处不在,尤其是在网络上。我访问的大多数网站都有某种形式的网页横幅广告在他们身上。对于一些网站,比如大型设计博客,广告是主要的收入来源。
考虑到这一点,很明显,网站所有者需要非常仔细地考虑他们的广告如何显示,以及它们与网站上其他元素的关系。我把一些网站展示广告的不同方式放在一起,这可能会在你的网站上放置横幅广告时有所帮助。有些是在你的脸上,而另一些则更微妙,与网页设计相融合。
CSS混音
CSS Remix上的广告显示在网站顶部,与网站列表很好地融合在一起。
设计炸弹
Design Bombs在左手边栏显示了他们的125px广告。这些广告与网站上其他画廊的列表相吻合。
作为Noupe
Noupe将广告显示在网站内容旁边和网站顶部。他们还在每个图像广告下面有一小行文字。这个结构和Smashing Magazine他最近收购了该网站。
TheFWA
FWA网站画廊在他们网站的右上角显示了各种各样的广告,一次由三个网络横幅组成。
设计得宝
一个漂亮的网站应该有漂亮的广告,这就是Webdesigner Depot所拥有的。他们在右边的侧边栏上以简洁明了的格式显示广告。
InstantShift
这个干净的网站设计有一堆优秀的横幅广告,无缝地运行在右栏。看起来很棒!
Behance Network
新的beta版Behance Network网站设计在右栏下方有一个小赞助商方框,在赞助商内容旁边显示广告。它与新的网站设计配合得非常好。
PSD的图形
PSD Graphics在他们的布局标题和子菜单之间有一个巨大的横幅广告。它与网站设计配合得很好,因为它的大小合适,而且我认为它也能吸引人们的注意力。
最佳网页廊
Nick La使用了他的黑色网站设计,因为这个CSS画廊上的所有广告都非常明亮和丰富多彩,使他们真正脱颖而出。
BrushKing
BrushKing有一个漂亮、丰富、棕色和红色的配色方案。标题中的网页横幅效果很好,因为它符合他们的网站设计。
网页设计师墙
Creattica
七个125px的横幅广告显示在Creattica的设计灵感列表之间。
Tutorial9
Tutorial9的彩色广告横幅完美地融入了右侧的侧边栏说明性的头帮助广告脱颖而出。
激发你的创造力
多彩的广告正好放在这个设计博客的右边。
PSDFan
PSDFan有一个很大的网页横幅,位于他们博客文章的正上方,在导航下面。
WpRecipes.com
WpRecipes.com有一个很好的微妙的边栏,他们显示125px的网页横幅。围绕网站的曲线背景使一切看起来更加丰富多彩。
CSS驱动
CSS Drive在其站点中包含了许多元素。他们甚至有足够的空间把广告很好地融入到网站设计中。
Veerle的博客
Veerle的设计博客通过The Deck广告网络在她的左手边栏显示广告。网站上的所有内容都有大量的填充和空间,这使得观众在滚动时不会错过广告。
kirupa.com
巨大的Flash社区kirupa.com在其网站的右侧显示了一些小广告。
Vectortuts +
Envato的热门网站tuts+ network在网站内容的顶部显示了一个大型横幅广告,在右侧侧栏上也有十个较小的横幅广告。横幅旁边有一个漂亮的旋转“此处广告”按钮,我很喜欢。
函数
函数将广告横幅显示在页面中央的一个窄而高的列中。
Brusheezy
Brusheezy有一个非常干净的网页设计,在侧边栏上有他们的网页横幅。
相关内容
- 网站设计中的注册按钮
- 50个美丽干净和简单的网页设计
- 手机网页设计:值得吗?
- 相关类别:网页设计