尽管我们大多数的博客朋友相信:内容为王!但一个拥有良好用户交涉、美观漂亮的博客界面设计也是吸引浏览者的一个要素,且容易让他们对你的博客印象深刻,让”下次再来”的机率增加了好几个百分之几点几。
毕竟,并不是每个人都是用RSS阅读器来浏览你的博客,比如我尽管订阅了一些feed,但几乎从来不看。其一是因为喜欢看每个博客的页面设计,包括布局、配色或仅仅是一个小玩意的安排,其二是我讨厌象要完成一件任务似的去看成一个博客的日志。
哎。一个日志的副标题和引语需要这么长吗?不需要吗?需要吗?
下面是Melanie Karlik收集的12联系表单,当然,也就可以用来做为博客的留言栏。都是一样的。
尽管这些联系表单并没有提供样式化的CSS代码,但如果你喜欢,想要得到它,还是非常容易的。而之所以更重要的目的是让你从中取吸灵感,结合这些联系表单的设计创意,创造出拥有你自己独特风格的菜单,给你的访问者眼前一亮。
注:点击图片即可进入该联系表单的出处。
1.整个留言框使用了一个圆角的黑色背景,输入框加以暗桔黄色的斜纹背景。而右上角又车入了一个post comments的图标做点缀。很Web2.0,很漂亮。再看最下面的绿色提交按钮,醒目就是衬托出来滴…
2.这个就是联系表单了,像一张邮票,渐变元素符合了Web2.0风格的设计。
4.整洁,干净,典雅的联系菜单设计。
5.上面那个联系表单是典雅,那这个就该说他是幽雅了。是幽雅,不是优雅。
6.这个有够简单哦。不过看到黄色区域了没有,它最大的特点就是高亮显示当前选择的输入区域行。
7.这个联系表单黑的暗调用的给人一种神秘感啊。
8.淡色背景配淡色输入框,着重突出了文字内容。
9.发光发亮的联系表单。
10.这里所有联系表单里面最特别的一个了吧。好好想,给你的博客留言栏也弄成这样。
11.顶部阴影把输入框显现的是凹了进去,有点3D的味道了。
上面这些都是只停在欣赏阶段,必须你有一定的html和CSS知识才可以弄出同样效果来的。别急,你可以看看另一篇
47个优秀的Ajax/CSS 表单设计资源
没有评论:
发表评论