您好,欢迎访问上海畔游网络科技有限公司官方网站!我司跻身上海网站建设公司百强之列,是专业的上海网页设计公司、上海网站制作公司,如需建站,敬请联系:021-60528088 热线电话:136-5168-1887

新闻资讯

上海畔游科技网络科技有限公司
首页 » 新闻资讯 » 行业新闻

上海网站建设——|主页设计精美让你的网站一秒脱颖而出!

发布日期:2018-09-25

网站制作是对前期策划的具体实现,这不仅仅是使用一些网页制作工具,按部就班地画表格、输文字、插图片和填代码,更需要我们有设计的智慧、敏锐的感觉和丰富的经验。

在网页设计和网站开发过程中,除了熟悉网页制作软件、做好网站建设前期规划、确定网站内容需求、设计与组织网站和网页内容等之外,还需要掌握一些网页制作与网站开发的技巧和方法。

如果结构是网站的“身材”,那主页就是网站的“面部”。主页能最直接地给读者留下印象,主页的设计当然需要耗费最多的精力。要让主页制作得漂亮,离不开对主页进行艺术的加工和处理,这就要涉及美术的一些基本常识,主要有以下几个方面。

1.风格定位准确

主页的美化首先要考虑好定位。任何主页都要根据主题的内容决定其风格与形式,因为只有形式与内容的完美统一,才能达到理想的宣传效果。目前主页的应用范围日益扩大,几乎包括了所有的行业,但归纳起来大体有这几个大类:新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同性质的行业,应体现不同的主页风格。例如,政府部门的主页风格一般应比较庄重,而娱乐行业则可以活泼生动一些;文化教育部门的主页风格应该高雅大方,而商务主页则可以贴近民俗,使大众喜闻乐见。

主页风格的形成主要依赖于主页的版式设计,依赖于页面的色调处理,还有图片文字的组合形式等。这些问题看似简单,但往往需要主页的设计和制作者具有一定的美术素养。

2.版面编排合理

主页的设计首先涉及的是页面的版面编排问题。主页作为一种版面,既有文字,又有图片。文字有大有小,还有标题和正文之分;图片也有大小、横竖之别。

(1)主次分明,中心突出

在一个页面上,必须考虑视觉的中心,这个中心一般在屏幕的中央,或者在中间偏上的部位。因此,重要的文章和图片一般可以安排在这个部位,在视觉中心以外的地方就可以安排稍微次要的内容,这样在页面上就突出了重点,做到了主次分明。

(2)大小搭配,相互呼应

较长的文章或标题,不要编排在一起,要有一定的距离。同样,较短的文章,也不能编排在一起。对于图片的安排也是这样。要互相错开,从而使页面错落有致,避免重心的偏离。

(3)图文并茂,相得益彰

文字和图片具有相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是图文并茂,互为衬托,既能活跃页面,又使主页内容丰富

(4)线条和形状错落有致

文字、标题、图片等组合在一起,会在页面上形成各种线条和形状。这些线条与形状的组合,构成了主页的总体艺术效果。所以在制作主页时必须注意搭配好线条和形状,进而增强页面的艺术魅力。

(5)直线(矩形)的应用

直线条的艺术效果是流畅、挺拔、规矩、整齐,即有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。

(6)曲线(弧形)的应用

曲线的效果是流动、跳跃、具有动感。曲线和弧线在页面上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。一般应用于青春、活泼的主页题材。

(7)曲线、直线(矩形、弧形)的综合应用。

把以上两种线条和形状结合起来运用,可以大大丰富主页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的主页,适用的范围更大,各种主题的主页都可以应用。但是,在页面的编排处理上,难度也会相应增大,处理得不好会产生凌乱的效果。最简单的途径是,在页面上以一种线条(形状)为主,只在局部的范围内适当采用一些其他线条(形状)。

3.色彩处理专业

人的视觉对色彩是最敏感的。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩应用原则是“总体协调,局部对比”,即主页的整体色彩效果应该是和谐的,只是局部、小范围之处可以有一些强烈的色彩对比。充分运用色彩的这些特性,可以使自己的主页具有深刻的艺术内涵,从而提升主页的文化品位。下面介绍几种常用的配色方案:

(1)暖色调的运用

即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用可使主页呈现温馨、和煦、热情的氛围。

(2)冷色调的运用

即青色、绿色、紫色等色彩的搭配。这种色调的运用可使主页呈现宁静、清凉、高雅的氛围。

(3)对比色调的运用

即把色调完全相反的色彩搭配在同一个空间里。例如,红与绿、黄与紫、橙与蓝等。这种色调的搭配可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反。这就要把握“大调和,小对比”的重要原则,即总体的色调应该是统一和谐的,局部之处可以有一些小的强烈对比。

(4)底色的运用

在进行色彩搭配时,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,即“高调”和“低调”,底色浅的称为高调,底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,道理相同。这种深浅的变化在色彩学中称为“明度变化”。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会损害读者的视力。