网站的底色和图形的颜色搭配 在设计网站页面的过程当中，通常都会使用到很多不同的颜色来设计不一样的图形。一般来说，颜色比较明亮的、鲜艳的都要比暗色的更有利于进行图形设计，效果会更好。而图形在使用颜色的过程当中，首先要想到图形颜色和底色之间的关系。这时图形的颜色需要和底色产生对比。图形的颜色只有非常的突出，才能更好的吸引用户。
网站排名的硬件基础是网页设计制作。我们曾经一度认为当网站建站成功时我们的优化才真正开始，是这样的吗？其实不然。
网站优化 并非一朝一夕之功，笔者曾也分享过建站之初的一些关于 网站优化 的建议，主要是针对网站的结构和关键词布局定位上的。这些其实只是一个有利于SEO的网页设计的一部分，今天要分享的 网站优化 经验就是关于网页设计制作的内容，当然其主要的目的还是为了后期的 网站优化 。
第一，网站的目录结构和URL的设计。
对于网站结构SEOer建议是选择扁平化结构，这个结构主要是针对中小型企业网站，对于大中型型网站笔者建议采用树形加网状结构更有利于整体网站的布局。无论你选择哪种结构都要记住其目录文件不要超过三层，目录中加关键词，而URL当然是越短越好。
第二，网站导航结构的设计。
网站导航是用户接触网站的第一选择，导航不仅可以指引用点击还可以为搜索引擎蜘蛛提供枝干爬行路径。对于网站导航的设计我们的要求是主导航要醒目清晰，尾部的双导航要直观明了，导航要选择面包屑导航，方便用户和蜘蛛能更清楚的明白自己所处的位置。首页可以添加整体网站地图，并且将当前最大用户需求的流量页面突出在首页。
第三，网站框架结构。
笔者见过的框架结构动态站比较多，这是否就意味指静态页面不存在呢？当然不是，在html页面中框架的展现标签。但是笔者并不喜欢框架结构网站，因为大多数的搜索引擎至今依旧无法识别框架，这对搜索引擎而言不是一个友好的存在。
第四，网页设计中的细节优化。
1、图片优化。网页制作无可避免的就是图片的展示，搜索引擎要很喜欢文图结合的形式，有图有真相同样是用户喜欢的样式。但是我们要尽量避免网站全部用图片来做，这样对于 网站优化 来说就是一个很大的失分点了，而对于网页中的图片部分我们一定要记得添加alt属性标签，因为搜索引擎可以抓取到文本描述，而对于内页的图片可以在其上方或者下方添加关键词，文本链接到图片页面。为了提高网页访问速度在保证图片质量的前提下记得要压缩图片文件的大小。
2、Flash优化。flash可以使页面更加生动化，同样可以获得用户的好感，而对于搜索引擎来说这个绝对是很大的漏洞，因为搜索因为无法识别flash文件。那么为了后期的 网站优化 ，网页设计师要做的工作就是做辅助html版本，将flash内嵌在html文件中。
3、表格的使用。我们在查看一下网站的源代码的时候经常会看到table样式，其实将文本放置在不同的表格中，管理方便，加载速度也快，但是笔者却不建议大幅度的来使用。因为相对于css+div布局网站，它所占空间是比较大的。
4、网页“瘦身计划”。
介于笔者自己的建站习惯，在网页设计时比较喜欢CSS+DIV布局，CSS样式统一定制了字体风格，使得代码标准化，更利于搜索引擎的喜爱；而网站中经常使用的<script type=text/javascript><script>,可以将脚本移至在页面底部，将JAVA脚本放在.JS文件中进行调用，更利于网站整体优化。
COLOR HUNTER
Color Hunter 可以让你从图片中选取颜色并生成对应的配色方案。
COLORZILLA
colorZilla 是一个Mozilla扩展，帮助Web开发者和设计师选择网页中的对象颜色。
COLOR WIZARD
Color Wizard 是一款在线工具，你可以提交一个基准颜色，它会自动返回匹配的配色方案。
KOLUR
Kolur 以简单愉快的方式浏览调色板，帮助你挑选配色方案。
COLOR WHEEL
The color Wheel 是一款帮助你挑选网站配色的工具，同时生成对应的颜色代码。
COLORMUNKI
ColorMunki 是一款工具齐全的配色工具，可配制出任何可见光谱范围内的颜色。
COLORSPIRE
Colorspire 这款工具有一个灵活的取色器和颜色轮子，帮助你快速的为网站选择配色方案。
COLOR SCHEMER ONLINE V2
Color Schemer Online v2 是一款即时的在线配色工具，帮助你选择网站的配色方案。
INFOHOUND COLOR SCHEMER
Infohound Color Schemer 是一款帮助你实验不同配色方案的简单工具。
扫描二维码