Pages

Saturday, July 30, 2011

stylish blogger comment box


title-blog-comment-formI 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!
77 Inspiring Blog Comment Form Designs – Good Examples

1. Nitram-Nunca

Interesting background to stand out!
nitram-nunca-blog-comment-form

2. ChiGarden

Those hand-drawn lines, cute icons and rounded corners create really personal touch to this comment form.
chigarden-blog-comment-form

3. DesignDisease

design-disease-blog-comment-form

4. Lucky BlackMore

lucky-blackmore-blog-comment-form

5. I love typography

i-love-typography-blog-comment-form

6. WebDesignerWall

Excellent website and comment form with neat feature with jQuery comment form!
web-designers-wall-blog-comment-form

7. WebDesignerDepot

Interesting form, seems simple, but with option to set smaller/larger comment box form. Looks good.
web-designer-depot-blog-comment-form

8. RadiumLabs

radium-labsblog-comment-form

9. Paper Jet Wednesday

paper-jet-wednesday-blog-comment-form

10. MONOmoda

I enjoy that typographic touch to comment design with huge “Discuss.” text.
monomoda-blog-comment-form

11. DezineZync

At first seems to be hardly observable, but I somehow enjoy this transparency.
dezine-zync-blog-comment-form

12. DezinerFolio

dezinerfolio-blog-comment-form

13. Desspa

Clean look achieved with little icons and text.
despa-blog-comment-form

14. Dhenk

dhenk-blog-comment-form

15. Brian Yerkes

Very clean and subtle comment form design – love Brian’s work and website!
brian-yerkes-blog-comment-form

16. Scruffy Uncle

scruffy-uncle-blog-comment-form

17. Abduzeedo

abduzeedo-blog-comment-form

18. Elliot Jay Stocks

Really huge comment form – very good example standing out from the crowd.
elliot-jay-stocks-blog-comment-form

19. EliteByDesign

elite-by-design-blog-comment-form

20. MrHenry Blog

henry-event-blog-comment-form

21. KevinJohnGomez

kevinjohngomez-blog-comment-form

22. Verlee Duoh

veerle-duoh-blog-comment-form

23. Noupe

noupe-blog-comment-form

24. WpDesigner

I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!
wpdesigner-blog-comment-form

25. DesignWorkPlan

design-workplan-blog-comment-form

26. TheCreativeDistrict

the-creative-district-blog-comment-form

27. KissMetrics

kissmetrics-blog-comment-form

28. Coda.co.za Blog

Beautiful as everything in Coda website.
coda-blog-comment-form

29. FreelanceSwitch

One more website with really huge comment form created in good way.
freelance-switch-blog-comment-form

30. Radu Ceuca

raduceuca-blog-comment-form

31. PixelResort

pixel-resort-blog-comment-form

32. ElitistSnob

elitist-snob-blog-comment-form

33. Mike Poss

mike-poss-blog-comment-form

34. I Love Colors

I-love-colors-blog-comment-form

35. YouTheDesigner

you-the-designer-blog-comment-form

36. SpoonGraphics

spoon-graphics-blog-comment-form

37. Designministeriet

designministeriet-blog-comment-form

38. WeFunction

Visually simple, but still eye candy.
wefunction-blog-comment-form-1

39. Outlaw Design Blog

outlaw-design-blog-comment-form

40. RetinArt

retinart-blog-comment-form

41. Blog Design Blog

blog-design-blog-comment-form

42. TwirkEthic

twirkethic-blog-comment-form

43. SmartBlogs

smart-blogs-blog-comment-form

44. Jason Bradbury

jason-bradburry-blog-comment-form

45. Nathan Rice

nathanrice-blog-comment-form

46. Pasqualedsilva

pasqualedsilva-blog-comment-form

47. Stellify

stellify-blog-comment-form

48. MAC Appstorm

mac-appstorm-blog-comment-form

49. Ars Thanea Blog

ars-thanea-blog-comment-form

50. Level Opacity

level-opacity-blog-comment-form

51. Doc4design

doc4design-blog-comment-form

52. Productive Dreams

productive-dreams-blog-comment-form

53. DesignBombs

design-bombs-blog-comment-form

54. Tutorial9

tutorial9-blog-comment-form

55. EctoMachine

Light gradient added in forms to create interesting effect.
ectomachine-blog-comment-form

56. FlickOut

flickout-blog-comment-form

57. Missweblash

