课外补充资料：网页版式构成的类型与导航结构

课外学习：网页版式构成的类型与导航结构6．关键知识点六：网页版式构成的类型根据视觉流程的类型及网页版式，总结出以下版式构成的类型：水平分割、垂直分割、水平-垂直交叉分割等。其中，水平分割、垂直分割、水平-垂直交叉分割常用到水平线、垂直线、矩形等，这些形式在网页制作时容易实现，且页面能容纳较多的信息含量，因而是网页界面中使用相当广泛的构成类型下面简单介绍一下这几种分割形势。1）水平分割页面中的水平分割与排列，强调了水平线的作用，使页面具有安定、平静的感觉，观众的视线在左右移动中捕捉视觉信息，符合人们的视觉习惯。（1）水平均匀分割将页面分割成上下相等的两部分。图4-11，图4-12，上半部用作视觉表现，引发情感，下半部用来解释说明，上半部多为主体形象。图4-11水平均匀分割（一）图4-12水平均匀分割（二）（2）水平不均匀分割将页面分割成上下不相等的两部分。一般地说，如果在上半部安置标题或导航，则面积较小（图4-13），如果在上半部安置图片或主体形象，则面积适当加大（图4-14）。图4-13水平不均匀分割（一）图4-14水平不均匀分割（二）（3）水平多次分割页面沿水平分割成大小不等的几个部分。图4-15，多层分割有助于不同信息的归类。（4）水平变化分割在水平分割的基础上进行变化。如图4-16，水平分割与斜线、弧线相结合，打破了页面的安定，产生运动和速度感。图4-15水平多次分割1图4-16水平变化分割22）垂直分割页面中的垂直分割与排列，则强调垂直线的作用，具有坚硬、理智、冷静和秩序的感觉。（1）垂直均匀分割把页面分割为左右相等的两部分，在视觉习惯上，当左右两部分形成强弱对比时，会造成视觉心理的不平衡。这时，可将分割线作部分或全部的弱化处理，或在分割处加入其它元素，使左右部分的过渡自然而和谐。如图4-17所示，左右两部分在色彩上的对比由于视觉中心的图文而减弱，左上角的标志减轻左半部的重量感，使页面更为融合。（2）垂直不均匀分割把页面分割为左右不相等的两部分。左边的视觉注意度较高，因而放置标志、导航信息、主体形象等，如图4-18所示。图4-17垂直均匀分割图4-18垂直不均匀分割（3）垂直多次分割页面沿垂直方向分割成大小不等的几部分。图4-19所示，页面具有很强的层次性，左边为主栏目导航，右边为次级栏目导航，中间为相应的内容，中间和右边由色彩来统一，而左边用形态的渗入来加强它与中间部分的衔接。（4）垂直变化分割将垂直分割进行特异性处理，容易取得耳目一新的效果。如图4-20所示，将垂直分割应用于音乐网站的设计，分割手法灵活多变，营造出音乐的律动感。图4-25网页左侧导航布局页面图4-26网页右侧导航布局页面5）底部导航底部导航是指网站导航位于页面底部的网页布局结构，在适合标准显示器分辩率、无法调整网页布局上下宽的情况下，必须使用框架结构，这是因为想要随时向使用者展现网站导航的话，就必须考虑到使用者在不使用滚动条的情况下也能利用网站导航。不过，即使使用框架，还存在一些必须解决的问题（比如：打开速度，更新无法记忆），还有很多人比较忌讳使用框架，因此旨在提供信息类型的网站几乎都不采用底部导航结构。但是，底部导航机构对上面区域的限制因素比其他网页布局结构都要少，网页设计师可以按照自己