psd分层
发新话题 我要搜索 
打印

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

     把本帖网址贴到网络上任何地方,同样可获得下载资源币和用户等级提升 详情点击这里
     http://bbs.redocn.com/viewthread.php?tid=152033&fromuid=0 复制本帖地址
新手必看:积分、用户级别、发贴教程
寻红动每周一星,拿VIP+500资源币!
中资源免费域名

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




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

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

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




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



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




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





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








好了.今天先讲到这里.中午了。.要去吃饭了...


[ 本帖最后由 skave 于 2008-4-23 11:54 编辑 ]
本帖最近评分记录
  • 欣雨 经验 +6 精品文章 2008-4-23 16:50
  • 欣雨 资源币 +8 精品文章 2008-4-23 16:50
编辑我的推荐 查看此会员的其他主题:
论坛里可能我是年龄最小的职业设计师了(修正)[Skave原创]姝在梦里三千日[Skave]去年一年的网页设计整理稿案图.大部分为FLASH的暂时不发Skave[做了这么久设计的一些感想]Skave写给设计菜鸟们的一些东西。。。 呵呵

测试AD位


明天一定要继续哦



经验要大家分享呀!
学习了!



明天去哪了,期待楼主的“明天”……



楼主的"明天"在那里?

发新话题 我要搜索