2007年网页设计风尚
回忆起一年前那篇流传甚广的 Blog Design Trends ,发现所谓的“趋势”除了在可用性这一领域的进程线上留下痕迹,时尚元素的耐久度甚至不如米兰春天的 T 型台,06 年更有代表性的评论 来自九月的 ontoinfo ,它至少告诉我们在这一年中,设计的多元化可以明显的勾勒出来。
不过在勤劳的 Web2.0 工程师们追求更好用户体验的同时,不妨回顾 Scratch 总结的设计风尚 ,他所罗列的 12 个站点也许算不上最好的,但至少是有代表性的:
The Startup Business School
The Alternative Energy Store
Forecast Advisor
emaginacion.com.ar
iconbuffet.com
Save Longstone Edge
iomega.com
linkedin.com
mozilla.org
Fidelica Microsystems
plaxo.com
Prolotize
这些元素包括:
简单布局 :回归 1-2 栏,眼睛不再需要在过多的栏目中跳转,非常舒服地从头至尾阅读。
尽管很可能因为 weblogsinc 和 creative-weblogging 此类 NetWork 影响,类似 Engadget 的偏三栏布局成为信息发布的经典,但对于 盲目跟风者 ,丰富的形式似乎只能更加弱化本已单薄的内容。
居中定位 :左对齐和两端对齐(fixed-width layouts)曾经一度流行,虽然后者的理由似乎很充分 —— 它可以让用户无需动手滚动鼠标,就可以在一屏内看到更多的内容。
不管怎样,把内容从左右砍掉的同时,做一个特效将他们 隐藏在顶端 或者像适用广泛的 Hemingway 主题一样堆砌在底部,也一夜之间风行起来。
对内容进行设计,而不在偏重版式 :简单的说就是不再偏执地让页面看起来唯美,设计师们清醒过来,页面的竞争力还是在于内容,如何让内容(主题)更加吸引读者才是网页设计的王道。
其实居中定位也可归为此类,其他的元素包括更少的页面内“box”、更为平滑和简洁的装饰、强色差对比、精心设计的“2.0”logo 等等,Phil Brisk 甚至撰文说“ 不要装饰,注重交互 ”。
保守地使用 3D 和镜像效果 :很多“2.0”logo 都是一个爆炸形或者葵花形突起,更为普遍的是在边缘增加阴影效果,让这一主体略显凸出平面, ifelse 正是此间代表 (他现在还改版中)。
Canvas 标签 的出现也使得镜像效果迅速流行,尽管很多人只是用 PS 手工制作一个镜像图片而已。
稳重而柔和的背景色 : simplebits 的新版正是如此,我不确定这是一个趋势,因为 zeldman 等很多设计师早就这样做了。另一边的 Roger Johansson 认为高对比才是今年的流行,这个下面再谈。
谨慎使用高饱和度的色彩 :在你需要突出的地方,使用一个鲜红的按钮可以让它马上成为屏幕焦点,当然这样的元素决不能滥用,否则得到的就是七零八落的局面了。
突出的“2.0”图标 :不知道为什么几乎每个稍用心制作的站点都不会放过安插一些非常耀眼的图标,他们往往色彩鲜艳、3D 效果、半透明,它可以瞬间让你的页面看起来比较专业,不过同上面一条一样,过度使用只能分散读者的注意力。而且如果这些高质量的图标有点大,还会影响载入时间, lastfm 是其中做得很充分的,它提供了让你在低网速下少图片的版本。
大量使用空白 :有朋友说我做的 一个 Wp 主题 有明显“右下角问题”,其实使用空间是让你的文字“呼吸”的最好方式,很多优秀设计不会随着硬件分辨率的提高塞满屏幕,它们永远留着大量的空白。
漂亮的大字体 :这个好像和去年重合了,不过它指的是重要的内容使用更大的字体,中文用户的麻烦有时会在于如果大字体经常出现走样(就是俗称的毛刺),雅黑又没有普及(其实雅黑长得非常不中国,还不如宋体)。
也许看到这里你想马上回家动土,不过我还想谈谈 Roger Johansson 的问题,他在不久前总结的本年度让他郁闷的 6 个趋势 同样值得考察:
过度使用 JS 框架/库 :他称其为回归 90 年代。
AJAX :是到了反思 AJAX 的时候了,Gmail 带了一个好头,但是如果 3 步以上的操作都在同一个 URL 下面,其间你辛辛苦苦点击若干按钮,填写了若干表单,难道不害怕浏览器这时假死吗?
高对比色,Light on Dark :Roger 认为高对比很费眼,这个没错,不过 Light on Dark 和 Dark on Light 到底哪个更费眼可能只是习惯问题,现在我就很习惯自己这里以及 Veerle 。其实长期思考后我觉得最适合个人使用的还是暗调背景、明调内容区域,类似 一叶千鸟 、 BlackMaple 那种将整个内容区域提升起来的搭配,其他琐碎的元素隐藏在暗调背景中,你觉得呢?
非文字标题 :典型的看起来很美,可以实现很多效果,但是打印和复制粘贴的时候读者就很麻烦了。例如 totalspore 、 海豚微笑的背后 。
网站亲和力和设计狂热分子 :这个指向我还不是很明白,好像是两个不愿妥协的极端,照本宣科的网站亲和力研究者和过度热衷“个性设计”的设计师们。我觉得老换皮肤的国内 Theme 高手也是,且不说形式大于内容,每换一次皮肤,你的读者不是又要麻烦去熟悉一次吗?当然了可能 Theme 就是他们的主要工作,这样说也不好。