“视觉设计”目录存档

如何更好的自定义微博背景

2010年06月17日,星期四

从最早开始用twitter,到后来被伟大的河蟹之后就改用微博了,前前后后因为河蟹原因搬家好多次,也用过好几个类twitter的网站。发觉越是搬微博,越是不敢随便发言,越是不敢随便发言就越是喜欢顶发言。想起某个童鞋的一句名言:“成熟就是放在心里面不说出来”,在天朝发表言论还真是茶几上面的杯具了。

小插曲:

关于伟大的河蟹您的观点是(本投票参考某网站的一次经典民意调查投票):
a、很好;
b、很强大;
c、以上两者均是;

您的选择是:[ ]

在国内,类twitter的网站叫做微博,不过都是刚出来不久功能还不够完善。由于本人是做设计的,就想着折腾搞搞自己微博的样子,在smashing magzine上找到篇好文章,可以在里面参考到许多的范例。

修改好微博背景后,就顺便翻译《Twitter上值得借鉴的背景范例与实践》一文,里面有些设计手段值得借鉴。正所谓他山之石,可以攻玉。以便于大家更好的个性化你自己的微博。

微博出来没有多久的时间,自定义的功能还不够完善。下面介绍的一些方法在某些微博上面可能现在还不能够实现,不过相信随着微博的流行,自定义界面应该是迟早的事情。因此,如果想设计出漂亮的微博,就从这几个方面考虑起来吧。

微博的背景是我们设计重点,它其实就是css中的background属性。

看了许多的微博,他们的信息框架组合如下:

能改动的包括背景图片、部分文字颜色。其重点是背景图片的设计。

通常通过css定义背景图片由下面几个属性控制,因此从理论上说微博的背景可从下面的几个方面思考设计:

• background-color(背景颜色)
• background-image(背景图片)
• background-repeat(背景图片是否可重复)
• background-attachment(背景图片是否可以随着背景滚动)
• background-position(背景图片居网页的位置、上中下左右)

同时,也希望微博网站在改进自定义背景的过程中将这些属性增加进去。

接下来,看看twitter上设计的漂亮界面:

Adamplitt-a 之 Twitter上值得借鉴的背景范例与实践

Adamplitt-b 之 Twitter上值得借鉴的背景范例与实践

@gaksdesigns

Gaksdesigns-a 之 Twitter上值得借鉴的背景范例与实践

Gaksdesigns-b 之 Twitter上值得借鉴的背景范例与实践

@spurrachel

Spurrachel-a 之 Twitter上值得借鉴的背景范例与实践

Spurrachel-b 之 Twitter上值得借鉴的背景范例与实践

更多请查看:《Twitter上值得借鉴的背景范例与实践》

美度永恒灵感征集活动上线

2010年04月28日,星期三

“你永远不知道美度下一步会在哪里,你能感受到它,却永远无法把握它跳跃的轨迹。”

传释广告的第一个项目。由于刚开张,就俩人,从设计到coding的是自己完成的。之前用css+div,但效果与实际layout相差太远。所以,又改为flash方式。好在对SEO没有要求。

活动网址:http://ad.sh.sohu.com/mido/