网页排版与网页分栏结构

zxh5566  2017-03-13 20:13   Hits: 

    页排版除了横宽自由外,却有习惯限制。我们知道,一幅平面作品(如海报)上的信息内容很少,为了吸引观众的注意力与共鸣,要尽可能的与众不同。但对网页设计来说,排版设计必须遵循一定的“规则”。因为不论什么内容的网站,其页面上的信息所具备的功能,大多都是相同的,或者说,总是可以找到相同功的信息
 
    如页面上可能存在有标志、导航、文章标题:正文、装饰用插图、正文中配图、广告各信息、动态广告、版权信息、超级连接等。一般情况下,标志放置在页面上部;竖排导航,会放置在页面左侧罗列;横排导航,则会位于标志之下或页顶广告之下;超级连接文字的颜色要区别于其他文字的颜色;版权信息要放在页面最下部;中文导航,尽量以4个汉字为其命名;这些都是网民在长期浏览网站的过程中,所形成的关于信息位置的心理暗示。即便遇到了竖排导航在右侧的网站页面,查阅时也会不自觉地到左边寻找等。

 
    符合习惯方式,有助于提高页面的可用性。尤其是商业网站,商业氛围以高效为首,用户们通常是以最快找到信息的时间作为衡量的标准。如果是按照用户习惯排版信息,用户查找信息的闯就是最短的。打破了习惯方式的设计,或许可以受到一部分用户的欢迎,但也可能会有更多反对的声音。
 
    其实,很多优秀的网站证明了即便遵守传统的信息布局方式,页面也能设计出特色来。结构并不是网页设计的全部,设计师还可以通过图形图像、文字、色彩等其他元素协调统一,使员面丰富多彩。
 
    浏览器空间里,按照一定的视觉表达内容的需要和审美的规律,结合各种平面设计的具体特将信息内容和页面视觉元素加以组合编排,就是网页排版了。如果对平面设计来说,长宽比例是固定的。那么对网页设计来说,则没有所谓固定的长宽比例,设计者可以自行确定作品外延是横长方形还是竖长方形。还可以根据创作的需求,让格局居,或是接近边缘。总的来说,网页创作比较自由。
 
    概念:可用性,可用性是一个与任何需要用户使用的产品都有关系的术语。从最基本的层面上说,可用性是指产品和用户之间的关系,直接与产品是否有用有关。一个品要有用处,它必须能够使用户以一种有效的方式来实现自己的目标。可用性本身并不是最终的目标,相反,它是实现目标的方式。同样的标准也适合于Web站点,网站的导航应该以用戶的目的、需求、期望来判断是否可用在本书中,我们也会经常使用到“易用性”这个词,其含义是相似的。特指网站的功能部分;或信息部分能够并且高效率的被使用和接收。
 
网页框架的划分与栏式结构
 
根据信息的需求,网页排版主要划分出两种基础结构,一种是栏式结构,另一种是区域结构。所谓栏式结构,是用竖分方式,把页面信息分成几列的情况。根据栏数为其命名,可以有二栏式、三栏式、四栏式、五栏和通栏。通栏为一栏,也就是不分栏的情况,常见于文章正文页面、用户注册页面等。SPANISH  PROPERTIES DIRECT属于典型的栏式结构。其首页是把页面宽度均匀分成3份,即三分栏式页面。三分栏大气,常用于信息量大、更新速度快的网站类型,给人感觉开阔、有气势。
 
SPANISH PROPERTIES DIRECT的内页还使用到了二栏结构和通栏结构,这是根据信息量的变化和信息类型的需要所做的调整。如果全部页面都硬性地采用三分栏结构,相信不少页面将出现大量空。白的情况。没有信息可放入结构中,从而产生矛盾。分栏式结构有几个要说明的问题
 
   分栏数及特征
    三栏是最常见的分栏,除此以外,二栏和四栏也非常多见。在某种意义上,分栏多少与信息类型相关,二栏式虽然也比较开阔,但栏数少,好似信息类型少,给人的感觉就不如三栏式那么有气势。1024px X 768px的屏幕的普及,四栏式的应用越来越广泛。但它虽然大气,却不如三栏式开阔。这是由于栏数越多,越有繁琐的感觉。在人们的审美常识中,感觉简洁的事物比烦琐的事物显得更大气
    尽管三栏式的优点颇多,却也使设计师十分苦恼。有太多网站采用了三栏式结构,三浏览者对它产生了视觉疲劳。如何能够在运用三栏式的同时,突出自身特色,这恐怕是不少设计师们正在努力做的事情,另外,五栏结构已是最大分栏数了。分栏数越多,信息栏诬窄。一行内放不下几个字,不仅碍阅读,也不美观,能够运用到五分栏的信息类型已经很少见。大多是类似reflect.com首页这般,用于信息分类指示的情况。进入网站后,,五分栏结构无法延续使用。
上一篇:常见网页布局结构
下一篇:网站配色实例分析