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

晴和君 · 2017年08月10日 · 2.0K次阅读 · 预计需要6分钟

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

图1——未添加描述

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

我是完全看不懂的。

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

图2——未添加描述

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

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

图3——未添加描述

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

下面讲讲那个激进的网页设计规则的事儿。这个网页的内容用词和网址都非常的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。怎么着?你来打我啊!!!

NaN分
null
腐朽的文章