I am continuing to do separated web-design roundups and research, this time we will look at good blog comment design examples. Maybe you can argue, how similar are such comment forms, but still I believe such huge roundups can help to see differences and compare many designs in one place.
Usually forms are pretty classic with standard fields, submit buttons – nothing more, nothing less. But still even little change of field background, border style, font, rounded corners, small icons can make huge difference. Usually my attention grabbed those comment designs with small icons added to describe each form, transparency and extended possibilities. It is always good idea to add live comment preview, smilies or some simple CSS bold, italic, underline effects to give more options to advanced comment writers. But if you want to really stand out and create something fancy, put background images in good use, where possibilities are endless as you will see in these forms. I really hope you will enjoy this article and will do your own research and considerations, what you like/dislike and why it is so. I will be more than happy if you will join to discussion in comments and pick your own favorites!
Interesting background to stand out!
Those hand-drawn lines, cute icons and rounded corners create really personal touch to this comment form.
Excellent website and comment form with neat feature with jQuery comment form!
Interesting form, seems simple, but with option to set smaller/larger comment box form. Looks good.
I enjoy that typographic touch to comment design with huge “Discuss.” text.
At first seems to be hardly observable, but I somehow enjoy this transparency.
Clean look achieved with little icons and text.
15. Brian Yerkes
Very clean and subtle comment form design – love Brian’s work and website!
16. Scruffy Uncle
Really huge comment form – very good example standing out from the crowd.
20. MrHenry Blog
22. Verlee Duoh
I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!
28. Coda.co.za Blog
Beautiful as everything in Coda website.
One more website with really huge comment form created in good way.
30. Radu Ceuca
33. Mike Poss
34. I Love Colors
Visually simple, but still eye candy.
39. Outlaw Design Blog
41. Blog Design Blog
44. Jason Bradbury
45. Nathan Rice
48. MAC Appstorm
49. Ars Thanea Blog
50. Level Opacity
Light gradient added in forms to create interesting effect.
Through whole site goes this stitching effect, added nicely to forms as well – I consider this a good example.
Expand possibilities with cute smilies in comments!
Seems light and simple, but sometimes nothing more is needed, nice button also.
Subtle drop shadow added to create 3D effect, looks good.
Clean and clear effect, I like how whole comment form is in different color to highlight it even better.
Thinking outside the box – original approach!
Good looking form with subtle gradient effect as well.
Here you can choose to use these interesting special smilies – I like this approach!
New jQuery effect added to comment design, nice touch!
Emphasize your words with bold, italic, underline or quote – extended possibilities in comments always are appreciated.