2012年8月15日星期三

12个超COOL的联系表单(博客留言栏)设计

尽管我们大多数的博客朋友相信:内容为王!但一个拥有良好用户交涉、美观漂亮的博客界面设计也是吸引浏览者的一个要素,且容易让他们对你的博客印象深刻,让”下次再来”的机率增加了好几个百分之几点几。

毕竟,并不是每个人都是用RSS阅读器来浏览你的博客,比如我尽管订阅了一些feed,但几乎从来不看。其一是因为喜欢看每个博客的页面设计,包括布局、配色或仅仅是一个小玩意的安排,其二是我讨厌象要完成一件任务似的去看成一个博客的日志。

哎。一个日志的副标题和引语需要这么长吗?不需要吗?需要吗?

下面是Melanie Karlik收集的12联系表单,当然,也就可以用来做为博客的留言栏。都是一样的。
尽管这些联系表单并没有提供样式化的CSS代码,但如果你喜欢,想要得到它,还是非常容易的。而之所以更重要的目的是让你从中取吸灵感,结合这些联系表单的设计创意,创造出拥有你自己独特风格的菜单,给你的访问者眼前一亮。

注:点击图片即可进入该联系表单的出处。

1.整个留言框使用了一个圆角的黑色背景,输入框加以暗桔黄色的斜纹背景。而右上角又车入了一个post comments的图标做点缀。很Web2.0,很漂亮。再看最下面的绿色提交按钮,醒目就是衬托出来滴…

22 12个超COOL的联系表单(博客留言栏)设计

2.这个就是联系表单了,像一张邮票,渐变元素符合了Web2.0风格的设计。

26 12个超COOL的联系表单(博客留言栏)设计

3.给输入框配以渐变绿色,嗯,这是一个挺清新的表单。
34 12个超COOL的联系表单(博客留言栏)设计

4.整洁,干净,典雅的联系菜单设计。


31 12个超COOL的联系表单(博客留言栏)设计

5.上面那个联系表单是典雅,那这个就该说他是幽雅了。是幽雅,不是优雅。


29 12个超COOL的联系表单(博客留言栏)设计

6.这个有够简单哦。不过看到黄色区域了没有,它最大的特点就是高亮显示当前选择的输入区域行。


32 12个超COOL的联系表单(博客留言栏)设计

7.这个联系表单黑的暗调用的给人一种神秘感啊。

23 12个超COOL的联系表单(博客留言栏)设计

8.淡色背景配淡色输入框,着重突出了文字内容。


27 12个超COOL的联系表单(博客留言栏)设计]

9.发光发亮的联系表单。

35 12个超COOL的联系表单(博客留言栏)设计

10.这里所有联系表单里面最特别的一个了吧。好好想,给你的博客留言栏也弄成这样。

28 12个超COOL的联系表单(博客留言栏)设计

11.顶部阴影把输入框显现的是凹了进去,有点3D的味道了。

33 12个超COOL的联系表单(博客留言栏)设计

12.泛黄的相片,呃,泛黄的留言框。

30 12个超COOL的联系表单(博客留言栏)设计

上面这些都是只停在欣赏阶段,必须你有一定的html和CSS知识才可以弄出同样效果来的。别急,你可以看看另一篇
47个优秀的Ajax/CSS 表单设计资源

来源于 12个超COOL的联系表单(博客留言栏)设计 | 帕兰映像

没有评论:

发表评论