# 分享一个神奇的网站 另附两个激进的网页设计建议

今天在看一个公众号庞门正道，然后这个标题吸引了我《韦建华，你设计这个网站我是服的！》。看到这一张图的时候，我就忍不住了，这真的不是什么巴啦啦小魔仙版本的嘛？？？

看到这张大图，我也是真的是服气的。这个画面充满了各种水晶效果素材，还有各色像塑料的宝石，配上彩虹版绚烂的色彩。最厉害的是两侧的各种海鲜，额。海洋生物。仔细一看。原来就是从网页头部到页尾是个从海面到海底的写实设计。这真的不是什么海洋馆的网页么？而且学校领导们竟然会同意。。。

我是完全看不懂的。

我觉得这个设计者可能是校长的亲戚。其实，这个也还行，不就是20年前的设计吗～ 但是最骚的操作其实是这个

为什么这个作者还这么有信心放上自己的名字？？？还禁止复制，要是内容还好说，要是这个设计也有人要复制。。。算了吧，不会有这个可能性的。 我也不是很懂这个2017-2018是什么玩意儿。。。

相信你们看到大图的时候就已经发现了，这个网页的内容非常的不显眼。首先不说他内容的布置，就说这个颜色：

链接的颜色和背景基本一个色调。当你以为你找到这一块内容了，你首先注意到是分割线。。。明晃晃的。然后的分割线的干扰下，去看标题。。。

下面讲讲那个激进的网页设计规则的事儿。这个网页的内容用词和网址都非常的dirty。 想要看原文的去这儿。 下面是我的翻译版本：

这是一个该死的网站。

说真的，你该死的还想要什么？

你可能想建立你的网站，也认为你的网站该死的是特别的。你认为你的视差性首页和你该死的横幅可以吸引别人的目光？你认为你的40磅的jQuery文件和83行代码专用于 IE7 里面，使得它终于拥有了box-shadow？错了，混蛋。让我描述一下你的该死的完美的网站：

该死的轻量级和快速加载速度 适合于所有你的破屏幕 看起来都一样，在所有你的破浏览器 具有该死的易于访问性 你该死的观点要清晰，易于获取重点内容 猜猜什么，混蛋：

你是在过度设计。看看这家伙。这是一个该死的网站。该死的为什么需要一个动画：一个该死的时髦的旗子活着动物在我眼前无用的乱动？你对它花了几个小时，并添加180 KB到你的网站，但是那些死肥宅在iPad上戳着他们油腻的手指，永远也不会看见。更何况盲人们永远不会看到狗屎，但愿他们没有看到任何你的烂屎。

该死的轻

这整个页面的大小小于你该死的Wordpress网站加载的一个Facebook的logo图片。你真的加载了100kb的jQuery UI只是让你能动态改变一个div的背景颜色？你在css中宣告7个 fontfaces 只是为了在首页显示一个字符“hello”？你这个该死的。

该死的响应式

你这个笨蛋。你认为你需要加载动态大小的媒体文件。本网站不在乎你用iMac或一个该死的小鸡。

该死的这样就可以了

看看这家伙。你可以读它…那就是，如果你能读懂。这就可以了。它的层次。这是使用HTML5标签的网站，所以你和你的笨蛋浏览器知道这该死的是个网站。这是语义，笨蛋。

网站内容就该在该死的屏幕里显示。但你的网站总是让我点击一些浮动按钮来显示你的jQuery scrollto插件是如何的该死的酷。

跨浏览器兼容吗？

在IE6加载这个网站。该死的你还想和我比？

是的，这是该死的讽刺

我不是说你的破网站应该看起来像这个一样。我想说的是，所有的问题都是我们自己创造的。网站应该是功能性的，且拥有高性能。你该死的打破了他们。

“好的设计是尽可能少的设计。” —— 一些德国的混蛋

如果你觉得语气太冲了，不如看看英文版吧，我觉得我翻译的很委婉了。 但这个该死的网站设计建议居然还有第二版，A better one. 点击这里前往。 第二版主要讲网页的易读性和美观性。

博主的话： 哼。我就是用了很多很重的jquery和js。怎么着？你来打我啊！！！