{"id":677,"date":"2011-08-25T08:59:06","date_gmt":"2011-08-25T08:59:06","guid":{"rendered":"http:\/\/www.thisbloglife.com\/?p=81"},"modified":"2019-08-05T18:04:20","modified_gmt":"2019-08-05T18:04:20","slug":"cover-design-challenges-in-the-digital-world","status":"publish","type":"post","link":"https:\/\/thatkeith.com\/articles\/cover-design-challenges-in-the-digital-world\/","title":{"rendered":"Cover design challenges in the digital world"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Is it possible to design sophisticated magazine covers that communicate and sell in the virtual newsstand when all we can show are low-resolution thumbnails?<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-thumbnail.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-thumbnail.jpg\" alt=\"\" class=\"wp-image-1017\"\/><\/a><\/figure><\/div>\n\n\n\n<p>\u201cDon\u2019t judge a book by it\u2019s cover.\u201d We all know the saying, but do we pay any attention? Of course not. And that\u2019s why we also say that first impressions matter. In fact, that\u2019s a fundamental principle of graphic design: the initial visual impact of something is vitally important. Covers of anything &#8211; books, magazines, albums, you name it &#8211; are what makes or breaks a sale. Okay, sure, sometimes we know we\u2019re going to buy something before we see the cover; the next Ian M Banks novel or the next issue of MacUser, for example. But never underestimate the power of the cover.<\/p>\n\n\n\n<p>When CDs took over from vinyl LPs, die-hards bemoaned two things; the subtle reduction in audio quality, which I find is actually pretty hard to distinguish without serious hifi gear, and the dumbing-down of album cover artwork. Whatever you feel about the first point it is true that there is no straight equivalent of some of the most extravagant album cover creations of the past.<\/p>\n\n\n\n<p>The design group Hipgnosis was responsible for a significant number of award-winning cover designs through the 1970s &#8211; flick through the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Hipgnosis#Discography\">discography section for Hipgnosis in Wikipedia<\/a> and ponder what it must have been like in the studio. These often came with stickers, extra artwork and other goodies, as the music industry got to grips with luxurifying the point of sale wrapping for the music.<\/p>\n\n\n\n<hr><script async=\"\" src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4232890097475869\" data-ad-slot=\"4501503633\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><hr>\n\n\n\n<p>The 1970s was the era when album cover design became high art, and some took covers beyond mere design-on-canvas levels. Jefferson Airplane\u2019s Long John Silver album cover could be popped out, folded up and turned into a cardboard humidor box for, ahem, \u2018cigars\u2019, and Led Zeppelin\u2019s In Through The Out Door inner sleeve was a black and white design that produced colours when brushed with water. This kind of extravagance can be hideously expensive, but it was seen as the mark of confidence and flair. (Curiously, the paintable Led Zeppelin inner sleeve was never officially publicised; it was left to word of mouth and, presumably, beer spills to reveal the secret.)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-cd-jewelcase.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-cd-jewelcase-150x150.jpg\" alt=\"\" class=\"wp-image-1016\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-cd-jewelcase-150x150.jpg 150w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-cd-jewelcase.jpg 180w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Then CDs took over and most album artwork became low-cost print flimsies slipped into fragile plastic shells &#8211; before capitulating to the ultimate convenience but artwork-damning charms of downloadable digital music. Sure, \u2018cover\u2019 artwork is still important, but now it is simply square bitmap images of modest proportions embedded in our tracks.<\/p>\n\n\n\n<p>This album cover development from sophisticated artform to pixel add-on took very little time; 15 years, maybe 20 at the outside. Is this going to happen to other kinds of covers? What about the magazines that you hold in your hands? What\u2019s going to happen to the magazine cover in the next five or ten years? That may seem not all that far away, but the pace of change is fast.<\/p>\n\n\n\n<p>It is tempting to jump into the whole digital futures thing, but first take a look at where the magazine cover has come from. The earliest magazines used covers that were essentially table of contents, with the title squeezed into the top in fairly small type. Of course, that\u2019s partly because of the length of titles. \u201cThe American Magazine of Useful and Entertaining Knowledge\u201d and \u201cThe Town and Country Magazine, or, Universal Repository; of Knowledge, Instruction, and Entertainment\u201d are two from the 18th century. If an actual cover was used it was made to look like a plain book cover. It wasn\u2019t until the late 19th century that pictorial covers were the norm, and these tended to be poster-style designs with coverlines generally small and used as contents-style lists.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"216\" height=\"333\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Town-and-Country-Magazine-or-Universal-Repository-of-Knowledge-Instruction-and-Entertainment-1788.jpg\" alt=\"\" data-id=\"1013\" data-link=\"https:\/\/thatkeith.com\/articles\/cover-design-challenges-in-the-digital-world\/14-town-and-country-magazine-or-universal-repository-of-knowledge-instruction-and-entertainment-1788\/\" class=\"wp-image-1013\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Town-and-Country-Magazine-or-Universal-Repository-of-Knowledge-Instruction-and-Entertainment-1788.jpg 216w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Town-and-Country-Magazine-or-Universal-Repository-of-Knowledge-Instruction-and-Entertainment-1788-195x300.jpg 195w\" sizes=\"auto, (max-width: 216px) 100vw, 216px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"260\" height=\"386\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Free-Universal-Magazine-1793-1.jpg\" alt=\"\" data-id=\"1014\" data-link=\"https:\/\/thatkeith.com\/articles\/cover-design-challenges-in-the-digital-world\/14-free-universal-magazine-1793-1\/\" class=\"wp-image-1014\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Free-Universal-Magazine-1793-1.jpg 260w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Free-Universal-Magazine-1793-1-202x300.jpg 202w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"1024\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-1897-08-720x1024.jpg\" alt=\"\" data-id=\"1015\" data-link=\"https:\/\/thatkeith.com\/articles\/cover-design-challenges-in-the-digital-world\/14-cosmopolitan-1897-08\/\" class=\"wp-image-1015\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-1897-08-720x1024.jpg 720w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-1897-08-211x300.jpg 211w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-1897-08-768x1092.jpg 768w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-1897-08.jpg 1030w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/li><\/ul>\n\n\n\n<p>But by 90+ years ago the formula, the visual language of magazine cover design, had been established. Take this McClure\u2019s magazine cover from 1916. Note the balance of type and image; even though the type isn\u2019t shouting there are primary and secondary cover lines. The model is in a nearly full body pose and glancing towards the viewer, and there\u2019s a strong sense of design layering going on between the main elements. From back to front, there\u2019s the sea, the sail, the title and most coverlines, the boat edge, and the large coverline at the bottom. You\u2019ll see this kind of structure again and again in any newsstand today.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Magazine-cover-McClures-July-1916.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"875\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Magazine-cover-McClures-July-1916.jpg\" alt=\"\" class=\"wp-image-1019\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Magazine-cover-McClures-July-1916.jpg 650w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Magazine-cover-McClures-July-1916-223x300.jpg 223w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><figcaption>McClure&#8217;s magazine cover, July 1916<\/figcaption><\/figure>\n\n\n\n<p>Most magazines are around the standard A4 or US Letter paper size, or something close at least. This is because it fits well with the production restrictions of printing presses and paper sizes (<a href=\"http:\/\/www.thisbloglife.com\/2011\/06\/paper-sizes-get-to-know-your-a-b-c\/\">see Paper Sizes, Know Your A, B, C<\/a>), and also because this is big enough to allow complex layouts and small enough to remain easily portable. So what happens when we go digital? This is the MP3 moment for magazines. We\u2019ve not had the equivalent of the vinyl to CD lurch, but as digital magazines become mainstream the role of the cover needs to be examined carefully.<\/p>\n\n\n\n<p>Pretty much all of today\u2019s print magazine cover designs are created to sell, sell, sell on the newsstand. It is said that a magazine cover has around three seconds to convince someone to buy it; beyond that, the odds are they won\u2019t. Publishers work out the sell-through efficiency ratings of different covers, the percentage sold, and use that to try and improve the power of future covers. Different sections of a cover are used for specific different kinds of content (Cosmopolitan virtually always puts \u201cSEX\u201d in the upper-left quadrant), and woe betide those who use too much green! There\u2019s a widely-held opinion, possibly superstition but nobody\u2019s testing it, that green covers usually spell death to an issue\u2019s sales.<\/p>\n\n\n\n<table class=\"wp-block-table\"><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"500\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-06-Leighton-Meester.jpg\" alt=\"\" class=\"wp-image-1012\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-06-Leighton-Meester.jpg 375w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-06-Leighton-Meester-225x300.jpg 225w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"500\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-05-Whitney-Port.jpg\" alt=\"\" class=\"wp-image-1011\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-05-Whitney-Port.jpg 375w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-05-Whitney-Port-225x300.jpg 225w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"500\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-07-Lauren-Conrad.jpg\" alt=\"\" class=\"wp-image-1010\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-07-Lauren-Conrad.jpg 375w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Cosmopolitan-2009-07-Lauren-Conrad-225x300.jpg 225w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/td><\/tr><\/tbody><\/table>\n\n\n\n<p>There is a wealth of knowledge and experience behind print magazine covers. But how does this translate to the digital market? It looks like the answer to that is \u2018not terribly well\u2019. One major problem is the size of the covers shown in the virtual newsagent\u2019s display. From Amazon to Zinio, you have to browse thumbnail images if you want any kind of overview. The trouble is, thumbnails are small, they hold little detail, and as a result they don\u2019t have the same kind of attention-grabbing, sale-making power that they do in print. Especially if they\u2019re just scaled-down images of the physical cover. The trick will be to find a way to create thumbnail-destined cover designs, things that are made specifically work at that size. While still selling as effectively as possible, which is the tall part of the order.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-MacUser-iPad-library-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-MacUser-iPad-library-2.png\" alt=\"\" class=\"wp-image-1021\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-MacUser-iPad-library-2.png 768w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-MacUser-iPad-library-2-225x300.png 225w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-MacUser-iPad-library-2-630x840.png 630w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><figcaption>MacUser magazine&#8217;s iPad app &#8216;bookshelf&#8217; circa 2012. This magazine was the leader in its field and had enough name recognition that it didn&#8217;t need to have half a dozen different headlines filling the cover and shouting about what&#8217;s inside. This helped the thumbnails work better&#8230; but still&#8230;<\/figcaption><\/figure>\n\n\n\n<p>We can\u2019t just ignore this. The fact is we all judge things by first appearances. If the object of the cover is to sell, as with magazines, then this first sight is a critical point in time, but the current approach of scaling down A4 print covers isn\u2019t working. Wired magazine is experimenting with landscape and portrait versions of their iPad version covers, but you only see those if you\u2019ve already installed the app &#8211; so not exactly virtual newsstand browsing. I don\u2019t pretend to know the answer; this is something that\u2019s going to take a fair bit of experimenting, and it will also be affected by the devices and screens we use in the next two, five, ten years and onwards. But as designers it is partly up to us to try and find ways forward.<\/p>\n\n\n\n<hr><script async=\"\" src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4232890097475869\" data-ad-slot=\"4501503633\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><hr>\n","protected":false},"excerpt":{"rendered":"<p>Is it possible to design sophisticated magazine covers that communicate and sell in the virtual newsstand when all we can show are low-resolution thumbnails? \u201cDon\u2019t judge a book by it\u2019s cover.\u201d We all know the saying, but do we pay any attention? Of course not. And that\u2019s why we also say that first impressions matter&#8230;.<\/p>\n","protected":false},"author":2,"featured_media":1019,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[19],"tags":[],"class_list":["post-677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2011\/08\/14-Magazine-cover-McClures-July-1916.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8ooc8-aV","_links":{"self":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts\/677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/comments?post=677"}],"version-history":[{"count":8,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts\/677\/revisions"}],"predecessor-version":[{"id":1189,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts\/677\/revisions\/1189"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/media\/1019"}],"wp:attachment":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/media?parent=677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/categories?post=677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/tags?post=677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}