Print Search
帖子排序:    
帖子发起人: Daniel.Yang   发起时间: 2006-05-09 15:00 下午   回复: 0
zyyang 离线,最后访问时间: 2008-8-6 9:30:09 Daniel.Yang



发帖数前10位
注册: 2005-07-24
发 贴: 300
web 2.0时代的网页设计风格zt
 2006-05-09, 15:00 下午
  • Simple layout  简单页面结构
  • 大部分采用css来控制的简单2栏或3栏结构,甚至是1栏的。 没有人再用table来控制layout.

  • 3D effects, used sparingly 
  • 3D效果,但保守地使用(不是太重和累赘)。

    淡淡的倒影,几乎是web 2.0站点的流行装饰:

    Reflection from Iomega.com Reflection from wishingline.com Fade from 31Three.com Reflection from sirruf.com Drop shadow on squarespace.com Drop shadow on Iconbuffet.com

    醒目的爆炸形logo...甚至有篇文章说,站点上要没有这个爆炸型logo就不算web 2.0 :)

    Flash from emaginacion Flash from 31three Flash from www.folieto.at Flash from www.bmf.jugem.cc Flash from sirruf.com Flash from stylegala

  • Soft, neutral background colours
  • 淡背景色。

  • Strong colour, used sparingly
  •  强色调。 看到odeo的时候这种红色冲击非常明显

    Strong colour from Iomega.com Strong colour from 31Three.com Strong colour from LinkedIn.com Strong colour from Patrickhaney.com Strong colour from Stonewall.co.za Strong colour from Iconbuffet.com

  • Cute icons, used sparingly
  • 很cool的图标, 往往很吸引人,但不能滥用

    Cute icon from Patrickhaney.com Cute icon from Patrickhaney.com Cute icon from Iconbuffet.com Cute icon from Plaxo.com Cute icon from 31Three.com Cute icon from Avalonstar.com

  • Plenty of whitespace
  • 页面比较松散,很多空隙。 我认为这也会是一个趋势,因为用户的屏幕分别率越来越大, 太紧凑给人压迫感。所以最新的这些站点往往空白很大:

    White space on LinkedIn White space on Mozilla White space on Plaxo

  • Nice big text
  • 大字体。 可惜中文字体大一些后会有些难看,在英文站点里,大字体漂亮而且醒目,是不错的设计。 我相信这也是因为用户的屏幕分别率越来越大而带来的必然趋势。

    给大家看看我们新的设计的一角, 的确借鉴了本文总结的很多思想:

    还看到一篇文章说了目前web 2.0的很多logo设计:http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm 其中一个趋势就是采用一些异型新字体来简单做logo, 这样一个稍微有审美能力的人就能弄个不错的logo出来,不需要花n多的钱让设计师去搞!

    我们uuzone的这个logo就是我自己让美工拿着n种字体拼凑,很简单就定下来的。

    Web 2.0 Logos

    国内很多号称web 2.0的站点设计还是非常落后,甚至css都还没有很好地使用。 尤其一些有钱的大站点,至今还采用很落后的页面设计技术。 不过taobao值得称道,他们的站点设计是不错的,而且也是采用不错的设计技术和理念。

    IP 地址: 已记录   报告
    合肥微软技术中心社区 » 技术讨论区 » Rich Internet A... » Web 2.0 » web 2.0时代的网页设计风格zt

    Powered by Community Server Powered by CnForums.Net