{"id":675,"date":"2015-07-10T10:49:04","date_gmt":"2015-07-10T17:49:04","guid":{"rendered":"http:\/\/sarahdimento.com\/~sarah\/?p=675"},"modified":"2016-06-03T14:10:24","modified_gmt":"2016-06-03T20:40:24","slug":"what-makes-good-design","status":"publish","type":"post","link":"https:\/\/sarahdimento.com\/~sarah\/what-makes-good-design\/","title":{"rendered":"What Makes Good Design?"},"content":{"rendered":"<p>The simple answer to this question is: whatever looks good and does the job. But that\u2019s hard to quantify, so let\u2019s break it down. Here are the basic rules to making yours designs not look like crap:<\/p>\n<p>&nbsp;<\/p>\n<h4>The information is readable.<\/h4>\n<p>&nbsp;<\/p>\n<p>Believe me, I\u2019ve seen people screw up this basic requirement. Back in art college, I and a couple other students were tasked with making a poster for our art show, and I actually got into an argument with them over some stupid font they thought looked cool, but was totally illegible. They wanted to use it for where the show took place, when it was, and all the other important information people needed to know to <em>go see the fucking thing<\/em>.<\/p>\n<p>To make extra-sure what you\u2019ve done is readable, take a step back and look at it from a few feet away. Then look at it again sized down to a thumbnail. Is the most essential information still readable at a distance or tiny?<\/p>\n<p><!--more--><\/p>\n<p>&nbsp;<\/p>\n<h4>You\u2019ve committed no typographical horrors.<\/h4>\n<p>&nbsp;<\/p>\n<p>Now, you can piss off a typographer by doing so much as bolding text that doesn\u2019t have a proper bold weight. There are tons of little rules, because typographers are the secret masters of the design world, but all you have to remember is not to do anything the type wasn\u2019t already designed for. This means no stretching it out of shape \u2013 ever. No adding funky effects (this includes 3D-ifiying or changing it from fill to stroke). These are all terrible sins that will summon <a href=\"http:\/\/www.eeemo.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zalgo<\/a>, the type fiend.<\/p>\n<p>But there are less nitpicky rules you should always follow to avoid making people\u2019s eyes bleed. No really, stop stretching text and adding fake 3D effects. That shit makes type look like garbage.<\/p>\n<ul>\n<li>Drop shadows should only be used to make the text stand out over a complicated background \u2013 it should not be noticeable, because then it also looks like garbage.<\/li>\n<li>Stop with the eye-bleeding colors for contrast. If it makes people feel like they\u2019re being punched in the face, it\u2019s too damned much. Also, please don\u2019t use gradient fills to make things look metallicky, because it always looks super dumb and fake.<\/li>\n<li>Stick to one or two typefaces (three maximum), learn about pairing fonts, and learn how to fix bad kerning. There are tons of decent display fonts for cheap or free, but the space between each letter is not going to be perfect. Pro typographers spend so many hours making every possible letter combination perfect that those fonts are worth real money.<\/li>\n<li>Oh yeah, and if your font came free with Windows, don\u2019t use it for display text \u2013 as in anything you don\u2019t want to look like you farted it out in a cubicle while pretending to be working.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>Your layout leads the eye in a logical way that aids the viewer in getting all the information.<\/h4>\n<p>&nbsp;<\/p>\n<p>This means doings things that make sense, like header hierarchy. All that means is making sure your titles are bigger than your subtitles and so on. It also generally means putting the important stuff at the top (and\/or left in the west), or center of the layout if it\u2019s a minimal design. If you take a step back from your work and find it hard to get the essentials at a glance, you need to fix that, because people won\u2019t give you enough time to explain your bullshit if their first impression is, \u201cThis is bullshit.\u201d<\/p>\n<p>&nbsp;<\/p>\n<h4>You\u2019ve left enough white-space to give every element breathing room.<\/h4>\n<p>&nbsp;<\/p>\n<p>This is about more than legibility, and applies to type an imagery. If you cram everything together when it just won\u2019t fit, you\u2019re going to give your viewers a headache. Don\u2019t cram the page until you make people barf their brains. Less is more. Layouts look better when there\u2019s some empty space chilling out in there. In fact, pro designers will tell you the negative space is just as important as the content, because it frames the content. I\u2019m continually amazed at how increasing the leading between lines of text can make a <em>meh<\/em> design look better.\u00a0 There\u2019s also <a href=\"http:\/\/www.mcescher.com\/gallery\/symmetry\/\" target=\"_blank\" rel=\"noopener noreferrer\">cool things you can do with negative space<\/a> once you learn to pay attention to it.<\/p>\n<p>&nbsp;<\/p>\n<h4>Remember grids are your friends.<\/h4>\n<p>&nbsp;<\/p>\n<p>Whether you use the rule of thirds or golden ratio doesn\u2019t matter as much as knowing how to align every element to every other element. Use a grid. Whether you\u2019re working on paper or the computer, use a grid. Even if you\u2019re making a poster for a hippy\u2019s psychedelic shoe farm, <strong>use a grid<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<h4>You have your colors under control.<\/h4>\n<p>&nbsp;<\/p>\n<p>Barring any psychedelic shoe farm posters, where the goal is to lead a stoner\u2019s eyes around and around the page to make him go, \u201cWoah!\u201d choose a single color scheme and stick to it. Adobe\u2019s got a great <a href=\"https:\/\/color.adobe.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">color wheel app<\/a> online, and it\u2019s free. Remember that bright colors draw the eye, so keep your powerful colors powerful the same way I limit my swears per blog post.<\/p>\n<p>&nbsp;<\/p>\n<h4>Your Photoshop work doesn\u2019t look like a four-year-old spread poop all over it.<\/h4>\n<p>&nbsp;<\/p>\n<p>Again, I\u2019ve seen this, on some poor soul\u2019s self-published book cover. I don\u2019t even know what the \u201cdesigner\u201d was doing using the airbrush effect behind all the text with baby-poop brown, and behind the bad cut&amp;paste job around the stock model, and all over the background. It was like virtual projectile diarrhea over everything. How someone can look at that and go, \u201cYep, a job well done.\u201d \u2013 it boggles the mind.<\/p>\n<p>&nbsp;<\/p>\n<h4>You get feedback and advice from good designers.<\/h4>\n<p>&nbsp;<\/p>\n<p>This last point I\u2019ve added thanks to Alicia\u2019s comment about finding a mentor. Feedback is critical, especially when starting out, and not just from clients. Clients can have awful taste in everything. Their happiness doesn\u2019t guarantee that you didn\u2019t produce an unholy abomination, it just means you got paid. You\u2019ll still miss opportunities for more work if what you put in your portfolio looks like a dog turd. If you live in a vacuum, sealed off from other professionals, you will never learn their tricks. Get a mentor!<\/p>\n<p>There are tons of books and online resources that go into design in more detail, but following the rules outlined above will at least make your designs look like they weren\u2019t done by someone\u2019s blind grandma. Next time I\u2019ll try to puzzle out what makes great design as I struggle across the <a href=\"http:\/\/sarahdimento.com\/~sarah\/from-the-competency-plateau-to-mastery-mountain\/\">competency plateau on my way to mastery mountain<\/a>, because I sure as hell haven\u2019t reached it yet.<\/p>\n<p><a href=\"https:\/\/designschool.canva.com\/blog\/design-rules\/\" target=\"_blank\" rel=\"noopener noreferrer\">Also, here is more good advice from pro designers.<\/a><\/p>\n<a class=\"synved-social-button synved-social-button-share synved-social-size-16 synved-social-resolution-single synved-social-provider-facebook nolightbox\" data-provider=\"facebook\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Facebook\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fsarahdimento.com%2F%7Esarah%2Fwp-json%2Fwp%2Fv2%2Fposts%2F675&#038;t=What%20Makes%20Good%20Design%3F&#038;s=100&#038;p&#091;url&#093;=https%3A%2F%2Fsarahdimento.com%2F%7Esarah%2Fwp-json%2Fwp%2Fv2%2Fposts%2F675&#038;p&#091;images&#093;&#091;0&#093;=&#038;p&#091;title&#093;=What%20Makes%20Good%20Design%3F\" style=\"font-size: 0px;width:16px;height:16px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"Facebook\" title=\"Share on Facebook\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"16\" height=\"16\" style=\"display: inline;width:16px;height:16px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/sarahdimento.com\/~sarah\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/32x32\/facebook.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-16 synved-social-resolution-single synved-social-provider-twitter nolightbox\" data-provider=\"twitter\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Twitter\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fsarahdimento.com%2F%7Esarah%2Fwp-json%2Fwp%2Fv2%2Fposts%2F675&#038;text=Hey%20check%20this%20out\" style=\"font-size: 0px;width:16px;height:16px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"twitter\" title=\"Share on Twitter\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"16\" height=\"16\" style=\"display: inline;width:16px;height:16px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/sarahdimento.com\/~sarah\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/32x32\/twitter.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-16 synved-social-resolution-single synved-social-provider-reddit nolightbox\" data-provider=\"reddit\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Reddit\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fsarahdimento.com%2F%7Esarah%2Fwp-json%2Fwp%2Fv2%2Fposts%2F675&#038;title=What%20Makes%20Good%20Design%3F\" style=\"font-size: 0px;width:16px;height:16px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"reddit\" title=\"Share on Reddit\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"16\" height=\"16\" style=\"display: inline;width:16px;height:16px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/sarahdimento.com\/~sarah\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/32x32\/reddit.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-16 synved-social-resolution-single synved-social-provider-pinterest nolightbox\" data-provider=\"pinterest\" target=\"_blank\" rel=\"nofollow\" title=\"Pin it with Pinterest\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fsarahdimento.com%2F%7Esarah%2Fwp-json%2Fwp%2Fv2%2Fposts%2F675&#038;media=&#038;description=What%20Makes%20Good%20Design%3F\" style=\"font-size: 0px;width:16px;height:16px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"pinterest\" title=\"Pin it with Pinterest\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"16\" height=\"16\" style=\"display: inline;width:16px;height:16px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/sarahdimento.com\/~sarah\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/32x32\/pinterest.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-16 synved-social-resolution-single synved-social-provider-linkedin nolightbox\" data-provider=\"linkedin\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Linkedin\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fsarahdimento.com%2F%7Esarah%2Fwp-json%2Fwp%2Fv2%2Fposts%2F675&#038;title=What%20Makes%20Good%20Design%3F\" style=\"font-size: 0px;width:16px;height:16px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"linkedin\" title=\"Share on Linkedin\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"16\" height=\"16\" style=\"display: inline;width:16px;height:16px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/sarahdimento.com\/~sarah\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/32x32\/linkedin.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-16 synved-social-resolution-single synved-social-provider-mail nolightbox\" data-provider=\"mail\" rel=\"nofollow\" title=\"Share by email\" href=\"mailto:?subject=What%20Makes%20Good%20Design%3F&#038;body=Hey%20check%20this%20out:%20https%3A%2F%2Fsarahdimento.com%2F%7Esarah%2Fwp-json%2Fwp%2Fv2%2Fposts%2F675\" style=\"font-size: 0px;width:16px;height:16px;margin:0;margin-bottom:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"mail\" title=\"Share by email\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"16\" height=\"16\" style=\"display: inline;width:16px;height:16px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/sarahdimento.com\/~sarah\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/32x32\/mail.png\" \/><\/a><a class=\"synved-social-credit\" target=\"_blank\" rel=\"nofollow\" title=\"WordPress Social Media Feather\" href=\"http:\/\/synved.com\/wordpress-social-media-feather\/\" style=\"color:#444;text-decoration:none;font-size:8px;margin-left:5px;vertical-align:10px\"><span>by <\/span><img loading=\"lazy\" decoding=\"async\" style=\"display: inline;margin:0;padding:0;width:16px;height:16px\" width=\"16\" height=\"16\" alt=\"feather\" src=\"https:\/\/sarahdimento.com\/~sarah\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/icon.png\" \/><\/a>","protected":false},"excerpt":{"rendered":"<p>The simple answer to this question is: whatever looks good and does the job. But that\u2019s hard to quantify, so let\u2019s break it down. Here are the basic rules to making yours designs not look like crap: &nbsp; The information is readable. &nbsp; Believe me, I\u2019ve seen people screw up this basic requirement. Back in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[20,15,42],"class_list":["post-675","post","type-post","status-publish","format-standard","hentry","category-design","tag-advice","tag-bullshittery","tag-marketing"],"_links":{"self":[{"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/posts\/675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/comments?post=675"}],"version-history":[{"count":12,"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/posts\/675\/revisions"}],"predecessor-version":[{"id":903,"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/posts\/675\/revisions\/903"}],"wp:attachment":[{"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/media?parent=675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/categories?post=675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sarahdimento.com\/~sarah\/wp-json\/wp\/v2\/tags?post=675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}