PS设计教程网欢迎你!

网页UI设计:Banner广告设计篇

文章来源于 zhouwenqi,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/设计理论/设计理论2010-08-16
关于网页UI,UE之类的论点文章网上太多了,更多大师将这些大师分析到极致,无论是开发领域还是设计领域,这些真正的大师所发表的文章都从不卖弄自己,更多的分析而无私的供献自己的独道见解。

关于网页UI,UE之类的论点文章网上太多了,更多大师将这些大师分析到极致,无论是开发领域还是设计领域,这些真正的大师所发表的文章都从不卖弄自己,更多的分析而无私的供献自己的独道见解,他们所写博文与其它政治、娱乐、商业等领域所发表的博文完全不同类型,我不是大师,但我很崇拜大师。

一个页面最醒目最吸引用户的应该是Banner了,尤其是Web2.0平台Banner显得更突出,Banner主要体心意旨,形象鲜明的展示所要表达的内容。因为它醒目,所以放一个很糟蹋的Banner上去效果也当然“醒目”了。因此网页Banner设计在这里起到了至关重要的作用,特别是首页的Banner,直接决定了用户的停留,下面让我们通过大量优秀的案例进入Banner,走进大师们的灵感世界。

1.大面积的Banner

网页UI设计:Banner广告设计篇

http://www.tearoundapp.com/

这个Banner非常直接的采用了一个很大的iPhone图片,用户几乎不用思考的就知道网站的大概内容,而且加上与产品类似风格的功能按钮直接展示了部分功能,大的Banner最直接最醒目,处理也最需要谨慎,否则事关功倍。

例其它类似Banner

网页UI设计:Banner广告设计篇

网页UI设计:Banner广告设计篇

网页UI设计:Banner广告设计篇

2.文字与图片1/2比例

网页UI设计:Banner广告设计篇

http://www.scrapblog.com/

这种Banner不是很大,虽然文字与图片占居空间相等,但加上大的Button让文字内容相对比较醒目,这种Banner的处理重点在于背景与和图片和文字的协调,比例要均匀。

其它类似Banner

网页UI设计:Banner广告设计篇

网页UI设计:Banner广告设计篇

网页UI设计:Banner广告设计篇

3.人物与文字

网页UI设计:Banner广告设计篇

http://www.showandtellsale.com/

采用人物加文字内容,让主题思想显得更鲜明活动,人物可以更直接更友好的告诉用户这里有什么?

其它类似Banner

网页UI设计:Banner广告设计篇

网页UI设计:Banner广告设计篇

网页UI设计:Banner广告设计篇

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa