首页 > 网页教程 > 设计分享 > 从优秀案例分析网页Banner视觉构成与创意设计

从优秀案例分析网页Banner视觉构成与创意设计

时间:2013-07-05    作者:三夕半   来源:派代网

当用户访问一个网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留,然而光靠文字大面积的堆积,很难直观而迅速的告诉用户来到这里会得到什么有用的信息,因此网页Banner设计在这里起到了至关重要的展示作用,特别是对于首页Banner,有效的信息传达让用户和文字之间的互动变得生动而有趣,下面就让我们通过大量优秀的设计案例走进Banner设计,走进设计师们的灵感挥洒空间。

一.Banner的构成与设计形态分解

自然界的万物形态构成都离不开点、线、面。它们是视觉构成的基本元素,具有不同的情感特征,因此要善于采用不同的组合去体现不同Banner的情感诉求。

a.点的聚合

点的排列所引起的视觉流动,引入了时间的因素,利用点的大小、形状与距离的变化,可以设计出富于节奏韵律的画面。点的连续排列构成线,点与点之间的距离越近,线的特性就越显著。点的密集排列构成面,同样,点的距离越近,面的特性就越显著。

http://www.peminoz.com/

http://icondock.com/

无数图形的点聚合在一起,增强画面的韵律感

http://www.apple.com/

b.线的流动

线分为四类:直线、曲线、折线以及三者的混合。直线又有水平线、垂直线、斜线三种形式。其中,水平线给人平静、开阔、安逸的感受;垂直线给人崇高、挺拔、严肃的感受;曲、折、弧线具有强烈的动感,更容易引起视线的前进、后退或摆动。

http://oypro.com/

http://www.dongfeng-nissan.com.cn/3Ddrive/

严谨的线条,使页面稳重富有理性

c.面的分割

面在设计中的概念,可以理解为点的放大,点的密集或线的重复。Banner元素在不同大小色块元素的风格对比下,能获得清晰、条理的秩序,同时在整体上也显得和谐统一

http://rareformbranding.com/      

清晰突出的图片所产生的第一视觉点

http://www.cult-f.net/

色块与线条间不同比例的分隔画面,使页面具有形式美感

http://www.prville2009.com/

相关推荐
淘宝知名品牌名店的BANNER广告设计评价及分析(1)
淘宝品牌名店的BANNER广告设计评价及分析(2)
网站Banner广告设计经验谈
14个有效提高网站Banner点击率的设计技巧分享
网站Banner广告条怎样设计才能提高点击率?
淘宝店铺banner设计简易排版参照模板图文教程简析超级实用
打造优秀网页banner广告设计的8个要点
新手教程:Flash广告设计要素分享
网页Banner设计的风格、排版以及配色经验分享
快速设计节日促销专题的经验分享
淘宝店铺广告文案排版快速设计经验分享
淘宝店铺banner广告设计技巧分享(一)
广告图片素材设计:如何从优秀到卓越?(上篇)
广告图片素材设计:如何从优秀到卓越?(中篇)
网站Banner横幅广告设计怎样才能提高点击率?
网络广告设计必备:Banner设计从入门到精通教程
如何快速设计好Banner?6个步骤帮你速成!
电商设计:5个快速进阶的电商Banner设计技巧
从人性的角度,揭露电商Banner设计背后的14个秘密
网易UED分享banner广告条设计的定位与思考
网页UI之Banner广告条设计案例赏析
网站设计中BANNER(广告条)中的字体结构分析
创建优秀的网络表单广告设计经验分享
对齐是排版的基础技能 也是设计师的基本功
7个网站/淘宝网店做促销图BANNER广告关键性标准推荐

分类导航

教程推荐

热门特效

热门教程