客户也应该了解的网页设计知识

发布时间：2022/01/11 丨 文章来源：未知 丨 浏览次数：

网页设计，虽是网站建设行业内的专业术语，但作为客户而言，若能了解更多的网站设计基础知识，我相信在进行网站建设项目中就不会显得那么被动，无助，而且能更好地与项目负责人进行沟通交流，更能理解您的设计需求。因此，我们今天先来简单介绍一下网站的页面组成，网站一般包括以下几部分：

导入页：也就是输入网址时第一时间呈现在浏览者眼前的页面，它只是起到一个引导的作用，没什么实际内容。导入页可有可无，要看企业的具体需求。

首页：网站的门面，这是给浏览者的第一印象，也是客户体验的最佳表现机会。如同公司的整体形象，特别注重设计和规划。

框架页：网站的主要结构页面，又称次首页、内页，大型网站往往框架页即首页，如一些门户网站。框架页主要是网站内部主要栏目的首页，讲究风格的一致性，并与网站整体风格呼应。

普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。

弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。

通过上面的简单概述，我们可以总结出：

从功能上来看，首页主要承担着树立企业形象(当然不仅仅是首页)的作用;框架页在导航方面起着重要的作用，比如各栏目内部主要内容的介绍，都可以在框架页中体现再进入普通页，择其需要而浏览;普通页则是主要的信息页面;至于弹出页，建议您不是必要，最好不要用。下面详细介绍各页面的设计技巧：

一、首页设计技巧

网站首页是企业网上的虚拟门面，正因为是虚拟的就好比是“无纸的印刷品”。既然如此，精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者(访问者)的购买欲望，若设计得很毛糙不精细，您肯定会怀疑其内容的真实性和可靠性，从而对其产品或服务产生质疑。因此，首页的设计决不能敷衍了事、马马虎虎。

一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，设计人员在结合公司的CI手册，企业标志、字体及用色标准中要注意使用这些语言符号来表达一种独特的企业信息。

二、网站风格保持一致(内页设计技巧)

如何保持网站风格的一致，是进行内页设计过程中考虑的重要方面，根据我的经验，您可以尝试以下几种设计方式：

1、结构的一致性：我们知道，网站结构是网站风格统一的重要手段，包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等，我们要强调网站标志性元素的一致性，即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等，这种方式是目前网站普遍采用的结构，一方面减少设计、开发的工作量，同时更有利于以后的网站维护与更新。

2、色彩的一致性：方式是保持站点主体色彩的一致，只改变局部色块，优点是一个独特色彩的网站会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号。在色彩的一致性中，我们强调的是如果企业有自身的CI形象，最好在互联网中沿袭这个形象，给观众网上网下一致的感觉，更有利于企业形象的树立。一个建议是选取一两种主要色彩，几种辅助色彩。

3、利用导航取得统一：导航是网站的一项重要组成部分，一个出色的富有企业特性的导航将会给人留下深刻的印象，比如将标志的形态寓于导航之中，或将导航设计在整个网站布局之中等等不一而足，花点力气在导航上，也会设计出一个出色的站点。

4、特别元素的一致性：在网页设计 中，个别具有特色的元素(如标志、象征图形、局部设计等)重复出现，也会给访问者留下深刻印象。比如网站结构在某一点上的变化，由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。

5、利用图像取得统一： 网页中的图像在使用上一定要甚之又甚，尤其是一些动画，网页中充斥着各种可有可无的动画，而这些动画根本与本企业内容无关!认真检查网页中的动画，将没用的删掉!这里我们所说的利用图像取得统一，决不是在每页中放置几个动画!而是作为网站结构一部分的局部图像，根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。

6、利用背景取得统一：从技术上而言，网页背景包括背景色和背景图像两种，一般来说，我们并不提倡使用背景图像，而使用背景色或色块。原因很明显，第一，下载速度，背景色的下载速度忽略不计，而背景图像就得根据图像字节大小下载了;第二，显示效果，经常看到国内一些网站设有背景图像，或者是公司的厂房、办公大楼，或者是产品图片，甚至是某某人物的照片，使得前面的文字很难辨认!

三、色彩搭配

网页中最难处理的也就是色彩搭配的问题了。如何运用最简单的色彩表达最丰富的含义，体现企业形象是网页设计人员需要不断学习、探索的课题。如何进行色彩搭配是一门学问，下面的一些方法是我在实践过程中的体会，希望能够为您起到一定的参考作用。

1、运用相同色系色彩：所谓相同色系，是指几种色彩在360°色相环上位置十分相近，大约在45°左右或同一色彩不同明度的几种色彩，如：这种搭配的优点是易于使网页色彩趋于一致，对于这种用色方式容易塑造网页和谐统一的氛围，缺点是容易造成页面的单调。

2、运用对比色或互补色：所谓对比色，是指色相环相距较远，大约在100°左右，视觉效果鲜亮、强烈，而互补色则是色相环上相距最远的连种色彩，即相距180°，其对比关系最强烈、最富有刺激性，往往使画面十分突出，如：，这种用色方式容易塑造活泼、韵动的网页效果，特别适合体现轻松、积极的素材的网站，缺点是容易造成色彩的花，使用中注意色彩使用的度。

3、使用过渡色：过渡色能够神奇地将几种不协调的色彩统一起来，在网页中合理地使用过渡色能够使你的色彩搭配技术更上一层楼。

四、版面布局

一般来说，企业网站首页的布局比较灵活，着重设计，这里我所说的布局主要是指内页的版面布局。中、小型企业网站的内页布局一般比较简单，即内页的一栏式版面布局，从排版布局的角度而言，我们还可以设计成等分两栏式、三栏式、多栏式，不等分两栏式、三栏式、多栏式等等，但因为浏览器宽幅有限，一般不宜设计成三栏以上的布局。

在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息，如公司名称、标志、广告条以及导航条，或将导航条放在左侧而右侧是正文等等，这样的布局结构清晰、易于使用。当然，您也可以尝试其他布局的变化形式。

以上就是简单的网站设计技巧，简单明了的文字叙述，我相信您肯定有了进一步的了解，希望您在构思网站建设策划时有自己的网站建设风格，我们期待与您共同探讨。