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

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

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

我是完全看不懂的。

我觉得这个设计者可能是校长的亲戚。其实,这个也还行,不就是 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。怎么着?你来打我啊!!!

微信小程序码
网站网页 介绍网页技术和有意思的网站
——
Total Comments(Loading)
New to Old
defaultimg
Input Your Information to Comment
Loading