纵观国内外互联网，有相当一部分优秀的网站已经开始注意到网站设计方面的一些规则，然后有些人却并不在乎，认为不值得，近乎无视所有网站设计方面的逻辑与已知的网站设计原则。

虽然我们鼓励网站设计师们探索他们的创造力，但网站设计并不是天马行空，毫无顾忌的。有一些方面，还是需要按照规矩来的。

古语有云：不以规矩，不成方圆，这句话也适合用在网站设计这块。张沐水介绍10种网站设计上的错误，在工作中，希望打假做网站的时候要不惜一切代价避免这些错误。

　　1、颜色太多，没有主颜色

　　在网络高速发展的今天，网站已经越来越多，有些朋友想拥有一个有吸引力的，抢眼的网页，使用大量的颜色，增加了大量和无关的图像，从而走上极端，这些却是喧宾夺主了，致使没有一个明确的文本和边界明亮的颜色，有损网友的注意力，无法获取主要的内容。一个好的网站设计师应该知道，颜色不能滥用，最多使用三个主要颜色和一个坚实的背景。对于背景的选择，也是要主意选择的，选择一个有质感的背景，会让你的网站加分很多，如果确你选择有一个可以发出像霓虹灯一样的颜色的背景，你的网站看起来，可想而知。

　　2.字体大小不正确

　　一个不合适的字体的范围可以从微不足道阅读的字体，比如阅读的字体大小超过12，就会引起人们斜视或者点击后退的按钮较小。其实，对于自体这一块，你应该对你网站的受众有一定的了解，如果你的网站是为40岁以上的人服务的，那么更可能需要稍大的字体。据相关网络调查，老年人一般喜欢的字体大小14左右。

　　另外，主题文本还需要分解成更易于管理的块，看起来不能像一块连续的散文。当今社会，迅速发展，是应该信息大爆炸的年代，信息的快速获取，易于读取，可以让网友省去大量的时间。

　　3、内容杂乱无章

　　俗话都有说：人靠衣装马靠鞍。这话用在我们做网站上也非常合适，一个干净简洁清新的网站页面，往往会给访问者留下很深刻的第一印象，成为我们网站的忠实粉丝几率也提高不少。一个好的网站应该像一个超市一样，整体的布局有条理性，访问者很容易就可以找到自己需要的内容。相反那些排版乱七八糟、指东画西、看着就犯晕的网页，绝对不会受到用户的青睐。

　　网站“内容为王”应该变成“质量为王”了，这要求网站内容要具有原创性、可读性，文章是给用户看的，假如都是一律千篇的复制粘贴、泛泛之谈、流水账、大谈空话之类，别人就会早早取消对你的关，实属鸡肋。

　　4、GIF动画滥用

　　GIF动画的乐趣，看了笑，所以比较适合一些搞笑的网站。然而，令人遗憾的是， GIF动画不应该在一个官方网站的任何地方下使用，因为让企业官网看起来显得俗气。

　　5、假设用户放大才能看到网站内容

　　大多数人都希望很容易访问自己想得到的内容，但也有少数人因为一些因素，会把网页放大查看网页的内容。如果用户拥有最多的放大率为200%，如此查看网页内容的话，他们返回的机率微乎及微。所以在设置网页的时候，我们需要测试，在所有类型的设备上阅读文本，尽可能的满足所有用户的要求，也就是现在比较流行的网页自适应。

　　6、网站的移动端不友好

　　据统计，随着智能手机的普及，现在的移动端上网人数早就超过了PC端，所以移动友好型的网站是必不可少的，一旦网站做好了移动端的匹配页，无论是在用户浏览、在线互动、在线宣传，还是我们做网站SEO优化等各方面都能起到良好的推进作用。如果移动网页没有优化，从移动端访问的用户会迫不及待的关掉网页，因为没有优化，内容可能会出现混乱或太长的负载。

　　7、错误的使用动画和声音

　　在某些情况下，动画可以帮助提升网站的访问量，但是使用的话必须谨慎，要巧妙的使用。音乐可以让人愉快，但是你不应该假设每个人都喜欢你的音乐，或者他们想听音乐。

　　8、设计元素不凝聚

　　永远不要低估一个屏幕上的白色空间是多么重要，我们需要创造一个平衡的美学。如果标题，侧栏和底部的不平衡，这就使得网站看起来不伦不类，毫无阅读的兴趣。另外，一个常见的错误是留一长串的网页和子菜单放在一边，这样的设计非常不好，这会让用户分心，你要知到，眼睛不会聚集所有的信息。

　　9、不重复测试

　　由于人们使用不同的设备打开网站，所以会出现各种意想不到的问题，这就要求网站设计时要不断的测试，在不同的设备上测试，我们必须考虑因为不同的操作系统而出现的变化，注意所有环节需要工作，否则，我们可能会损失很大一部分流量，进而产生利益的缺失。

　　10、复杂的注册流程

　　如果你的网站需要注册，那么请尽可能的简便，因为大多数用户都不喜欢复杂。

　　要想有一个优秀的网站，你应该投入相当大的努力。吸引那些与你互动的访客，你正在销售或谈论的，并最终产生利益。当设计网站的时候，不能只考虑自己的个人喜好，需要考虑我们网站的目标受众的需求和利益。

本文来自：张沐水(微信/qq:907991599)http://www.zhangmushui.com/post/76.html