The Smashing Book: Vote For The Book Cover Now!

Advertisement

The Smashing Book project is now entering its next phase. Based upon your tremendous feedback, we have finalized the concept and the outline for the book. In fact, the topics have been selected and our writers have already started to brainstorm the ideas for their chapters in the book. The one thing that still remains to be discussed is how the book will actually look like.

The Smashing Book

And since the Smashing Book is supposed to be the community book, we would like you to decide what design would fit the book best. In this post we present 6 book cover designs that were designed by the community for the Smashing Book Project (see the Book Cover Design Forum). We let you decide what book cover the Smashing Book will have. Please vote in the poll below – it’s your turn now!

Details about the book cover

We have picked out 6 most interesting book cover designs amond a number of drafts suggested in the forum. We think that every design presented below is appropriate for the Smashing Book. However, what cover makes the book look really smashing?

Please notice:

  1. the book will be a paperback, not hardcover as shown in some drafts below,
  2. the book will not be available in stores or any retail stores — it doesn’t have to fight for customer’s attention against numerous other books in stores.
  3. the book should make a really good impression online.

What cover design should the Smashing Book have?

Below you’ll find a brief overview of the 6 book cover designs. You will find more detailed information and preview of each design below, under the poll. You can click on the image for a larger preview. You can vote for multiple designs. Please vote now!

Book Covers
Book Covers

 

Participants

Here are more details and images of each design. Thank you to designers for participation!

  1. jokr (1)
  2. jokr (2)
  3. briannelsondesign
  4. motd
  5. Static44
  6. mjmonserrat

a) jokr 1

Cover Proposal

b) jokr 2

Cover Proposal

c) briannelsondesign

Cover Proposal

Cover Proposal

d) motd

Cover Proposal

Cover Proposal

e) Static44

Cover Proposal

f) mjmonserrat

Cover Proposal

Cover Proposal

Thank you for participation, folks! And please feel free to let us know your ideas, thoughts and suggestions in the comments to this post! Thank you for your time.

