在了解了这样一些常见的网站布局样式之后,要对自己的网站进行设计,就需要网站设计人员自己的创意和经验了。一开始不可能考虑到所有的方面,但是必须考虑到一切所能控制的地方,对于一些约定成俗的浏览习惯要考虑到,然后慢慢地进行细化网页设计者应该先设计好布局的原型,然后才开始在网页设计器里面网站页面,以便能设计出优秀的网页。网站布局设计方法一般有如下所示的两种:
1) 纸上布局法:使用纸和笔绘制出想要的页面布局原型,只需要根据网站的设计要求绘制出来即可,不需要担心设计的布局能否可以实现,因为目前基本上所能想到的网站布局使用HTML都可以实现出来。
2) 软件布局法:使用一些软件来绘制布同示意图比如使用Photoshop来绘制,笔者也会使用 Microsoft Visio,这个工具虽然没有提供现成的布局模板,但是基本的布局形状都能够表达出来。
下面是布局的常见的基本步骤:
(1) 确定页面的尺寸,由于不同的分辨率下页面的范围会显得不一致,因此一开始要确定目标群体的分辨率范围,选一个最小分辨率进行设计,比如在800×600分辨率下,页面的显示尺寸为780×428素,1024×768的分辨率下,尺寸为1007×600,分辨率越高尺寸越大。
(2) 确定网页页面显示的整体形状,可以充分利用上一小节的常见的网站布局结构来考虑网页显示的整体形状。不同的形状具有不同的意义,比如矩形表示正式,多见于企业级的网站:圆形代表柔和、团结等,很多时尚形的网站以圆形为主要造形。可以参考下面下面的网站:http://www.zhiyuanit.net.cn/
(3) 确定网站Logo的放置区域,网站主导航的显示位置,以便用户能更快地访问网站中提供的其他的服务。
(4) 确定文本的显示方式和排版样式,这样可以根据所要显示的内容对网页进行区域分配。
(5) 图片和多媒体内容的显示位置,这是整个网页是否吸引人的关键,良好的图形和多媒体内容能带给人较强烈的感观冲击,应该规划一个合理的放置区域。
总而言之,应该充分认识到网站布局设计是网站建设过程中非常重要的一环,直接影响到网站的成功与否,因此在实际的工作当中应该经常积累经验,多多学习一些设计师们的经验总结,提升自己的网页设计水平。