设计网站的注意事项

网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色，所以使用216网页安全色进行网页设计可以最大限度避免颜色失真的问题。下面介绍设计网站的注意事项，希望可以帮助到各位。

一、 background背景图像

由于千篇一律的单色背景早已产生了视觉疲劳，因此出现了花纹背景，例如用点、线、面组成的背景，通常这种背景都是做成10*10px (或其它)的方形大小。再受韩潮影响，目前应用广泛的是渐变背景，由于分辨率的关系，通常采用上下渐变，左右渐变不可取。问题来了，上下渐变在Photoshop(做网页设计的常用软件)中只需要简单的使用渐变工具拉动一下即可，但是作为网页设计师的你有没有想过在页面中这种背景应该如何去做?分成上下2个背景，或者做一个超级长估计要在3000px以上的背景?因此在做这种背景的时候，需要仔细考虑页面该如何去生成。

二、 适应分辨率

为适应分辨率，最佳方法应该是整个页面采用100%自适应表格，这种网站让800*600及以上分辨率的彩显都能整屏幕最佳效果浏览，这样的制作方法在为数不多的几个网站上出现过。但是这种方法必然需要最少的图片及最多的216安全色及最精简的表格。目前这样的网站不怎么能满足客户的设计要求。

在国内，网站通常都在750-780px的宽度之间，这样做的目的是为了适应800*600及以上分辨率的彩显浏览网站。OK，矛盾出现了，中间是780px的宽度，但是通常设计师会加上描边或者投影的效果，做为设计师的你，有没有把这个尺寸算进去?更有甚者，中间的内容是780px 两边采用长达30px的投影，再加上前面第一点提到的渐变背景，好了，你想让生成页面的工作人员自杀吗?请你在做这样的设计时候为后面的生成页面工作考虑一下。

三、 网页216安全色

所谓网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色，也就是说这些颜色在任何用户显示设备上的显示效果都是相同的。所以使用216网页安全色进行网页设计可以最大限度避免颜色失真的问题。

但是通常216个色彩不怎么能满足网页设计师的设计，随便一个渐变已经超出了这个范围，矛盾又出现了。请尽量将非网页完全色做在图片上，也就是说将非网页安全色做成图片，而将安全色做为代码，这样尽可能使网站拥有美观及快速。如果碰到一个网页设计师的设计作品，从上到下、从内到外、从文字到图片都没有1个安全色，你会怎么做?我昨天就遇到了。难道让我把所有的文字都做成图片?那这个网站还需要更新吗?程序员又该如何做?如果你是这样设计网站的，请改改这种毛病。

四、 象素与羽化

象素和羽化应用都非常广泛，但是某些地方却产生了矛盾。举个例子，在一个带有图片背景的表格上，有一个翻转图片的按钮(鼠标经过变换图片)，而这个按钮并不需要一定做成方形，为了整体效果，你也许会做成圆角，这个圆角如果做成象素，那么按钮可以做成方形透明背景的GIF，这样不会有任何问题，但作为设计师的你，也许会做成羽化的圆角，问题出现了，这个按钮是一定要用JPG或者非透明背景的GIF了，那么一旦需要更改此表格的背景色，这个按钮的两张图片也需要更改。所以在设计到圆角这种效果的时候，用象素还是用羽化，你要考虑清楚了。

“实践检验真理”，你想成为一个优秀的网页设计师，那么请多去把你的设计作品做成页面，这样你会发现很多设计中的问题。单纯的做一个美观的网页设计并不难，难在如何将美观与实际页面相结合。

第一，一定要确立明确的主题，然后朝着这个主题的方向去做网站。

一定要先明确好这个网站的主题，确认自己想要什么样的网站。有了主题才有了目的，就能够朝着这个主题的方向去做网站。如果没有主题的话，你就像一个无头的苍蝇一样，根本找不到方向。所以主题对于一个网站来说至关重要。就算是以后你把网站做成了，你也要凸显出来你网站的主题，这样你的网站才会有自己的特色，更加吸引访客有兴趣浏览下去。

第二，材料一定要做的仔细、深入一些。

你把网站主题确定好之后就要去寻找网站的材料，而你在寻找材料的过程中，只有一个需要注意的地方，就是一定要非常仔细的找这些资料，而且要找一些比较深入一点的，这样的话，你做出来的网站才是有深度的。如果你找的资料都是那种网上一搜就能查出来的，那谁还会去你的网站看呢?所以你要确保你的网站里面能够有一些别人没有的东西，这样的话才会有人去使用你的网站。

第三，使用过程简单一些。