We love high-quality content and we care about little details. We believe that good content and design are crafts worth sharpening. Located in the lovely city of Freiburg, Germany. Mostly Vitaly (vf), Iris (il) and Sven (sl).

  1. 1

    Ryan

    April 8th, 2009 9:09 am

    please after completion give me one for free

    0
  2. 2

    Kwaa

    April 8th, 2009 9:10 am

    That’s odd, my comment were removed as spam when i edited it and added:
    A on the picture is the same as B in the list, btw.

    0
  3. 3

    Arnoud

    April 8th, 2009 9:10 am

    I love A and C

    0
  4. 4

    Radeksonic

    April 8th, 2009 9:13 am

    C and D look very nice! I hope it’ll be C

    0
  5. 5

    Andy

    April 8th, 2009 9:15 am

    C is by far the best, nice and sleek like the site

    0
  6. 6

    Andrew Philpott

    April 8th, 2009 9:29 am

    I would really like C if it used the arrow on the “G” in the word “Smashing”.

    0
  7. 7

    milder

    April 8th, 2009 9:33 am

    Hmm… they all are a bit too cheesy. I had high hopes, especially for a site like this.

    0
  8. 8

    jameson

    April 8th, 2009 9:37 am

    I love b – it brings out the British meaning of smashing a little more.

    0
  9. 9

    andi

    April 8th, 2009 9:37 am

    I like D, it’s clean, simple, elegant, and timeless

    0
  10. 10

    Ron

    April 8th, 2009 9:37 am

    I’m liking C.

    0
  11. 11

    Greg

    April 8th, 2009 9:39 am

    C. Simplest design, not too literal, not overbearingly a design book.

    Bada bing!

    0
  12. 12

    Pandjarov

    April 8th, 2009 9:39 am

    F i just fantastic :)

    0
  13. 13

    Eddy Munn

    April 8th, 2009 9:43 am

    ‘C’ looks great, very striking. :)

    0
  14. 14

    natasha

    April 8th, 2009 9:44 am

    I hope the book has less grammatical errors than this post!

    0
  15. 15

    Vince

    April 8th, 2009 9:44 am

    A & B = Definitely not liking both. Especially the two reload icon next together look terrible.
    C = Simple, clean. Love it.
    D = Mashing book? No Thanks ;)
    E = Too much.
    F = Is this book only about code? If not, then it doesn’t work.

    Winner = C

    0
  16. 16

    Matt Gio

    April 8th, 2009 9:46 am

    Im buying it, but only if it’s the cover i picked, which was C.

    0
  17. 17

    Axl

    April 8th, 2009 9:53 am

    D, sober, clean…and black.

    0
  18. 18

    DKumar M.

    April 8th, 2009 9:54 am

    Well… ‘C’ Looks neat and clean !!

    DKumar M.

    0
  19. 19

    Saro

    April 8th, 2009 9:57 am

    I love A, B & C. I can’t see how people don’t like these first 2…

    0
  20. 20

    kenny rogers

    April 8th, 2009 10:01 am

    a b c D e f

    0
  21. 21

    elena

    April 8th, 2009 10:02 am

    C

    0
  22. 22

    Israel

    April 8th, 2009 10:05 am

    Please proof read your posts for grammatical errors…really annoying.
    Book Cover = C

    0
  23. 23

    masaaa

    April 8th, 2009 10:05 am

    A

    0
  24. 24

    Kane

    April 8th, 2009 10:08 am

    F not only looks good, but it’s clever as well.

    Even if the book isn’t “only about code”, as Vince correctly pointed out, in the end it all ends up as code. Using the actual code from smashingmagazine.com makes it our own little secret in the bookstore. :)

    (oh… and I think you vote in the voting panel above… not the comments here. ;) )

    0
  25. 25

    Chris Shiflett

    April 8th, 2009 10:08 am

    “I hope the book has less grammatical errors than this post!”

    I think you mean fewer. :-)

    0
  26. 26

    Matt

    April 8th, 2009 10:10 am

    C & F

    0
  27. 27

    Ian

    April 8th, 2009 10:10 am

    Why don’t the images for C match up? Which one are we voting on; the one with the solid redish background or the one with the redish background and orange “swoosh” going across the top?

    0
  28. 28

    Jeff Daley

    April 8th, 2009 10:15 am

    It came down to C & E, but C gets my vote.

    Great confidence in the brand. But remove the gloss. Flame away, but for a book I want that sweet, solid orange. There is no Book 2.0.

    Good entries all!

    0
  29. 29

    Brian Nelson

    April 8th, 2009 10:19 am

    Hey Ian,
    I designed ‘C’ and I had submitted the solid reddish background before they had released the vector logos for the design competition. So, I resubmitted the design with the actual logotype and the orange swoosh in the background. Not sure why they put the first image up there. I appreciate the positive feedback, everyone.

    0
  30. 30

    kesavan

    April 8th, 2009 10:21 am

    My vote goes to D

    0
  31. 31

    Abhishek

    April 8th, 2009 10:24 am

    hi… i just love smashing magazine.. i think its an great evolution for the design world… its my bible now… please send me a copy once its released… please please…

    0
  32. 32

    tomitzel

    April 8th, 2009 10:26 am

    C

    0
  33. 33

    David

    April 8th, 2009 10:27 am

    b !!!

    0
  34. 34

    Lou Red

    April 8th, 2009 10:27 am

    B and E are my favorites, but more so B

    0
  35. 35

    Tim Ward

    April 8th, 2009 10:32 am

    I think A and F look the most professional. I think the Broken glass (E) is a little Obvious.

    0
  36. 36

    Hugo Moreno

    April 8th, 2009 10:33 am

    I really like the C

    0
  37. 37

    Jorge Linares

    April 8th, 2009 10:35 am

    I liked F the most, however since the book it’s probably not just about codes the perfect for this book would be C

    0
  38. 38

    Ryan Blaind

    April 8th, 2009 10:36 am

    I vote for C. Hands down. Clean, simple, timeless.

    0
  39. 39

    Anus

    April 8th, 2009 10:37 am

    I like C and D!

    I want it!

    0
  40. 40

    khairi

    April 8th, 2009 10:42 am

    i like design ‘A’ – something about the simplicity and muted colors that appears very much appealing to me :-)

    0
  41. 41

    Luca

    April 8th, 2009 10:45 am

    I like the f cover

    0
  42. 42

    foresth

    April 8th, 2009 10:53 am

    Wow, they all look gorgeous.

    But my favourite is of course the black (d). Stunning. :)

    0
  43. 43

    Justin Sane

    April 8th, 2009 10:53 am

    I go for C… would like A, but the arrowy ‘o’s just don’t do, IMHO.
    cheers.

    0
  44. 44

    maneesh Prabhalayam

    April 8th, 2009 10:54 am

    I liked
    f,
    a (but its not that visually appeling),
    b,
    d

    0
  45. 45

    Sinoun

    April 8th, 2009 10:57 am

    C and D are great… but D takes the cake! I love the black, it looks very sleek and awesome… kind of like the “black book” of design. It also stands out really nicely, and would look great on my book case!

    0
  46. 46

    Tollboy

    April 8th, 2009 11:01 am

    imo “C” is nice but it would not work as a paperback, it would look a bit cheap. “A” as a paperback though would look great with a matte finish.

    0
  47. 47

    cp

    April 8th, 2009 11:06 am

    I vote for C, very smashing design.

    0
  48. 48

    puto

    April 8th, 2009 11:06 am

    que llege argentina la concha de tu madre ehhhh amigitoww

    0
  49. 49

    Nick

    April 8th, 2009 11:11 am

    a – i don’t like the big reload icon (and the small ones too in “book”)
    b – i like it more than a, but still don’t like the small reload icons
    c – i like it
    d – i like it (if it ends up as “smashing” instead of “mashing” like mentioned before)
    e – i’d prefer a non-distorted clean cover like the previus
    f – i like it (i’d prefer using different sizes of the font instead of code)

    voting order for me: [ c, d, f ] b, e, a – i’m voting for the first three

    0
  50. 50

    durnin

    April 8th, 2009 11:12 am

    Man, NOT C. D or F work for me.

    0
  51. 51

    stiggs

    April 8th, 2009 11:30 am

    I’d go with “F” or “A” (as a close 2nd)

    0
  52. 52

    cnager

    April 8th, 2009 11:36 am

    not to be a negative nancy, but these designs aren’t that impressive.
    i’ll vote C and i think F and A have potential, but the reloads in “book” need to go.
    i still love smashmag and will continue to check it about every hour – ha.

    0
  53. 53

    Omer

    April 8th, 2009 11:38 am

    C… Absolutely C.

    0
  54. 54

    Tiago Sá

    April 8th, 2009 11:39 am

    I vote C, most definitely. Simple and appealing.

    0
  55. 55

    bren

    April 8th, 2009 11:40 am

    lovin’ the f

    0
  56. 56

    Katia

    April 8th, 2009 11:42 am

    C is just too simple and to evident: deceiving for a creative community… the F proposition cannot be seen very clearly compared with the other propositions, it’s hard to compare!

    But as a print graphic designer, the F is the best by far (b coming after)

    0
  57. 57

    Jane

    April 8th, 2009 11:44 am

    These look like yearbook covers :D

    0
  58. 58

    william

    April 8th, 2009 11:45 am

    They are all really good. D caught my eye though.

    0
  59. 59

    milus

    April 8th, 2009 11:48 am

    D! The black book

    0
  60. 60

    Sue

    April 8th, 2009 11:51 am

    Congratulations to all the designers. I’d be happy with any of them. Well done.

    0
  61. 61

    blixen

    April 8th, 2009 11:53 am

    b is best. but without the reload arrow :)

    0
  62. 62

    mapero

    April 8th, 2009 11:56 am

    solution is D :-D.
    Realy nice work. Simple Clean and Strong.

    0
  63. 63

    gErgin

    April 8th, 2009 11:57 am

    I think B is looking like Pepsi logo and C is inpired by Adobe :)

    0
  64. 64

    Jamison Smith

    April 8th, 2009 11:58 am

    I like C and D… .. it would have to be D… but they all look pretty good!

    0
  65. 65

    Mel

    April 8th, 2009 12:00 pm

    If the book should make a really good impression online, the cover “C” it’s the best. I loved all the covers, the designers did a great job but the “C” cover it’s just the Smashing Magazine face! I mean, look that cover… I want this book! And I am pretty sure you want it too! :)

    0
  66. 66

    culvi

    April 8th, 2009 12:05 pm

    I really not like WHOA on any of them but F is the best of the rest!

    0
  67. 67

    Tony O'Donohoe

    April 8th, 2009 12:12 pm

    I can’t believe there are so few votes for F. It is the only choice!!!
    C is ok, but just ok
    D is like web 2.0 on a book!
    E is tacky and dated
    A is boring
    B looks like it should be a software box!
    F people, F!!!

    0
  68. 68

    Peter Skenandore

    April 8th, 2009 12:15 pm

    D is the standout for bookstore shelves and the one I want on my bookshelf.

    F works for the back cover maybe markup interspersed with reviews, credits etc.

    0
  69. 69

    Paul

    April 8th, 2009 12:17 pm

    A – Nice unique design
    B – Looks like the french flag
    C – The only design that truly carries the Smashing Brand. Love it!
    D – Clean design, would be my second choice
    E – Interesting smash concept, probably my favorite design, but it’s just not smashing magazine
    F – Does not catch the eye.

    C!

    0
  70. 70

    Kristina Kerbel

    April 8th, 2009 12:18 pm

    I vote for D! It’s really very nice cover

    0
  71. 71

    Sara McAllister

    April 8th, 2009 12:22 pm

    It would be helpful to know what the concept for the book is before voting on a cover. The fact that a concept has been decided on was mentioned, however, the actual concept wasn’t stated.

    0
  72. 72

    John Tarbox

    April 8th, 2009 12:24 pm

    A

    0
  73. 73

    Sythe

    April 8th, 2009 12:36 pm

    F shows the design side of SM as well as the technical part. A beautyfull cover in my opinion!

    And it will look awesome between my other books!

    0
  74. 74

    sophus

    April 8th, 2009 12:38 pm

    B

    0
  75. 75

    Matthew McManus

    April 8th, 2009 12:38 pm

    C!!

    0
  76. 76

    globetro

    April 8th, 2009 12:43 pm

    I like D. It’s simple and elegant, and I think would be the most eye-catching in a book store.

    0
  77. 77

    John

    April 8th, 2009 12:44 pm

    I like D and C

    0
  78. 78

    Joop Vos

    April 8th, 2009 12:48 pm

    SM in black is beautiful = D

    0
  79. 79

    adrian boioglu

    April 8th, 2009 12:50 pm

    F

    0
  80. 80

    Lea Verou

    April 8th, 2009 1:02 pm

    First choice: F
    Second: D
    Third: C

    0
  81. 81

    Ben

    April 8th, 2009 1:07 pm

    C is easily the best, but F is second with D a close third.

    0
  82. 82

    j2

    April 8th, 2009 1:08 pm

    C would be amazing if the cover was that digital illustration of the Smashing Book – it would be like one of those recursive pictures that doesn’t quite work

    0
  83. 83

    chris nara

    April 8th, 2009 1:13 pm

    I love the second version of C.

    0
  84. 84

    Jarnesjö

    April 8th, 2009 1:18 pm

    No doudt about it. I love D! Less is more.

    0
  85. 85

    hans

    April 8th, 2009 1:20 pm

    D is the best.
    The black color looks precious, sober and clean.
    Nice job!

    0
  86. 86

    Rakazishi

    April 8th, 2009 1:27 pm

    C is very good and it should be cover for Smashing Book. I’ve voted C and A.

    0
  87. 87

    hrvojeb

    April 8th, 2009 1:30 pm

    C – go for it!

    0
  88. 88

    Kai

    April 8th, 2009 1:37 pm

    I like option A the best but those two reload symbols in ‘book’ bother me. I think the design would be much better if the typography was kept very clean and minimal, leaving the uniqueness of the pattern to shine on its own. Other than that, I really am not crazy about any of the others.

    0
  89. 89

    Smashing Editorial

    April 8th, 2009 1:49 pm

    308 votes were done using the same IP (224.229.79.88) and have been removed now.

    0
  90. 90

    Amy

    April 8th, 2009 1:57 pm

    Option C is by far the best, with a few tweaks.

    1. Rotate the “S” about 10-20 degrees counter-clockwise. You want to mimic how the “S” would look if its bounding square were level, as it is when confined within a book shape.

    2. Use the layout in the “photograph” version of the 2 samples. This means including 2 shades of red-orange and the arrow on the “g.”

    3. You may want to test out a version of C using the same gradients as the logo uses. First because it would be a more solid tie-in branding-wise, and second because I think it could look sharper than solid blocks of color — because of the simple design, you can get away with fancy-pants 2.0 type gradients and highlights with this design.

    C is clear and strong and will be eye-catching on a shelf. Most of the other designs are too, though D is a close runner-up to C.

    Great work briannelsondesign and motd!

    0
  91. 91

    dj

    April 8th, 2009 2:03 pm

    Could have went either way, C or D. I thought D was something different, minimalistic, professional, basic. Basic in a good sense, as in, getting back to basics. No marketing hype, no time wasters, but real substance. Also thought it laid out a foundation for future book covers, with perhaps changing/adding to the image/color, a concept similar to O’Reilly colophon. Last choice was, A. Way too busy.

    0
  92. 92

    Marc Ambrose

    April 8th, 2009 2:06 pm

    D obviously

    0
  93. 93

    midas

    April 8th, 2009 2:26 pm

    A is my first choice. F the second.

    0
  94. 94

    Matt Palmer

    April 8th, 2009 2:47 pm

    for the love of god, it does not need to have BOOK written on the cover. Once it’s printed everyone will be able to work out that it is infact a book.

    Keep it at “Smashing” and don’t dumb it down.

    If you go to a store and buy a t-shirt with an adidas logo on it, you don’t see “adidas t-shirt” written on it as well. We all know what it is, so get to the point.

    No. 3 is the best book cover here, the others are trying a bit too hard and not capturing anything.

    0
  95. 95

    hdoug

    April 8th, 2009 2:58 pm

    C… definitely C

    0
  96. 96

    matt

    April 8th, 2009 3:00 pm

    C is the best by far.

    0
  97. 97

    Therapix

    April 8th, 2009 3:17 pm

    Voted C but D is also nice.

    0
  98. 98

    Lise

    April 8th, 2009 3:30 pm

    (a) is much too busy (reminds me of a colony worms …)

    (b) Why the color blue?

    (d) and (e) . Looks too much like a stamp placed randomly on a page and , please, no need to mention it is a book! We know it!

    (f) it does not work for me. Too busy and what is the point of this html code on the cover?

    We are left with (c). Clean . ..too bad it also says “book” …remove it and it will be really nice.

    I am sorry for being critical. I recognize that designing a book cover is not a trivial exercise .
    I have tried …:-(!

    0
  99. 99

    R Correia

    April 8th, 2009 4:02 pm

    Voted f it’s original and the code gives it a nice touch, I’m sure I’ll buy this book for my collection, and I’ll love to have one with that cover. Excellent work of the designer in my opinion…

    0
  100. 100

    Denny

    April 8th, 2009 4:04 pm

    Love the theme and color feel of C. If we saw that even from a distance we get to know it was great SMASH.

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top