布局设计的意义

怎样的布局最合理是要根据网站内容来定的,布局也就是一个页面内容构成的设计。
 
    “布局”这个词出自中国唐代的诗句,是指棋的布局。在网页设计中引用“布局”一词,来形象说明网页设计的内容版面安排就想棋艺布局一样要严谨、有章法和逻辑,这正是网页设计最基本的设计要求。

    那么言归正传,布局需要哪些设计呢?先说一下布局的作用。一个合理的网页布局安排能够使画面更有节奏感、条理性,画面脉络清晰,便于浏览者浏览和查找信息。

网页页面布局之如何把内容放入自己喜欢的网页类型中

网页设计上的规范和网页设计不存在规范,不拘一格才是未来网页设计发展方向。
 
    这种方法就是获取自己喜欢的网站页面,保持网页页面构成不变,把它的内容改为自己所要的内容。如果想把网站的布局做得清晰明确、内容充实、可以将制作的内容放入到某个成熟网站的主页布局中,按照你自己的建站布局做得清晰明确、内容充实、可以将制作的内容放入到某个成熟网站的主页布局中,按照你自己的建站布局方案把这个网站里的内容修改成自己所需要的内容,同时观察网页的变化,看看是否还能像原来一样,布局紧凑合理。参考下面几条标准,可以确定是否能够修改网页内容或是否存在不合适的页面构成元素,检验这个网站的网页布局类型是否符合目标网页的要求。

网站信息布局、信息结构设计

设计网站,主要针对首页、栏目首页和信息内页等几个最重要的页面进行信息安排。其他的页面将以它们为基础,从信息心事变化上有针对性地进行细节调整。

       主要信息放置于页面的热点区域。根据信息的重要程度,从上到下排列和从左到右排列。栏目中的主推信息制成广告放置在首页的合理位置,可以使浏览者在最短的时间内跳跃到第三、第四级页面。

       三分栏结构一般是把主打内容放置在中栏,也可叫做第二栏。分栏式结构中存在侧栏的概念,侧栏就是居左或者居右的分栏,相对不重要的信息或功能模块,如邮件、搜索和天气等,可以放在侧栏。

确定网页布局类型需注意事项及方法

在确定网页布局类型的时候,最重要的注意事项是网站的内容机构和性质。
 
    通过网页要表达的内容确定信息类型及层次机构将直接影响网页布局和导航结构,这也是在确定网页布局类型时必须要考虑的事项。网页布局必须通过设计向使用者提供便利的使用环境和很强的实用性。

    内容性质是考虑有效的表现策略和方法时要注意的事项。内容性质不会对网页布局结构和形态带来直接影响;不过,在确立设计理念的过程中,内容性质是可以检验并判断普通、独特、实验等网页布局形态的设计是否适合网页外观风格的标准。

Flash网站的基本布局

在Flash中,能根据不同的页面元素进行分类,然后分布在各个层中,并且赋予相应的名字,便于操作。建议在源文件中养成良好的命名习惯。通常一个全站在成型之前,会对同一文件进行多次操作,所以为了提高工作效率以及方便日后调用,良好的结构非常重要。
  
   (1)影片的场景大小一般设置为1600px×1200px,以适应各种显示器的分辨率;帧率设置成30,也可以根据需要进行调整。
  
   (2)Loading通常放在第一帧,而且除了背景以外,并不安排其他元素在第一帧内,这样可以保证第一帧的数据量很小,便于Loading动画的正确显示。
  
   (3)每个大型的深层次MC(影片剪辑),以及经常需要切换到内部的MC,如页面的MC,导航部分的MC等,通常需要在场景外做一个入口,也就是一个色块。因为有的MC并非在内部的第一帧就有内容,在外层的时候它是空白的,所以为了便于操作,在内部的第一帧建立一个色块,便于随时双击进入操作。
  
   (4)不要把所有的动画和内容都安排在主时间轴里,这样会让你在以后的操作中非常难于调整,甚至无法增添内容。设计时应该把页面内容按结构、位置关系划分成模块,然后相应地做成元件,根据划分的结构关系,相应地安排MC的嵌套以及其相对位置。然后在各个时间轴里,利用写在对应位置的AS程序,来控制各个时间轴的衔接与互动。

