如何划分网页框架

zxh5566  2017-02-26 22:00   Hits: 

框架设计师网站设计的基础部分,框架的形式多变,它应根据网站的信息内容划分,有重点的突出和排列信息,参考现有网络上能呈现的设计条件,页面框架结构可归为3类:分栏式结构、区域划分、无规则式

一、分栏式结构

分栏式结构式最常见的网页框架,是类似于新浪网的页面骨架设计,以超过一屏半为准,把页面从上到下分割为几列构架的设计结构。
分栏结构是一种开放式框架结构,它的用途很广,通常适合于信息流量较大,更新较快,信息储备很大的站点,如门户网站,资讯类网站,分栏结构中,三分栏最为常见,除此以外还有二分栏,四分栏,五分栏等情况,他们是以具体分栏列数命名的,超过五分栏的结构十分少见,通栏,也就是一览是较为特殊的结构框架。

主三分栏网站:

这个网站设计十分简洁,使用直线划分页面,几乎没有任何装饰,标志庄重,醒目,起到增强识别的作用,网站色彩活泼,突出,大方,除此以外,结构以三分栏为主,并随着内容变化可更改为二分栏或通栏。整个网站看起来既庄重,整洁,又不死板,框架设计起到了很重要的作用。

主二分栏式网站:

框架是为了合理安排信息而设置的格局,在保持整体网站风格一致的条件下,网页结构应随本页面放置的信息类型,信息量等信息内容方面的相应需求而设计

如娱乐在线这样的二分栏结构,在网络上十分常见,它的框架设计不算简介,但是也依据内容形式的变化而灵活变动的,首页是右宽左窄的二分栏,宽栏内嵌多个小兰,可以放下更多不同类的信息条目,栏目首页信息并不多,则采用中分的二栏式结构,机动的处理文字信息与图片信息的关系

少见的五分栏

五分栏结构网络上比较少见,fossil正好是一例,五分栏结构适合信息标题精炼,短小等情况,通常为了放下更多的信息条目才会选择此款框架结构,整个网站在插图和颜色方面,都渗透着复古和经典的传播概念,别致的骨架结构也为网站整体风格填色不少,关于手表内容的网站,这样做的不多见,所以十分有特色。

分栏网页设计

二、区域划分

利用辅助线,图形,和色彩把网页平面分为几个区域,这些区域可以是规则的或不规则的,由区域所形成的网页框架叫做区域排版,它其实是分栏结构的变异,区域排版之所以逐渐衍生出来,主要是因为他比分栏更加灵活,可以适应多种信息内容编排的需要,解决分栏机构无法解决的诸多问题。

网站的功能模块多,信息分类多,采用区域排版结构比较适合,区域划分的方式可以很清晰的把网站的内容分类展示给浏览者,是一种实用性强,灵活易用的骨架设计结构,同时,区域划分变化性强,是他实用面积更为广阔

采用什么样的骨架结构,并不是教条的选择,而是配合合理内容有针对性的设计,由于信息形式的需要,现在很多页面骨架式由分栏和区域排版两种结构结合而成的,框架的变化莫测,是使网站风格与其他网站不同的基点。

网页区域划分

三、无规则页面设计

分栏结构和区域划分排版以外的网页框架归属为一类,即无规则框架,主要以整张图片的网页设计为主,类似大海报,虽然很漂亮,但占用资源多,下载速度慢。类似这种企业形象和产品展示兼具的网站,首页通常会使用海报的形式,实际上就是一张完整的图片,我们通常称为形象首页,它需要突出形象,传递企业视觉信息,同时文字少,选择无框架结构的页面设计最为合适。

海报式网页设计

总体来说,无规则结构骨架的网站都很有个性,同时也是独一无二的,这些特殊的结构不适合信息流大的网站

上一篇:如何进行网站策划
下一篇:如何选择网页布局结构