制作你的web2.0界面 - norasun 的个人主页- IT中国吧博客系统---千人工程博客大赛火热进行中

来源：百度文库 编辑：神马文学网 时间：2024/10/04 02:10:05
制作你的web2.0界面
作者: norasun   发表日期: 2006-04-07 12:40  复制链接
在mentalized看到building your very own web2.0 layout这篇文章，作者从Tadalist、Time-tracker和Tagalag这些典型的web2.0网站里得到灵感，将这些网站界面的共同特征融合起来就成了一个web2.0的界面，有点像《一个馒头引发的血案》戏谑《无极》的作风，挺调侃的。不过我觉得还是相当有启发性的文章，下面我把那篇文章重新加工一下：
我们看看知名的web2.0网站就不难发现，他们的背景图片大多是白色的【基于舒展视觉的考量】，所以我们的需要#ffffff，我们应该毫不犹豫地选择白色。body的字体没必要保持特制，最好的选择就是通用的Arial字体【参见Branding with Arial】，然后把字体设置成灰色【color:gray】，我们还需要把字体的默认大小更改一下【这个依个人喜好了，默认的东西总是不能引起人们的注意】。

我们还需要一个简洁优雅的导航条，当然它一定是水平方向的导航条【便于浏览，我们不是古人，我们喜欢从左向右看】，它可能是深灰色【#333333】的背景和白色的字体，当用户把鼠标放在连接上面的时候颜色应该发生变化，web2.0的网站似乎都喜欢一种性感的橄榄绿，我们也试试看。

为了让网站描述部分更据感染力，我们应该使用流行的高亮元素，让关键字显而易见，给人一种抑扬顿挫的节奏感。

自从blog推出之后，大家都经常注意到“创作共用”的协议图标，对，我们不能放弃它，把它放在网站的最下面，以便证明我们很在乎分享和协作^_^。

ok!我们的web2.0界面已经差不多完成了。不过还有最关键的一步【这简直是作者最逗趣的地方，真是点睛之笔】，那就是我们还得添加Tag，当然我们要的只是一个界面【作者称之为styling2.0】，我们可以通过把超连接的字体大小和颜色做出层次感来就ok了。看看下面的效果是不是真的很像Tag，真是太艺术了。

现在整个界面就完成了，看看最后的效果吧！
ps.你也可参见英文原文，本文我做了重新加工。
_xyz
制作你的web2.0界面 - norasun 的个人主页- IT中国吧博客系统---千人工程博客大赛火热进行中 跳跃思维：用java开发Ajax - 玩的收件箱 [ norasun‘s blog ] - IT中国吧博客系统---千人工程博客大赛火热进行中 Web2.0理想化：SNS - 玩火者的自白 - 邱致中的IT博客 Web2.0理想化：个人门户 - 玩火者的自白 - 邱致中的IT博客 Web2.0理想化：SNS - 玩火者的自白 - 邱致中的IT博客 专注Linux/Unix基础的博客【2010十大杰出IT博客大赛分类推荐】 - 51CTO.COM Web2.0时代的博客营销战略 Web2.0时代的博客营销战略 其实你喝的是水 - 惶者生存--董衍善 -- IT博客－中国最具人气的IT博客－赛迪网IT... 教你如何制作自己喜欢的登陆界面 [原创]闻一多的诗歌《死水》文稿及朗诵录音 喃喃风雨声的个人主页 艺术天地 八千亿中国博客... 如何制作GHOST系统光盘 - muxiu1549的日志 - 网易博客 美著名博客：生活中必不可少的15个Web2.0网站 玩转操作系统之系统封装部署初探!! - 世界因你而不同 - 51CTO技术博客-领先的IT... 教你制作博客的访问量 powerdesigner使用 - 叶节点 -- IT博客－中国最具人气的IT博客－赛迪网... powerdesigner使用 - 叶节点 -- IT博客－中国最具人气的IT博客－赛迪网... 盘中如何进行T＋0交易 - 美女361°的日志 - 网易博客 从web界面中吸取ppt设计的灵感 - NordriDesign?官方博客——简约实用的P... [IT]Web2.0过去的这一年 word自定义界面 - 陈克斌的日志 - 网易博客 IPV6技术白皮书（一） - 新新 -- IT博客－中国最具人气的IT博客－赛迪网IT人家... 升级openssl手记 - humint -- IT博客－中国最具人气的IT博客－赛迪网IT人家园 全世界最全牛人的博客 - IT