公司动态 · 行业动态 · 技术交流

新闻中心

网页设计布局心得-南京网站建设

发布时间:2012-06-01 浏览:5381次

网页设计布局心得-南京网站建设

      网页不仅仅是把相关的内容放到网页中就行了,它不要求网页设计者能够把这些内容合理的安排,给浏览者以赏心悦目的感觉,这样才能达到内容与形式完美的结合,增强网站的吸引力。因此说,网页设计不但是一项技术性的工作,它还是一项艺术性的工作,要求设计者有较高的艺术修养和审美情趣,这样才能设计出高水平的网页来。网页的排版布局就是决定你的网站美观与否的一个重要方面,通过合理的有创意的布局,你可以把文字、图像等内容完美的展现在浏览者的面前,而布局的好坏在很大程度上取决于你的艺术修养水平和创新能力。然而这并不是说网页的布局无章法可循,完全是灵感之作,它也有自己内者的规律和要求,你只要按照这些要求去做,再加上你的奇特创意,一个吸引人的网页布局是会出现的。

       一、网页排版布局的步骤 
       1.构思 
       根据网站的内容整体风格,设计版面布局。你可以参考其他的优秀的网站,调用自己的各种知识储备,特别是艺术方面的,在大脑中不断地酝酿、碰撞,往往不经意就有闪光的思想出现。这时你就要抓紧时间把它变成文字的东西,用笔在纸上粗略的勾画出布局的轮廓,不要讲究细节,只要有一个轮廓就行。当然你也可以有多种想法,尽量都把它们画出来,然后再比较,采用一种比较满意的方案。

      2.初步填充内容 
        这一步就要把一些主要的内容放到网页中,例如网站的标志、广告条、菜单、导航条、计数器等,要注意重点突出,把网站标志、广告条、菜单放在最突出、最醒目的位置,然后再考虑其它的元素的放置。

       3.细化 
       在将各主要元素确定之后,下面就可以考虑文字、图像、表格等页面元素的排版布局了。在这一步,你可以用网页编辑工具把草案做成一个简略的网页,当然对每一个元所占的比例也要有一个详细的数字,以便以后修改。

       经过以上几步之后,相信你的网页布局已经初具规模了,让别人看一下,给你提些建议,再不断修改,一个很有特色的网页就要浮出水面了。 
      二、网页排版布局的原则
            上面我们简要的介绍了设计网页布局的步骤,事实上,在构思和设计的过程中,你还必须要掌握以下的几项原则: 
       1.平衡性
            一个好的网页布局应该给人一种安定、平稳的感觉,它不仅表现在文字、图像等要素的空间占用上分布均匀,而且还有色彩的平衡,要给人一种协调的感觉。

        2.对称性
            对称是一种美,我们生活中有许多事物都是对称的,但过度的对称就会给人一种呆板、死气沉沉的感觉,因此要适当的打破对称,制造一点变化。 
        3.对比性
            让不同的形态、色彩等元素相互对比,来形成鲜明的视觉效果。例如黑白对比,圆形和方形对比等,它们往往能够创造出富有变化的效果。 
        4.疏密度
            网页要做到疏密有度,即平常所说的“密不透风,疏可跑马”。不要整个网页一种样式,要适当进行留白,过用空格,改变行间距、字间距等制造一些变化的效果。

        5.比例
            比例适录,这在布局中非常重要,虽然不一定都要做到黄金分割,但比例一定要协调。 
        三、常见的布局样式 
        1.T字型
            这种布局最为常见,就是指页面最上方是广告条,页面下方左边是菜单,右面显示页面内容,整体上类似英文字母“T”,所以我们称之为T字型布局。这种布局条理清晰、主次分明,非常适合初学者学习,但略有点呆板。

        2.口字型
            这种布局类似一个方框,上下是广告条,左面是菜单,右面是友情链接,中间是网页内容,网页布局紧凑、信息丰富,但四面封闭,给人一种压抑的感觉。

         3.对称型
            整个网页呈上下或左右对称布局,非常醒目,如果两部分搭配协调,网页的视觉效果非常好,很有冲击力。 
         4.海报型
            这种布局就像我们平时见到的海报一样,中间是一幅很醒目、设计非常精美的图片,周围点缀着一些图片和文字链接。这种设计常用直一些时尚类和公司的首页,非常吸引人。但大量的运用图片导致网页下载速度很慢,而且担供的信息量较少。