77 Inspiring Blog Comment Form Designs – Good Examples
Dainis Graveris
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!
1. Nitram-Nunca
Interesting background to stand out!
2. ChiGarden
Those hand-drawn lines, cute icons and rounded corners create really personal touch to this comment form.
3. DesignDisease
4. Lucky BlackMore
5. I love typography
6. WebDesignerWall
Excellent website and comment form with neat feature with jQuery comment form!
7. WebDesignerDepot
Interesting form, seems simple, but with option to set smaller/larger comment box form. Looks good.
8. RadiumLabs
9. Paper Jet Wednesday
10. MONOmoda
I enjoy that typographic touch to comment design with huge “Discuss.” text.
11. DezineZync
At first seems to be hardly observable, but I somehow enjoy this transparency.
12. DezinerFolio
13. Desspa
Clean look achieved with little icons and text.
14. Dhenk
15. Brian Yerkes
Very clean and subtle comment form design – love Brian’s work and website!
16. Scruffy Uncle
17. Abduzeedo
18. Elliot Jay Stocks
Really huge comment form – very good example standing out from the crowd.
19. EliteByDesign
20. MrHenry Blog
21. KevinJohnGomez
22. Verlee Duoh
23. Noupe
24. WpDesigner
I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!
25. DesignWorkPlan
26. TheCreativeDistrict
27. KissMetrics
28. Coda.co.za Blog
Beautiful as everything in Coda website.
29. FreelanceSwitch
One more website with really huge comment form created in good way.
30. Radu Ceuca
31. PixelResort
32. ElitistSnob
33. Mike Poss
34. I Love Colors
35. YouTheDesigner
36. SpoonGraphics
37. Designministeriet
38. WeFunction
Visually simple, but still eye candy.
39. Outlaw Design Blog
40. RetinArt
41. Blog Design Blog
42. TwirkEthic
43. SmartBlogs
44. Jason Bradbury
45. Nathan Rice
46. Pasqualedsilva
47. Stellify
48. MAC Appstorm
49. Ars Thanea Blog
50. Level Opacity
51. Doc4design
52. Productive Dreams
53. DesignBombs
54. Tutorial9
55. EctoMachine
Light gradient added in forms to create interesting effect.
56. FlickOut
57. Missweblash
Through whole site goes this stitching effect, added nicely to forms as well – I consider this a good example.
58. ClingPhotography
Expand possibilities with cute smilies in comments!
59. NyQDesign
60. Kirstin Pauk
Seems light and simple, but sometimes nothing more is needed, nice button also.
61. Monofactor
Subtle drop shadow added to create 3D effect, looks good.
62. IconDock
Clean and clear effect, I like how whole comment form is in different color to highlight it even better.
63. Line25
64. Rockatee
65. Ttthings
66. Iso50
67. Josh Spear
68. All-for-design
69. Leihu
70. CosmicDiary
Thinking outside the box – original approach!
71. Brad Ruggles
72. Ali Felski
73. Lewro
Good looking form with subtle gradient effect as well.
74. Nasendackel
Here you can choose to use these interesting special smilies – I like this approach!
75. Lebloe
76. Steve Mullen Creative
New jQuery effect added to comment design, nice touch!
77. Jankoatwarpspeed
Emphasize your words with bold, italic, underline or quote – extended possibilities in comments always are appreciated.
For Further Reading:
Did you enjoy this article and found it useful?
Get even more from us:
Doug Slater
Posted 799 days ago 26There’s a lot of good looking designs here. I’m not a web designer myself but it would probably be helpful if I learned.
.-= Doug Slater´s last blog ..Creating a Self Hypnosis Trance =-.
nikhil
Posted 845 days ago 25really a nice n creative collection…thanks
.-= nikhil´s last blog ..Easy CSS Tooltip =-.
hmu111
Posted 855 days ago 24Thanks for the related post recommendation.
pavelitbay
Posted 870 days ago 23great badyy,,,nice works here
http://www.itbaymarketing.com its also have good works..try it.. :)
franco dane
Posted 880 days ago 22Nice list,thanks
.-= franco dane´s last blog ..Posizionamento nei motori Benevento =-.
Grand Fantasia Gold
Posted 882 days ago 21its great, finally found it here, good job!!
vacuum system
Posted 915 days ago 20The black style is nice
kevin
Posted 917 days ago 19I like it, thanks
Peb Chennai
Posted 942 days ago 18Fantastic effort, I like this ChiGarden form design very much
Red44
Posted 943 days ago 17March 2009 brought in a very large schedule overhaul. ,
Transporto nuoma
Posted 946 days ago 16very beautiful comments forms, thanks
Senthil Ramesh
Posted 950 days ago 15OMG, that was a great list. and I am wondering how to manage it. Getting screenshots clean and compact and organising them, for 70+ pics is a daunting task to do. Hats off man.
Doc4
Posted 962 days ago 14Thank you for including our comment form in the list. We do appreciate it.
Christoph
Posted 963 days ago 13Well, Thanks. I never thought that my comment form ist soooo inspirating… :D
kaaliss
Posted 965 days ago 12interesting, I don’t know if it was worse putting them all, lot of them are very “normalish”.
and please, number 26 OUT!!
but nice work from your part ;)
.-= kaaliss´s last blog ..Campaña de lanzamiento en España de “Warm Intimate Massager” de Phillips =-.
dhenk
Posted 965 days ago 10Woh, thank you for entering my website in your list. I really appreciate it…
Johnson Koh
Posted 966 days ago 9CosmicDiary’s one looks very beautiful and functional. Great effort for compiling these Dainis. :)
Colectivo Bicicleta
Posted 966 days ago 8Buena colección, saludos desde Bogotá
.-= Colectivo Bicicleta´s last blog ..Diseño gráfico integral de PAULA SAENZ UMAÑA, nos llegan links. =-.
Mark Shepard
Posted 966 days ago 7Excellent post and a wonderful resource. The one form that totally stands out after scrolling down through them was the one that had a large graphically appealing “Discuss.” It was both an invitation and a command so that you feel almost compelled to join in the…discussion. very social.
also I love your “Sharing is caring” widget
keep up the good work!
Mark Shepard
http://markshepardsongs.com
.-= Mark Shepard´s last blog ..Why Blogging Is Vital For NLPers & other Professionals =-.
Sid Burgess
Posted 966 days ago 6My Friend, you have done it again. How you do it I have no idea. Thank you for continuing to inspire us!
These look great.
.-= Sid Burgess´s last blog ..When Beauty Is Someplace Else =-.
Waheed Akhtar
Posted 966 days ago 5Nice collection buddy. Keep them coming :)
Thanks for sharing
.-= Waheed Akhtar´s last blog ..30+ Best Firefox Addons for Web Designers and Developers =-.
Web 2.0
Posted 966 days ago 4A perfect collection, I’m bookmarking here 2 come back :)
.-= Web 2.0´s last blog ..E-Cover Creator =-.
Elio
Posted 965 days ago 11hey there, nice avatar! :)
Thanks Dainis for including my comment form from I Love Colors along all these inspiring examples of design.
.-= Elio´s last blog ..Free Plasti font =-.
BunnygotBlog
Posted 967 days ago 3Great collection.
.-= BunnygotBlog´s last blog ..Astrology And Raincoats =-.
HullDO
Posted 967 days ago 2This just goes to show how simple yet effective forms can be. They not only do the job they’re supposed to do, but they do it excellently.
Well worth the read, it’s inspirational.
.-= HullDO´s last blog ..The GIMP – Draw Lined Paper =-.
Puh
Posted 967 days ago 1My Blog Comment Form is also nice, please have a look.
.-= Puh´s last blog ..Twittern mit Michael Kessler =-.