网页设计守则

为读者服务,作者也是读者

Just having a home page isn’t anywhere near good enough to make you a hacker. The Web is full of home pages. Most of them are pointless, zero-content sludge — very snazzy-looking sludge, mind you, but sludge all the same.
To be worthwhile, your page must have content — it must be interesting and/or useful to other hackers.
—— How to become a Hacker

Design Hell

Blinking text,让人几乎无法注意到页面上的其他内容。它会让多数浏览者陷入无法思考的状态。

Gratuitous animation,如两三帧的图形循环效果,其实比那种“眨眼效果”还要糟糕得多。使用动画的话,可能要忍受图形下载带来的等待时间,所以确保展示的动画有必要或是精心设计的。

Garish backgrounds,若使用跳跃的火焰、复杂的图案或七种不同深浅的粉红色来作为网页的背景,那你的文字部分大概率不重要。

Unreadable text/background combinations,如果你不遵守“浅色文字配深色背景”或“深色文字配浅色背景”的原则 (luminance contrast),那么那些希望轻松阅读而不觉得眼睛难受的网民们就会远离你的网站了。

Brushscript headings, 你的标题是否真的需要一个特殊的字体?认真考虑时,注意潜在的书写体文件的加载时间。

永远让你的设计去适应用户的环境,而不是要求用户改变环境来迁就你的设计。网页界面的本质是流动的、不确定的、属于用户的。不要预设用户窗口有多大,让布局流式地适配任何视口;不要用表格固定页面结构,布局只交给 CSS Flexbox/Grid;不要用 HTML 元素伪造视觉间距,所有空白全部用 CSS margin/padding。不要用表现性标签硬设字体大小, 用“相对单位(rem/em)”尊重用户默认字号和屏幕条件。

最好不要以为用户不会去更改浏览器的默认设置;要么把背景颜色与文字颜色都设置好不许改(呈现效果一致),要么什么都不设(文字和背景颜色完全自由)。不要固定死一个,就默认别人和你设置一样。

Menus made entirely from image maps:那些连提供替代文本链接的麻烦都不愿做的设计师,至少可以说是懒惰且缺乏思考的。巨大的图像映射文件甚至对带有图形显示功能的浏览器来说也是糟糕的:它们加载速度慢,还会让用户感到沮丧。

Pop-up windows:有些极其讨厌的设计师们找到了某种“神奇的技巧”,只要用户点击链接,浏览器就会弹出新的窗口——更糟糕的是,即使用户只是想尽快离开这些糟糕至极的网站,他们还是能强制弹出各种窗口。网络本应让用户能够自由掌控自己的浏览体验;那些未经用户许可就擅自占用用户屏幕空间的设计师,真该受到应有的惩罚。

Sound and video that launches without prompting:把播放与否的权利还给用户!

CSS that changes the hotlink colors:当你浏览网页时,不得不费力去分辨哪段文字其实是超链接,这种感觉是不是很烦人?那些用蓝色或紫色标出的文字,其实都是网页上非常重要的导航提示。如果网页上的链接颜色杂乱,或者难以区分,那么就应该对那些擅自更改浏览器设置的人进行严厉惩罚!

Background MIDI, Flash, Shockwave, and other abominations:这些都是专有格式,会迫使用户只能使用某个特定的软件或平台。

Style Hell

毫无意义的虚荣心展示页面:提醒一下:如果你没什么可说的,那就闭嘴吧。也请不要把无聊的内容,如 a yawn-inducing variation on “Hi, here’s me and here’s a cute picture of my dog/cat/boyfriend/girlfriend"放到网上去;人生苦短,没必要浪费时间在无聊的事情上。

焦虑与做作/虚伪的态度:充满焦虑和做作的人实在很无聊。特别是发表糟糕的诗歌、热衷于用极小的字体写字、或者到处传播平庸的前卫艺术作品。

cookie storms:很多网络用户都不希望有陌生人把各种数据存储在自己的硬盘上,因为那样一来,这些数据就会被追踪、分析、整理,最终被出售出去。因此,很多用户会设置浏览器,要求在设置 Cookie 之前先获得用户的许可。那些不断向用户发送 Cookie 请求的网页,会令用户极为恼火。提示:如果用户拒绝了第一个 Cookie,那他肯定也不会接受第二个、第四十九个之类的 Cookie。

A email address without real feedback:如果你贴了一个邮件地址,那就确保给你写高质量邮件的人真能得到回复。

Content Hell

太多网页就像是由白痴编造出来的故事——充满喧嚣和热闹,但实际上毫无意义。如果你想让你的网页有趣些,那就别再追求那些华丽的视觉效果了。首先,你得有真正有价值的内容可讲。

Stale links:Stale links are lame. People who have lots of stale links are lamers. OK, everybody has a pointer vaporize on them once in a while — but haven’t you noticed that stale links generally show up on a page in swarms, like cockroaches? That’s because people with good web pages use them and hack them and fix broken pointers quickly so they’re unlikely to have more than a few at a time busted.

Guestbooks:设置留言簿这种做法很无聊,只能说明设计者根本没考虑过:当人们被鼓励去写下些什么时,究竟会发生什么。当然,留言簿里 95%以上的内容都是些毫无意义的废话而已。If we have something to say to you, we’ll send you mail.

Hit counters:点击计数器不过是一种愚蠢至极的自我炫耀方式,只能让那些头脑简单的人觉得有趣罢了。它们或许会告诉你有多少人被那些花哨的首页给骗到了,但却不会透露有多少人骂了句“真烂!”,然后立刻离开该页面。更糟糕的是,点击计数器还会干扰页面的缓存功能,给互联网网络带来额外的负担。

Built with Hugo
Theme Stack designed by Jimmy