|
作者: 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.你也可参见英文原文，本文我做了重新加工。 |
|
|