网页布局结构的标准——信息架构

信息架构好比是水果店里的水果摆放的方式。水果店按照不同品种和价格摆放水果,也就是说,摆放水果的时候,首先按照种类将水果分为橘子、苹果、李子、西瓜等。然后以水果的大小、品种、质量为基准,依照价格对水果进行分类。这种最常见的水果摆放方式有助于顾客挑选想要的水果。顾客进入水果店后,水果的品种和质量一目了然;如果水果混杂在一起的话,顾客就要花费很多时间辨别水果的品种和质量,也不容易确认不同大小或质量的水果价格的差别。另外,通过这种摆放方式还可以激发顾客的购物欲,摆放整齐、色彩鲜艳、散发着浓浓香气的新鲜水果,绝对能给顾客带来强烈的视觉、味觉冲击,激发顾客的购买欲。在不同季节里,商家还把最多的当季水果摆放在显眼的地方,这也是考虑到人们在不同季节有着不同的喜好而实行的销售策略。

网页布局的连贯性和多样性

这种整体性是通过网页布局(Layout)和视觉效果(Visual Effect)体现出来的。网页布局的连贯性要能提供网站的体验形象,也就是让使用者能够通过所有页面都是用的网站导航、公司标志、标题、子菜单、内容的排列及位置的连贯性等来进行网上冲浪;这种体验形象的提供,便于使用者浏览网站。

    网上冲浪就如同在到处是方向标志的未知世界里漫游一样,用户可以选择的道路和内容是无穷无尽的,为了让用户搞清楚自己停留的地方是哪里、位置是哪里,网站的整体性就显得非常重要。

页面布局形式与内容关系分析(下)

一方面页面布局束缚了内容的布局形式,另一方面内容却是布局的支撑,所以页面布局和内容两者之间是相辅相成的。下面对两者间的关系进行分析和介绍。

    三、形式分析解剖

    韩国的网页设计在框架结构、内容排版、色彩搭配、图片运用上非常的和谐统一,受到很多朋友的喜爱。韩国网站的页面层次感很强,这个层次感不识靠几个立体字来体现的,而是通过添加简单的图片或文字阴影效果和巧妙的构图来形成视觉上的差异,也就是这种设计上的细节突出了层次感。

网页布局的三种形态(上)

 网页设计师经常容易忽略网页布局形态要素,这是因为他们只重视基于网页布局结构的使用性,没有过多地考虑网页布局形态要素。但是,在构思网站时,网页布局形态也是一个非常有效的设计要素,它有助于网页设计师扩展思路、激发创意,因此完全有必要兼顾网页布局结构和网页布局形态为一体。通常网页布局形态主要有三种,分别是普通形态、独特形态、实验形态。
 
    一、普通形态

   “普通形态”就好比是过去的瓦房。瓦房的规模差别很大,但是外形基本上都是相似的。同样道理,网站的规模可能有很大的差异,但是它们的外观非常相似,这些网站可以称为“普通形态”。

布局设计之点、线、面(上)

1919年成立的包豪斯设计学院在格罗皮乌斯提出的“艺术与技术的统一”下,努力寻求和探索新的造型方法和理念,对点、线、面、体等抽象艺术元素进行了大量的研究,在抽象的形、色、质的造型方法上花了很大的力气,他们在教学中的这种研究与创新为现代构成教学铺下了坚实的基础。
 
    在设计领域,构成指将一定的形态元素,按照视觉规律、力学原理、心理特性、审美法则等进行的创造性的组合。

    构成作为一门传统学科在艺术设计基础教学中起着非常重要的作用,它是对学生在进入专业学习前的思维启发与观念传导。1919年成立的包豪斯设计学院在格罗皮乌斯提出的“艺术与技术的统一”下,努力寻求和探索新的造型方法和理念,对点、线、面、体等抽象艺术元素进行了大量的研究,在抽象的形、色、质的造型方法上花了很大的力气,他们在教学中的这种研究与创新为现代构成教学铺下了坚实的基础。