除了代码 重构, 项目 UI, look&feel都做了不少调整:   * " />
当前位置:首页 >> 互联网 >> 2006年11月16日

"Times New Roman", Times, serif; align="center">web 2.0时代 网页设计风格

推荐者:平原 (积分 4128) | 原作者:
最近对uuzone进行refactor, 除了代码 重构, 项目 UI, look&feel都做了不少调整:

  * 大幅度简化了CSS和HTML代码, 虽然我们从2004年11月就把站点完全切换 完全靠CSS来定义样式 结构, 但毕竟过去对css 理解还太肤浅, 因此导致css代码非常臃肿, html代码 结构 "臭不可闻”(你可以看看源代码, 那些有多丑)

  * 采用开发/任务 主导 页面UI设计, 而不 美工主导 UI设计. 一个 不好用 东西, 再漂亮又有什么用? 而且现在 风格趋向 简单, 而KISS(Keep It Simple, Stupid) 一直 设计界 最高境界. 美工主导 设计还有一个弊病 美工对代码和程序不够了解, 而开发人员由于不需要对最终美化负责而被"惯”坏了变得越来越不重视样式风格

  我们在优化 过程中, 参考了大量 国内外优秀站点. 其中看到这篇文章对我们 启发很大:http://www.webdesignfromscratch.com/current-style.cfm

  这篇文章 作者概括了目前流行 一些web 2.0风格 站点 一些流行元素:

  Simple layout 简单页面结构
  大部分采用css来控制 简单2栏或3栏结构, 甚至 1栏 . 没有人再用table来控制layout.

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

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

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

  Soft, neutral background colours
  淡背景色.

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


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


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

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

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

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

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

1 2 下一页

[ 关键词:设计 原文/来源链接 ]
1楼楼长:评论员 (抢沙发奖牌)在2009-9-14 8:05:28评价道:
顶一个呀.7590601
验证码: 20ju
1,请不要在评论中发广告, 如需增加外链请注册成个人会员试用个人签名与自助广告.
2,把《web 2.0时代 网页设计风格》推荐给您 好友