在网页设计中所讲的布局(layout)就是把进入网页的各种构成要素(文字、照片、图像、表格、菜单等)在网页浏览器里有效地排列起来,在设计网页时,要从整体上把握好各页面的布局,主要是利用表格或网格等。
仔细观察各种形态的网站布局十分必要的。另外,在平时有很好的想法的时候,把那些一闪即逝的好点子都记到书写簿上,通过这样方式把许多关于布局的想法都话出来会对我们有很大的帮助。
要充分考虑网站的目的以及用户的环境,而后加入网页设计人员富有创意的构思,这样才能构成一个较好的布局,另外也必须考虑到网页的受注目程度和可读性。为了构成要素的有次序的排列,必须高效地运用有限的空间(布局)。充分考虑网页分辨率的适应性。http://www.monoedge.com
在开始网页布局设计之前,首先要明确这个网站的目标是什么。网站是应该有自己的终极目标的,下一步就是要明确制作每个网页页面所要说明的是什么,当然,设计的风格和方向应该是先考虑好,事先作好网站各个要素的构成流程图也是必要的。因为如果把包含网站的构造和信息等的流程图作出来,那么就会减少设计时的失误。
之后应该做的事就是在纸上画张草图,但没有必要画得太仔细,只要自己能看明白就可以了,接着,把包含布局横、竖数值等许多项信息内容在内的基本设计图画出即可。当然下面就应用电脑来进行实际制表操作了。另外,要设计一个网页的布局,还应该考虑很多部分的内容。例如:句子的横向长度太长的话,读起来就很不方便。特别是网页的可读性一般都会比印刷的媒体要稍微低一些。同时,根据分辨率的要求还应事先想好留白的处理等问题。
布局的主要构成原则:基本上应该考虑醒目性、可读性、明快性、造型性、创造性等要素。醒目形式之使用用户把注意力集中到某网站并诱导其浏览使其看到的部分或内容;可读性就是使网站的内容更容易让人读懂,明快性就是准确、快速的转达网站的构成内容;造型性就是维持整体外形上的稳定感和均衡性。另外,为了使网站更加富有创造性和鲜明的个性,在设计网站的界面时还应在创造性方面多下些功夫。
布局的构成原则基本上包括统一、协调、流动、强调、均衡等方面。统一就是整个网站的构成要保持一贯性,不要给用户带来混乱感,应尽可能的让用户使用起来更方便。协调就是要把网站的每个构成要素有机的结合起来,让人感觉既美观又方便实用。
流动就是能让用户的视线自然而然的网他想移动,同时界面的使用功能可以根据用户的爱好和便利,马上连接到用户想要浏览的下一项内容。抢跳就是把想要突出的设计或内容通过活用色彩、留白等方式,总不影响整体的设计和连贯性的前提下,把该部分内容最大限度的再安排每个要素是要按照一定的顺序。并照顾到使用上的便利性和视觉角度的稳定感。
养成使用草图和布局纸的习惯。