[其它] [网页设计]版式设计分析之banner和导航设计类型

skave

Skave

红动一星

Rank: 1

实力值: 1 点
资源币: 1047 枚

1^# 大中小发表于 2008-4-23 11:51 只看该作者

马上播放图片

图片设计师网络兼职平台

把本帖网址贴到网络上任何地方，同样可获得下载资源币和用户等级提升 详情点击这里
http://bbs.redocn.com/viewthread.php?tid=152033&fromuid=0 复制本帖地址

新手必看：积分、用户级别、发贴教程
寻红动每周一星，拿VIP+500资源币！

[网页设计]版式设计分析之banner和导航设计类型

商业项目设计，首先肯定要设计得商业化，当然看起来要很商业，像个企业，像个公司。一般也就是漂亮得有气质，不妖艳，这也就是企业形象的感觉。商业站点一般首先映入眼帘的是TOP的Banner（广告条）和栏目导航。
那么两者就是首要亮点，也是视觉重点，吸引眼球的点。
Banner和导航一般情况下是联系比较紧密的，总是出现在最近的位置，这样的布局有其依据，因为两者都是页面设计的重点，所以当然位置也比较重要，都需要放在重要位置；两者的重要性要根据画面设计的特点来安排，如果画面中更加希望通过banner来吸引用户，一般banner会刻意突出，其次才突出导航，这是根据设计定位来确定的。
对于Banner和导航我姑且分了三类：1、截然分开；2、交错组合；3、浑然一体

一、截然分开
很明显，banner是banner, 导航是导航.

banner一般是以狭长的插图组成，画面要美得让人惊叹，符合该商业的气息，体现整个站点的风格。
所以，花上一天时间找个好的BANNER也是值得的。当然，你也可以自己动手设计张。
导航则是花样多变了，总结自己看过的大大小小导航，风格是仁者见仁，智者见智的。但其中对于导航上的连接文本一般是这样：
1，导航是一个图片区，进行切割得各分栏，文字图片一起；
2，设计比较好的导航图，作为背景图片，文字作为正常字体显示；
3，使用背景颜色，文字正常显示。
各有千秋，我比较喜欢2或3，修改方便：）
那下面就看看不同的布局中是处理是如何的。

可以看出，个性都比较分明，导航与banner互不联系但是具有整体感，设计方法是多样的。各色BANNER，各类导航手法，平时多多注意，自己多去试试，很快就能掌握很多种的设计手法。

二、交错组合
交错组合主要使得Banner和导航之间有个过渡，这种不至于像“截然分开”那种棱角分明，banner和导航之间的造型有明显的联系，一般是导航“借用”了一部分banner的位置，有的是融为一体。

可以发现，交错是在显示酷炫Banner情况下更为了突显导航，让banner有变化，富有个性；

三、浑然一体
当然是Banner和导航不可以分了，其比“交错组合”更甚，更主要的是：两者具有设计上的统一性和互补性。这种设计方法多用于动画导航，因为相对来说，这种导航静态的页面比较难布局，修改和制作都不方便，而做成动画的则方便很多。