很多人在设计网站的时候，为了让自己的网站看起来更加精致，就会设计很多的步骤，他们也这样会让网站看起来比较高大上。其实并没有，过于复杂的设计，反而会让人觉得你的网站太难使用，这样就会有很少的人去使用你的网站。没有人愿意使用你的网站，那你这个网站也就没有了价值。因此一定要把网站的使用过程设计的简单一些，人性化一些，这样才会有更多的人去使用你的网站。

网站页面的结构必须足够清晰。

网站页面结构是否清晰决定着用户是否能够在进入网站的第一时间或是很快就能找到自己想要看到的内容，而不是花费较多的时间用于内容的寻找。在页面设计时，应该把最重要的内容放置在最显眼的部分。作为网站内最优质的内容，也是可以给网站带来最多点击量、最好的回馈的内容，自然应该放在最显眼的位置来像用户做出展现。在页面设计时，应该尽量的将重点文章或者关键的栏目放在网站首页里最好的位置，这样也可以大幅的提高点击量。当然，将内容放在一个好位置并不代表万事大吉，你还要保证自己的描述以及文章的标题确实能够吸引到用户的注意。如果用户在对最显眼的部位的内容进行阅读之后，却没能体会其中的含义，那么很显然网站就浪费了这个绝佳的位置。此外，如果不是资讯类网站，不需要拜访过多的条目，应该保证页面越简单明了、清晰越好。过多的内容会浪费用户寻找他们想要看到的内容时花费的时间，也容易造成跳出率的升高。

设置合理的导航。

导航栏有非常多的展现形式，你可以选择隐藏或者不隐藏等等，但需要明确的是，无论选择哪种方式，都要保证自己的导航栏条理清晰。导航栏其实存在两种：目录导航以及文章中的面包屑导航。这两者都是不可或缺的，目录导航的作用自然是引导用户到达他们想要浏览的页面，而文章页中的面包屑导航存在的作用则是让用户能够清楚地知道自己所处的位置，以及快速的跳转到其他内容。如果缺少面包屑导航的话，就会给用户的浏览带来很多不必要的麻烦，这也是对于用户使用体验的一种比较严重的损坏，面包屑导航的重要程度是不亚于首页的目录导航的。

要标注页面的发布时间。

在今年上线的极光算法中，时间因子成为了一个非常重要的，在搜索引擎对页面进行排名时参考的因素。但有很多网站为了针对这一算法而选择改造时间因子，这种做法是要受到站长坚决的抵制的，因为一旦被搜索引擎发现作弊，就会引来制裁。所以，在文章中必须要显示出页面发布时的具体时间，包括年份。如果页面中不包含时间因子，那么就等于放弃了这一提升自身网站排名的因素。

网站在建设的过程中，需要为日后的运营和优化打下良好的基础。如果网站在建设时就已经对上述工作进行了铺垫，那么就会使优化和运营工作更加轻松，反之则很可能会带来更多且更困难的工作。

在一个网站建设中，选择图片是很重要的，也是必不可少的。一个配图糟糕的网站足以让浏览者感觉厌烦而关闭网站页面，而在网站建设选用合适的图，不仅可以让网站更加吸引人和网络蜘蛛，而且文字和图片的适当搭配相当于进行免费的SEO。那么这些LOGO图、banner图、产品图、文章插图该怎么选择呢?选择图片要考虑哪些方面?

1、图片要符合网站的整体风格

每个网站都有其自己的网站主题，使用的图片如果较为符合网站主题，很容易就可以给人一种代入感，同时更加吸引人。此外就是图片色彩也需要配合网站风格。图片色彩有很多种，有色彩斑斓的、有庄重大气的、有亮黑炫酷的。但对于一般建站的图片选择上，还是建议色彩轻快为主，给枯燥的网页添加色彩不是很好吗?

2、图片选择要注意图片质量

对显示效果而言，图片固然是高清的好，但是高清的图片往往很大，这样会拖累网页的加载速度。因此我们以网页显示效果高清为基准，来尽量压缩。这样做就可以提升用户体验和搜索体验，同时也有效的节约了网页的加载速度。

3、图片应该为内容服务

网站的图片不能随便设置，应以服务内容为先。谁也不喜欢全是干巴巴文字的网页，如果能够使用吸引人眼球的图片，搭配上简练的分析说明文字，这种图文信息组合的方式，会提高人们阅读文字的兴趣。由于图片本身是网站内容的一部分，所以说网站图片都有意义的话，相当于免费的SEO了。而那种为了有图片而放图片的行为，则会降低内容质量。

4、图片的其他小注意点

这些小点看似不起眼，长久积累下来对网站的益处还是不小的。首先推荐网站使用gif和jpg格式的图像，这种格式属于交互式的，以分级的形式显示进去。一开始显示的分辨率非常低，慢慢提高分辨率，对网站打开速度有提升。另外对图片的alt标签和title标签都可以进行添加。