当前位置:首页 >> 互联网 >> 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种字体拼凑,
很简单就定下来 .
* 大幅度简化了CSS和HTML代码,
* 采用开发/任务 主导 页面UI设计,
我们在优化 过程中,
这篇文章 作者概括了目前流行 一些web 2.0风格 站点 一些流行元素:
Simple layout 简单页面结构
大部分采用css来控制 简单2栏或3栏结构,
3D effects,
3D效果,
淡淡 倒影,
醒目 爆炸形logo...甚至有篇文章说,
Soft,
淡背景色.
Strong colour,
强色调. 看到odeo 时候这种红色冲击非常明显
Cute icons,
很cool 图标,
Plenty of whitespace
页面比较松散,
Nice big text
大字体. 可惜中文字体大一些后会有些难看,
给大家看看我们新 设计 一角,
还看到一篇文章说了目前web 2.0 很多logo设计:http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm 其中一个趋势就 采用一些异型新字体来简单做logo,
我们uuzone 这个logo就 我自己让美工拿着n种字体拼凑,
[ 关键词:设计 原文/来源链接 ]


顶一个呀.7590601