技术观点

加强技术投入,共享技术成果

2006年网页设计风尚


编辑:杭州大显网络科技有限公司更新日期:2009-05-26
回忆起一年前那篇流传甚广的BlogDesignTrends,发现所谓的“趋势”除了在可用性这一领域的进程线上留下痕迹,时尚元素的耐久度甚至不如米兰春天的T型台,06年更有代表性的评论来自九月的ontoinfo,它至少告诉我们在这一年中,设计的多元化可以明显的勾勒出来。

不过在勤劳的Web2.0工程师们追求更好用户体验的同时,不妨回顾Scratch总结的设计风尚,他所罗列的12个站点也许算不上好的,但至少是有代表性的:

TheStartupBusinessSchool
TheAlternativeEnergyStore
ForecastAdvisor
emaginacion.com.ar
iconbuffet.com
SaveLongstoneEdge
iomega.com
linkedin.com
mozilla.org
FidelicaMicrosystems
plaxo.com
Prolotize

这些元素包括:

简单布局:回归1-2栏,眼睛不再需要在过多的栏目中跳转,非常舒服地从头至尾阅读。

尽管很可能因为weblogsinc和creative-weblogging此类NetWork影响,类似Engadget的偏三栏布局成为信息发布的经典,但对于盲目跟风者,丰富的形式似乎只能更加弱化本已单薄的内容。

居中定位:左对齐和两端对齐(fixed-widthlayouts)曾经一度流行,虽然后者的理由似乎很充分——它可以让用户无需动手滚动鼠标,就可以在一屏内看到更多的内容。

不管怎样,把内容从左右砍掉的同时,做一个特效将他们隐藏在顶端或者像适用广泛的Hemingway主题一样堆砌在底部,也一夜之间风行起来。

对内容进行设计,而不在偏重版式:简单的说就是不再偏执地让页面看起来唯美,设计师们清醒过来,页面的竞争力还是在于内容,如何让内容(主题)更加吸引读者才是网页设计的王道。

其实居中定位也可归为此类,其他的元素包括更少的页面内“box”、更为平滑和简洁的装饰、强色差对比、精心设计的“2.0”logo等等,PhilBrisk甚至撰文说“不要装饰,注重交互”。

保守地使用3D和镜像效果:很多“2.0”logo都是一个爆炸形或者葵花形突起,更为普遍的是在边缘增加阴影效果,让这一主体略显凸出平面,ifelse正是此间代表(他现在还改版中)。

Canvas标签的出现也使得镜像效果迅速流行,尽管很多人只是用PS手工制作一个镜像图片而已。

稳重而柔和的背景色:simplebits的新版正是如此,我不确定这是一个趋势,因为zeldman等很多设计师早就这样做了。另一边的RogerJohansson认为高对比才是今年的流行,这个下面再谈。

谨慎使用高饱和度的色彩:在你需要突出的地方,使用一个鲜红的按钮可以让它马上成为屏幕焦点,当然这样的元素决不能滥用,否则得到的就是七零八落的局面了。

突出的“2.0”图标:不知道为什么几乎每个稍用心制作的站点都不会放过安插一些非常耀眼的图标,他们往往色彩鲜艳、3D效果、半透明,它可以瞬间让你的页面看起来比较专业,不过同上面一条一样,过度使用只能分散读者的注意力。而且如果这些高质量的图标有点大,还会影响载入时间,lastfm是其中做得很充分的,它提供了让你在低网速下少图片的版本。

大量使用空白:有朋友说我做的一个Wp主题有明显“右下角问题”,其实使用空间是让你的文字“呼吸”的好方式,很多优秀设计不会随着硬件分辨率的提高塞满屏幕,它们永远留着大量的空白。

漂亮的大字体:这个好像和去年重合了,不过它指的是重要的内容使用更大的字体,中文用户的麻烦有时会在于如果大字体经常出现走样(就是俗称的毛刺),雅黑又没有普及(其实雅黑长得非常不中国,还不如宋体)。

也许看到这里你想马上回家动土,不过我还想谈谈RogerJohansson的问题,他在不久前总结的本年度让他郁闷的6个趋势同样值得考察:

过度使用JS框架/库:他称其为回归90年代。

AJAX:是到了反思AJAX的时候了,Gmail带了一个好头,但是如果3步以上的操作都在同一个URL下面,其间你辛辛苦苦点击若干按钮,填写了若干表单,难道不害怕浏览器这时假死吗?