网页布局的三个步骤

 进行网页布局时可以分为三个步骤,即“构思”、“粗略布局”及“定案”,下面分别进行说明。

    首先,构思。

    一个页面就是一张空白的白纸,如何在上面作画,需要在大脑中多想想,同时要紧密结合页面中要放置内容。其实很多时候页面布局受页面内容的限制比较大,毕竟将所有的内容呈现出来是头等大事,至于如何表现,如何才能实现美观,这是其次的问题而已。

    除了本页面的布局构思外,还要考虑其他页面的布局,以便能让整个网站具有一致的风格与布局。

    通常页面顶部是用于放置导航菜单等内容的,页面底部是用于放置版权信息的,这两部分在网站的各个部分中一般都需要,因此进行布局时可以将其统一为同一布局。至于各个页面中的细节,则根据页面的内容来具体确定,但在表现方法上还是要尽量做到统一。

    构思阶段是一个创造阶段,可以不讲究细腻工整,而以简陋的线条勾画出创意的轮廓即可。多准备几张白纸,尽可能地发挥想象力,尽可能多画几张不同风格的布局,最后选定一个比较满意的,以便继续后面的步骤。

    其次,粗略布局。

    在构思阶段完成草案的确定后,即可实现粗步的布局。启动图像处理软件,在软件中将页面的各个部分进行细化。

    先确定整个页面的总体框架,包括整个网站的公用部分,以及主内容的主要表现形式进行确定,将该有的线条绘制出来,此时可以结合辅助线等工具进行操作。

    接下来再进行各个小版块的设计,将该有的线条、色块、按钮等绘制出来,粗略的完成页面的布局设计。

    最后,定案。

    这一阶段就是出成品了。再次观察设计好的作品,将布局作进一步的精细化与具体化。对于常见的一些处理技巧如下:

    1)网页的白色背景太虚,则可以加些色块。

    2)版面零散,可以用线条和符号串联。

    3)左面文字过多,右面则可以插一张图片保持平衡。

    4)表格太规矩,可以改用倒角试试,即表格的四个角设置一定的弧度。

    5)当实线不够美观时,可以改为虚线。

    6)尽量多做一些小图标。

分类目录: 建站教程 | 标签: 网页  布局  三个  步骤   | 评论:0
上一篇: 普通用户的神话
下一篇: 使用时间数据时需要考虑的问题