规划网页布局类型的方法

zxh5566  2017-03-29 20:12   Hits: 

网站布局类型的确定方法
 
在确定网页框架的划分的时候,最重要的注意事项就是网站的内容Contents结构和性质。通过构建信息确定信息类型及体系结构的内容是直接影响网页布局结构和导航结构的要素,也是在确定网页布局结构的类型时必须要注意的事项;必须通过网页布局设计向使用者提供便利的使用环境和很强的使用性。
 
相反,内容性质则是考虑有效的表现策略和方法时要注意的事项,内容性质不会对网页布局结构和形态带来直接影响不过,在确立设计理念的过程中,内容性质是可以检验并判断普通,独特、实验等网页布局形态的设计是否适合网页外观风格的标准。
 
两摹网页布局形态的蕊页布局结构,构思时必须考虑适每回页布局结构的网页布局形态设计;但是一  许多网页设计师并没有考虑并检验网页布局形态,而是按照闷员顸布局结构很自然地确定网页布局形态、因此,以网页布局形态为标准,分析网站及网页的设计案例,可以扩展网页布局形态的设计思路。
 
确定网页布局类型的方法有很多种,下面介绍其中的两种方法:第一种方法是捕获自己喜欢的网站页面,把它的内容改为自己所要的内容即可;第二种方法是按照不同的网页布局类型,草绘出小同贞面的模板。
 
草绘网页类型模版
 
选择不同类型的两三个网页布局,草绘出不同类型的故事板(Storyboardl。进行素描草绘的话,可以了解不同类型所需的内容种类和形态。也就是说,依据左侧导航、顶部导航、左右侧导航、顶部导航的垂直分割等网站导航的位置划分网页布局结构所需的页面构成元素是各不相同的。网页布局结构不同,网页内容给人的视觉效果也存在很大差别,可能让人觉得充实,也可能让人觉得空洞。i因此,最好草绘出不同类型的故事板(Storyboard),然后根据不同类型网页布局的特点及视觉效果差异,检查网页内容及设计视觉要素的表现方法是否合适,确定所需的内容和形态,最后选择最合适的网页布局类型。
        在这种情况下X,笔者想出来一个对策,就是草绘出三个不同的网页布局类型。通过简略的网页页面素描草绘,提出所需的内容种类及加工形态,然后和企划者进行具体的商讨。也就是说,首先说明不同导航方式的网页布局类型(Type A, B. C)的特点;然后讨论不同网页布局类型的图形要素比重及内容形态;最后选择用于设计草案的两个网页布局类型。把网站导航(Global Navigation,放到网页的顶部,以便在内容区域配置更多的信息。适用于整个页面的导航容量相比其他类型少,比重也较小,这样需要考虑内容区域的布局。不过,为了实现不同页面的特色,
 
网站导航(Globa,  lNavigation)的轻便表现就变得非常重要。以顶部和左侧架构页面分割结构为标准,在页面左侧放入网站导航,在顶部放入标题、标  l题图形、主菜单。顶部和左侧的色彩架构有着突出页面、页面充实的视觉效果;设计右俩的  l内容不会有太大困难。不过,想要实现内容区    l域的多样化布局就会受到很大的限制。Type B  l的草绘与Type A的最大区别在于“sub_about” 的构思思路。如果将Type A的左/右分割构思用于Type B的话,可,就会与左侧框架冲突,给入一种拥挤憋闷或勉强填充的感觉。最后,Type B  l运用的是适合布局结构的简单表现方法。
网页标志(Logo,横幅/Banner  网站  l导航及检索功能置于顶部框架,这样网页顶部的视觉集中效果显得很强。从结构上来看, lType c与Type A有些类似,但是在视觉上Type  lc更加突出了顶部的色彩框架,这样在调节帆容,区域的强弱效果时就不会有更多的负担。
上一篇:如何分析借鉴优秀的网页设计
下一篇:浅谈网站布局结构