If you enjoyed this article, get email updates (it's free).
Join over 77,235 Subscribers Today.
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.
Very clean and subtle comment form design – love Brian’s work and website!
Really huge comment form – very good example standing out from the crowd.
I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!
Beautiful as everything in Coda website.
One more website with really huge comment form created in good way.
Visually simple, but still eye candy.
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.
Join over 77,235 Subscribers Today.
Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!