网页三剑客新注解：背景颜色 页面布局 文字和图片的选择

网页设计三剑客这个词相信大家在很早之前就认识了，它具体指的是制作网页的三种强软件，即Dreamweaver，Fireworks，Flash三个软件。可以说，早期做网站不会使用这三个软件，你都不好意思说你是做网站的，不过现在的轻型完全不同的了，大量的模板建站、CMS系统，可以让你在一个小时候甚至更短时间搭建好一个企业网站，当然，内容还是要另外填充的。【椒江网络公司】

不过今天、本文要为大家介绍的网页设计三剑客并不是软件，而是三种软件对于手机网站在网页设计时必不可少的元素。

我们常见的手机网站指的是用WML(无线标记语言)编写的专门用于手机浏览的网站，通常以文字信息和简单的图片信息为主。网站要适应手机的浏览是手机网站网页设计的主旨。手机网站的建设主要是为了在手机上进行企业宣传，产品展示和为客户提供服务。企业在进行手机网站建设时一定要做好这些前期的准备工作，因为只有这样才能更好的完成手机网站建设。

网页设计需要做的工作有很多，主要的目是为了满足用户的各种需求。网页设计所涉及的元素如下：颜色、字体、图片、样式等内容进行页面性的设计和美化，这些操作要做到在页面功能限定的情况下，尽最大的努力为用户提供完美的视觉体验。这些要求朵适用于手机网页设计，但是手机网站建设时对于网页设计的要求与PC端的网页设计要求有所不同，首先我们需要明确的是手机的界面要比电脑小很多，所以在进行手机网页设计时要对网页的尺寸进行限定。其次就是手机网站的运营情况，尽量避免无法显示的网页出现。

因为手机的显示屏与电脑是不同的，不仅存在色差问题还比电脑屏幕清晰很多，所以手机网页设计时更注重网页的背景颜色、页面布局，文字和图片的选择等等，这也是本文所说的手机网页设计三剑客。接下来分形小编就从这三大类内容为大家进行介绍。

第一、背景颜色

网站的背景颜色占据了网页所有的空白之处，它是决定网站色彩搭配的主导色系。想要做好页面的色彩搭配工作需要对色彩学有一定的了解，以搭配和谐，色彩统一，风格统一为准则。

1.整个网站最好选用同一种色彩为主色调，然后对选定的色彩进行透明度、饱和度和明暗我调整，这样做的好处是：可以让页面看起来色彩整齐统一，有层次感。

2.如果必须选用两种色彩，那一定要选择同一色系的，然后选择两种对比色使用，这样做会让页面看起来和谐美观。

3.如果想用多种颜色，那么一定要选择同一色系同色调的颜色，这样做可以让网站看起来风格统一。(色调指的是如果选淡色那么就全部是淡色，如淡蓝，淡黄，淡绿：)。

Ps：不要在一个网页中将所有颜色都用到，尽量控制在3到5种色彩以内，背景和前文的对比要大(不要用花纹繁复的图案作背景)，这样不利于突出主要文字内容。

第二、页面布局

页面布局指的是整个页面上所有内容的分布情况，也是网页上内容的组织情况，页面布局的作用，主要是引导用户的视线，让用户第一时间看到最重要的信息。页面布局涉及的主要元素有栏目标签、提示信息、菜单等。根据经验页面布局为：品牌标志和导航应该放在页面的顶部，这是用户对网站的第一印象;在内容结构中，图片更容易获得关注用户浏览完图片后，下一个关注点便是标题;用户会大致的浏览文本，但是往往不会通读。

随着网页设的发展和用户对于网页设计要求的提高，页面布局的形式也越来越多，PC端要把使用的页面布局同样也适用于手机移动端，下面就与大家分享几类主流的布局型式，

1、F式页面布局

F式页面布局是页面布局中较为经典的一种，这类网页中内容的重要性是从左向右、从上到下的，这符合一般人的阅读习惯。左上方是logot和导航栏，然后是樯标签，让用户知道如何转至不同的页面。

优点：在于于F式布局符合大多数用户的浏览习惯，符合“从上到下，从左到右”的阅读方式。

缺点：必须将最有价值的内容放置在页面顶部了，没有任何新意，文本内容无法有效的引起用户注意。

建议：将肉戴姆勒内容呈递相关排列。比如将和网站主题相关的链接、广告，相关阅读推荐等内容放在告前的位置。在页面上设置一些内容检索工具，如过标签、文章检索、最热文章等。

2、“国”字型页面布局

“国”字型页面布局也可以称为“同”字型，是一些综合类的大型网站常用的类型。这种类型的页面最上面是网站的标题以及横幅广告条，下面紧跟的就是网站的主要内容，左右分列一些内容，最中间的部分是主要，一直到页面底部。页面最下方是网站的一些基本信息、联系方式、版权声明等。

优点：“国”字型页面布局中的重占内容集中在顶部和中间位置，分区排布，这样的页面方便浏览者查找想要的信息。

缺点：页面的信息分布过于集中，无法让用户明确哪一种是重要的哪一种是次要的，所以秀容易让用户因找不以想要的信息而跳出。

建议：在用“国”字型页面布局时，应该将重要的内容用特别的颜色或是字体标出方更用户查找。

3、“T”字型页面布局

“T”字型页面布局是将网页上边和左边栏相结合的页面布局，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这种布局类型是网页设计中用得的最广泛的一种布局方式。

优点：符合人的注意力游动情况，能够让用户以最大可能性方便的获取信息，页面结构清晰，主次分明、易于使用。

缺点：规矩呆板，如果细节色彩上不注意，很容易让人“看之无味”。

建议：在页面的色彩运用上一定要突破页面规矩的格局，进行合理而大胆的用色，以此来吸引用户。

4、POP型页面布局

POP源自广告术语，这种类型指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类网站。

优点：页面漂亮，引人入胜。

缺点：由于页面上运用的大幅图片较多，导致页面的打开速度变慢。

建议：在页面色彩和图片的选择上可以尽量简少颜色的种类，最好选择同色系的，这样可以加快页面的读取速度。

第三、文字和图片的选择

手机网页中文字和图片的选择要适应手机的屏幕大小和人们的视觉习惯，这样可以让用户更舒适的浏览页面。文字和图片是网页排版时需要考虑的内容。在进行网页设计时可以按照下面的原则进行。

1、字间距不要太挤或太宽，

2、行距不要太小或太大，

3、段距不要太少或太多，

4、每行字数不要太多或太少。

总结：网页在进行文字和图片的选择和排布时，需要把握一个适度的问题，控制好这个度，就可以让页面给你一种赏心悦目的感觉。

总结：相信看到这里的SEO建站的朋友们一定明白了我说的“网页三剑客”了，对了，就是第一、背景颜色，第二、页面布局，第三、文字和图片的选择。做好这三项工作，相信你的网站还是能做得与众不同的，你说是不是呢？