首页 > 网页教程 > 设计分享 > 网页UI之Banner广告条设计案例赏析

网页UI之Banner广告条设计案例赏析

时间:2010-08-22    作者:zhouwenqi   来源:Wenqi blog

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

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

1.大面积的Banner

Banner_1.jpg

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

例其它类似Banner

Banner_2.jpg

Banner_3.jpg

Banner_4.jpg

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

Banner_5.jpg

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

其它类似Banner

Banner_6.jpg

Banner_7.jpg

Banner_8.jpg

相关推荐
网站的旗帜(Banner)广告条字体设计简析
网易UED分享banner广告条设计的定位与思考
BANNER设计的几个实用性策略
腾讯CDC分享QQ登录界面的banner设计过程点滴
淘宝店铺banner设计简易排版参照模板图文教程简析超级实用
网站设计中BANNER(广告条)中的字体结构分析
打造优秀网页banner广告设计的8个要点
新手教程:Flash广告设计要素分享
创建优秀的网络表单广告设计经验分享
网页Banner设计的风格、排版以及配色经验分享
快速设计节日促销专题的经验分享
淘宝店铺广告文案排版快速设计经验分享
淘宝店铺banner广告设计技巧分享(一)
7个网站/淘宝网店做促销图BANNER广告关键性标准推荐
淘宝知名品牌名店的BANNER广告设计评价及分析(1)
从优秀案例分析网页Banner视觉构成与创意设计
淘宝品牌名店的BANNER广告设计评价及分析(2)
网站Banner广告设计经验谈
14个有效提高网站Banner点击率的设计技巧分享
广告图片素材设计:如何从优秀到卓越?(上篇)
广告图片素材设计:如何从优秀到卓越?(中篇)
网站Banner横幅广告设计怎样才能提高点击率?
网络广告设计必备:Banner设计从入门到精通教程
如何快速设计好Banner?6个步骤帮你速成!
网站Banner广告条怎样设计才能提高点击率?
电商设计:5个快速进阶的电商Banner设计技巧
从人性的角度,揭露电商Banner设计背后的14个秘密
电商设计:韩国电商BANNER的构图/配色/元素/应用分析
网页BANNER首图设计抓住用户注意力的8个要点
视觉设计师做banner的设计方法分享

分类导航

教程推荐

热门特效

热门教程