Through whole site goes this stitching effect, added nicely to forms as well – I consider this a good example.
missweblash-blog-comment-form

58. ClingPhotography

Expand possibilities with cute smilies in comments!
cslingphotography-blog-comment-form

59. NyQDesign

nyqdesign-blog-comment-form

60. Kirstin Pauk

Seems light and simple, but sometimes nothing more is needed, nice button also.
kirstinpauk-blog-comment-form

61. Monofactor

Subtle drop shadow added to create 3D effect, looks good.
monofactor-blog-comment-form

62. IconDock

Clean and clear effect, I like how whole comment form is in different color to highlight it even better.
icondock-blog-comment-form

63. Line25

line25-blog-comment-form

64. Rockatee

rockatee-blog-comment-form

65. Ttthings

ttthings-blog-comment-form

66. Iso50

iso50-blog-comment-form

67. Josh Spear

joshspear-blog-comment-form

68. All-for-design

all-for-design-blog-comment-form

69. Leihu

leihu-blog-comment-form

70. CosmicDiary

Thinking outside the box – original approach!
cosmicdiary-blog-comment-form

71. Brad Ruggles

bradruggles-blog-comment-form

72. Ali Felski

alifelski-blog-comment-form

73. Lewro

Good looking form with subtle gradient effect as well.
lewro-blog-comment-form

74. Nasendackel

Here you can choose to use these interesting special smilies – I like this approach!
nasendackel-blog-comment-form

75. Lebloe

lebloe-blog-comment-form

76. Steve Mullen Creative

New jQuery effect added to comment design, nice touch!

stevemullencreative-blog-comment-form

77. Jankoatwarpspeed

Emphasize your words with bold, italic, underline or quote – extended possibilities in comments always are appreciated.
jankoatwarpspeed-blog-comment-form

10 comments:

  1. Hello everyone, if someone wants to work as a freelance here I share this link: Freelance

    ReplyDelete
  2. Prime Trading Company offer a tailored solution to today's garment manufacturing.Our Production range Covers
    Stylish Polo
    and much more.

    ReplyDelete
  3. A septic system is an underground chamber made of field design for installs tank through which domestic wastewater flows for basic treatment. Services for sewerage systems of all shapes and sizes - For More Information Visit Here -- field design

    ReplyDelete
  4. (Michael Kors Outlet Online) depart this life impossible slaves, Nepal's what are (Michael Kors Outlet Store) known as NGO brigade ought to learn a unpalatable honesty..

    I want to and far from being regarding the Republican say along (Ray Ban New Wayfarer Polarized) with Democratic, But the precise product. (Coach Outlet Clearance Sale) Let me actually regarding to apply (Ray Ban Outlet Store) the culprit over the past. We'll always need to set the culprit over the past. A unique program was probably built-in 1923, Unfortunately a fireplace made extensive trouble for it two various years old late evening. Most of usually unquestionably this particular form been recently reconstructed. The property am powerful may well used to be understood (Yeezy Boost 350 Cheap) as Asheville's elegant aftereffects instant guard in the atomic struggle possibly a (Ray Ban Outlet) fluke.

    ReplyDelete
  5. The way things are going right now, I can Yeezy Discount feel a Ray Ban Glasses Western Conference Finals coming between the Yeezy Boost 350 OKC Thunder and the San Antonio Spurs. Both teams had a great season and will provide a tough opponent to the Heat or any other team that reaches the 2012 Coach Outlet Store NBA Finals. If it is the Heat who gets there in the East, it will be a fierce battle for the 2012 NBA Finals MVP between Lebron James and OKC's Kevin Durant or San Antonio's Tony Parker..

    It Ray Ban Outlet will be given to you. The same thing when it comes to business and customers. People will come to work with you because they know you will do the best and most work for their earned dollar. The majority of people with OCD have both obsessions and compulsions, Coach Handbags Clearance but a minority (about Coach Outlet 20 percent) have obsessions alone or compulsions alone (about 10 percent).The person with OCD usually tries to actively dismiss the obsessions or neutralize them by engaging in compulsions or avoiding situations that trigger them. In most cases, compulsions serve to alleviate anxiety. However, it is not uncommon for the compulsions themselves to cause anxiety especially when they become very demanding.A hallmark of OCD is that New Jordan Shoes 2020 the person recognizes that their thoughts or behaviors are senseless or excessive.However, the drive can be so powerful that the person caves in to the compulsion even though they know it makes no sense.

    ReplyDelete