网站设计中的横排导航与纵向导航

zxh5566  2017-03-17 21:20   Hits: 

导航的“方向”,实际上是指导航文字的排列方式。主要有竖列导航、横排导航、倾斜式导航三种情况。导航的“方向”属于较为基础的要点,为什么挪为本章的内容呢?其原因是由于导航方向性很大
 
程度上影响了网页平面的空间分割与排版风格。运用得体,可起到事半功倍的效果。
 
1.橫排导航
 
占用页面空间最少,经常被使用在网站信息内容非常多的门户网站、资讯网站中。除了面积小的特点外,另一视觉优点是导航很大气。这也是为数不少的企业网站,尽管信息不多,也会选择橫排导航的
 
理由,从格局风格的创作上来说,横排导航具有很强的独立性,这是相对竖排与倾斜两种导航而言的。如韩国EGIS(Kccegis.co.kr)网站的顶部主导航,色彩、样式均与页面下半段的主体信息区所用风格
 
不同。导航区色彩淡雅、形式简洁;广告区和信息区格局粗犷、色彩略重,风格上的异恰好使画面张驰得体、易于阅读。又如Letsfind.co.kr网站的导航清晰悦目,看似孤立地占据,实则巧妙地利用色
 
块与之呼应,使画面更协调。网站能让人从中感受到设计师对网站导航独特的见解,网站也给人带来与众不同的风貌。
 
创作时,刻意地把橫排导航分离出来,针对横向的优势,往往能够形成精彩的作品。 特色分明的例子,一是门户型的makestyle.com网站,它顶部的深蓝导航条与其他部分的页并不相呼应,这种差异并
 
不显得突兀,反倒令人觉得大气、别具一格。
二是特色型shopcomposition,com网站,它采用孤立导航,并使插图充满背景,使信息略少的页面突出个性和前卫感,简洁、时尚的气息给人留下了深刻的印象,

 
2。竖排导航
 
相对横排导航而言,竖排导航占用页面空间较多,通常位于页面中部的居左位置。居右导航相对棋诽导航向吾,排版带来一定的难度,但也有极少量的优秀作品。由于从浏览者的视觉心理考虑,居左导
 
航更客户接受,所以选择居右设计时不仅在创作上增加了难度,是否会被客户接受也是一个将要面难题。换一个角度试想,在客户接受的情况下,一旦能够设计出优秀的居右导航页面,设计师自己得到
 
极大的成就感。从创作满足己感的角度上,二,Relen还是推荐大家多多创新的。由于竖排导航常常位于视野好的左栏位置,致使它对页面风格的创作有着更大的影响力,分寓它,会售使它更加突出。如
 
Halimcnf.CO.kr网站的艳红色导航区,平衡它与其他信息区域的协调关系十分重要要。又如Bioedu.or.kr网站巧妙地把导航区与插图区融合起来,运用曲线增加了流畅感。排导航的页面虽然不似横排
 
导航的页面那么大气,但它的优点一样十分显著。在信息量不足情况己下,可选择竖排导航的排版方式,不仅能有效地填补页面空间,还能帮助弱化信息量少所带的视觉缺陷。如scheufelen类型的页面
 
设计,浏览者丝毫不会留意网站信息量的多少。透过清简秀洁的页面,能够欣赏到由导航设计所延伸的特色页面。
上一篇:网站设计中充满魅力的元素
下一篇:网站导航设计中的创意