{"id":62491,"date":"2019-03-27T04:19:28","date_gmt":"2019-03-27T11:19:28","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/"},"modified":"2019-03-27T04:19:28","modified_gmt":"2019-03-27T11:19:28","slug":"meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/","title":{"rendered":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke"},"content":{"rendered":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke<\/title><\/p>\n<article>\n<header>\n<h1>Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke<\/h1>\n<address>Bruce Lawson<\/address>\n<p> <time datetime=\"2019-03-26T10:40:39+01:00\">2019-03-26T10:40:39+01:00<\/time><time datetime=\"2019-03-27T11:04:41+00:00\">2019-03-27T11:04:41+00:00<\/time><\/header>\n<p>A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent flexibility and responsiveness. <a href=\"https:\/\/smashed.by\/artdirectionexcerpt\" target=\"_blank\" rel=\"noopener\">Read the excerpt chapter<\/a>.<\/p>\n<p>Modern web technologies like CSS Grid, Flexbox and Shapes have made it possible for us to implement print\u2019s often distinctive designs, and the web\u2019s now full of tutorials on how to use them. But the most important question is not \u201chow\u201d we can use art direction techniques to improve our designs for the web, but instead \u201cwhen\u201d and \u201cwhy\u201d.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-hardcover-book-v4d.jpg 400w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 800w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 1200w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 1600w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-hardcover-book-v4d.jpg?w=900\" sizes=\"100vw\" alt=\"A hardcover book laying on a wooden floor, called \u201cArt Direction for the Web\u201d\"><\/a><\/p>\n<\/figure>\n<div data-handler=\"ContentTabs\" data-mq=\"(max-width: 480px)\">\n<nav>\n<ul>\n<li>\n <button>eBook<\/button>\n <\/li>\n<li>\n <button>Hardcover<\/button>\n <\/li>\n<\/ul>\n<\/nav>\n<div>\n<h3><span>eBook<\/span><\/h3>\n<p><span>$14.90 <del><span title=\"Original Price\">$19<\/span><\/del><\/span><a href=\"https:\/\/www.smashingmagazine.com\/ebooks\/art-direction-for-the-web-ebook\/\" data-product-path=\"\/ebooks\/art-direction-for-the-web-ebook\/\" data-product-sku=\"art-direction-for-the-web-ebook\" data-component=\"AddToCart\">Get the eBook<\/a><\/p>\n<p>PDF, ePUB, Kindle.<br \/>Free for <a href=\"https:\/\/www.smashingmagazine.com\/membership\">Smashing Members<\/a>.<\/p>\n<\/p><\/div>\n<div>\n<h3><span>Hardcover<\/span><\/h3>\n<p><span><span>$29<\/span> <del><span title=\"Original Price\">$39<\/span><\/del><\/span><a href=\"https:\/\/www.smashingmagazine.com\/printed-books\/art-direction-for-the-web\/\" data-product-sku=\"art-direction-for-the-web\" data-product-path=\"\/printed-books\/art-direction-for-the-web\/\" data-component=\"AddToCart\">Get the Print (incl.\u00a0eBook)<\/a><\/p>\n<p>Printed, quality hardcover.<br \/>Shipping starts mid-April.<\/p>\n<\/p><\/div>\n<\/div>\n<p>This is the reason why <a href=\"https:\/\/stuffandnonsense.co.uk\/\">Andy Clarke<\/a> wrote his new book <a href=\"https:\/\/www.smashingmagazine.com\/printed-books\/art-direction-for-the-web\/\">Art Direction for the Web<\/a>. This is a book about why art direction matters and how you can art-direct compelling and effective experiences across devices and platforms.<\/p>\n<p>Andy explores the work of some of the most influential art directors, luminaries like Alexey Brodovitch, Bea Feitler, and Neville Brody. He doesn\u2019t encourage us to merely mimic work from a previous era and medium, but to understand their thinking and learn how to apply that knowledge to art direction for the web.<\/p>\n<p>Andy writes,<\/p>\n<blockquote><p>\u201cYou needn\u2019t have been to art school to learn and apply the principles I teach you. Just like art direction itself, they\u2019re something which everyone \u2014 no matter what your background and current area of expertise \u2014 can use every day to improve the effectiveness of a product or website\u2019s design.\u201d<\/p><\/blockquote>\n<p>Andy\u2019s goal is to teach people about the importance of art direction for the web and explain how art direction can help people tell stories by using design. That way, products and websites will connect with audiences and also manage to keep them engaged. After a thorough investigation of the methodology of art direction, Andy teaches how to accomplish it by embracing the web using modern CSS.<\/p>\n<p><em>Art Direction for the Web<\/em> will help you make your sites more effective at communicating, persuading, and selling. If you develop products, this book will make them more compelling and more enjoyable to use. <a href=\"https:\/\/smashed.by\/artdirectionexcerpt\" target=\"_blank\" rel=\"noopener\">Read the excerpt chapter ?<\/a><\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7b5db0ea-2282-45d8-81aa-0cb65a25da7f\/art-direction-for-the-web-table-of-contents-large.jpg?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-table-of-contents-large.jpg 400w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7b5db0ea-2282-45d8-81aa-0cb65a25da7f\/art-direction-for-the-web-table-of-contents-large.jpg 800w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7b5db0ea-2282-45d8-81aa-0cb65a25da7f\/art-direction-for-the-web-table-of-contents-large.jpg 1200w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7b5db0ea-2282-45d8-81aa-0cb65a25da7f\/art-direction-for-the-web-table-of-contents-large.jpg 1600w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7b5db0ea-2282-45d8-81aa-0cb65a25da7f\/art-direction-for-the-web-table-of-contents-large.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-table-of-contents-large.jpg?w=900\" sizes=\"100vw\" alt=\"A hardcover book laying open on a light blue background, with two pages open that are showing the table of contents\"><\/a><\/p>\n<\/figure>\n<h3>Table Of Contents<\/h3>\n<h4>Part 1: Explaining Art Direction<\/h4>\n<ul>\n<li><strong>What Art Direction Means<\/strong><br \/>\nAsk what art direction means to developers, and they might answer: using the <code><picture><\/code> element or <code>sizes<\/code> attribute in HTML for responsive images; presenting alternative crops, orientations, or sizes at various screen sizes. But there\u2019s more to it.<\/li>\n<li><strong>One Hundred Years Of Art Direction<\/strong><br \/>\nBradley, Brodovitch, Brody, and Feitler \u2014 together, their names sound like a Mad Men-era advertising agency. In this chapter, we\u2019ll take a look at their iconic works, from the 1930\u2019s to the 1980\u2019s.<\/li>\n<li><strong>Art-Directing Experiences<\/strong><br \/>\nWhether we write fact or fiction, sell or make products, the way to engage people, create desire, make them happy, and encourage them to stay that way, is by creating narratives. So what do we need to consider when doing so?<\/li>\n<li><strong>Art Direction And Creative Teams<\/strong><br \/>\nLet\u2019s take a look at how we can embrace collaboration and form teams who follow strategies built around common goals.<\/li>\n<\/ul>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e3b75a4f-0d4d-4241-9641-f28157134ec9\/art-direction-for-the-web-alexey-brodovitch-large.jpg?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-alexey-brodovitch-large.jpg 400w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e3b75a4f-0d4d-4241-9641-f28157134ec9\/art-direction-for-the-web-alexey-brodovitch-large.jpg 800w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e3b75a4f-0d4d-4241-9641-f28157134ec9\/art-direction-for-the-web-alexey-brodovitch-large.jpg 1200w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e3b75a4f-0d4d-4241-9641-f28157134ec9\/art-direction-for-the-web-alexey-brodovitch-large.jpg 1600w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e3b75a4f-0d4d-4241-9641-f28157134ec9\/art-direction-for-the-web-alexey-brodovitch-large.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-alexey-brodovitch-large.jpg?w=900\" sizes=\"100vw\" alt=\"A hardcover book laying open on a light blue background, with two pages open that are showing some artwork examples from the 1930s, by Alexey Brodovitch\"><\/a><\/p>\n<\/figure>\n<h4>Part 2: Designing For Art Direction<\/h4>\n<ul>\n<li><strong>Principles Of Design<\/strong><br \/>\nAre the principles which have guided design in other media for generations relevant to the world of digital products and websites? Of course! In this chapter, we\u2019ll explore the principles of symmetry, asymmetry, ratios, and scale.<\/li>\n<li><strong>Directing Grids<\/strong><br \/>\nGrids have a long and varied history in design, from the earliest books, through movements like constructivism right up to the present-day popularity of grids in frameworks like Bootstrap and material design. This chapter explains grid anatomy and terminology and how to use modular and compound grids.<\/li>\n<li><strong>Directing Type<\/strong><br \/>\nWhite space, typographic scale, and creative uses of type are the focus in this chapter.<\/li>\n<li><strong>Directing Pictures<\/strong><br \/>\nImages and how we display them have an enormous impact on how people perceive our designs, whether that be on a commercial or editorial website, or inside a product. In this chapter, you\u2019ll learn how to position and arrange images to direct the eye.<\/li>\n<\/ul>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9cd172f9-20d2-4a43-b185-49c794e6eb73\/art-direction-for-the-web-medium-membership-large.jpg?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-medium-membership-large.jpg 400w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9cd172f9-20d2-4a43-b185-49c794e6eb73\/art-direction-for-the-web-medium-membership-large.jpg 800w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9cd172f9-20d2-4a43-b185-49c794e6eb73\/art-direction-for-the-web-medium-membership-large.jpg 1200w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9cd172f9-20d2-4a43-b185-49c794e6eb73\/art-direction-for-the-web-medium-membership-large.jpg 1600w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9cd172f9-20d2-4a43-b185-49c794e6eb73\/art-direction-for-the-web-medium-membership-large.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-medium-membership-large.jpg?w=900\" sizes=\"100vw\" alt=\"A hardcover book laying open on a light blue background, with two pages open that are showing some artwork examples of Bond conference and Medium Memberships\"><\/a><\/p>\n<\/figure>\n<h4>Part 3: Developing For Art Direction<\/h4>\n<ul>\n<li><strong>Developing Layouts With CSS Grids<\/strong><br \/>\nCSS Grid plus thoughtful, art-directed content offers us the best chance yet of making websites which are better at communicating with our audiences. In this chapter, Andy explains properties and techniques which are most appropriate for art direction.\n<\/li>\n<li><strong>Developing Components With Flexbox<\/strong><br \/>\nWhile Grid is ideal for implementing art-directed layouts, Flexbox is often better suited to developing molecules and organisms such as navigation links, images, captions, search inputs, and buttons. This chapter explores how to make use of it.\n<\/li>\n<li><strong>Developing Typography<\/strong><br \/>\nFrom multi-column layout and arranging type with writing modes to text orientation and decorative typography, this chapter dives deep into the code side of type.\n<\/li>\n<li><strong>Developing With Images<\/strong><br \/>\nHow do you fit your art-directed images to a user\u2019s viewport? And what do CSS shapes and paths have in store for your design? Let\u2019s find out in this final chapter.\n<\/li>\n<\/ul>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1a78c98b-f8e9-46da-b99a-ddf6bb80c818\/art-direction-for-the-web-spacial-zones-large.jpg?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-spacial-zones-large.jpg 400w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1a78c98b-f8e9-46da-b99a-ddf6bb80c818\/art-direction-for-the-web-spacial-zones-large.jpg 800w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1a78c98b-f8e9-46da-b99a-ddf6bb80c818\/art-direction-for-the-web-spacial-zones-large.jpg 1200w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1a78c98b-f8e9-46da-b99a-ddf6bb80c818\/art-direction-for-the-web-spacial-zones-large.jpg 1600w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1a78c98b-f8e9-46da-b99a-ddf6bb80c818\/art-direction-for-the-web-spacial-zones-large.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-spacial-zones-large.jpg?w=900\" sizes=\"100vw\" alt=\"A hardcover book laying open on a light blue background, with two pages open that are showing some artwork examples of Bond conference and Medium Memberships\"><\/a><\/p>\n<\/figure>\n<h3>Smashing TV Webinars<\/h3>\n<p>To accompany this book, Andy is also giving a series of webinars on <a href=\"https:\/\/www.smashingmagazine.com\/smashing-tv\/\">Smashing TV<\/a>. Webinars are free with <a href=\"https:\/\/www.smashingmagazine.com\/membership\/\">Smashing Membership<\/a>, which costs a couple of cups of coffee a month (cancel anytime).<\/p>\n<figure><a href=\"https:\/\/youtu.be\/X7hZn3JtYZ4\" target=\"_blank\" rel=\"noopener\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/andy-and-bruce-webinar-v2.jpg?w=800\" alt=\"Andy Clarke is running a webinar on Art Direction.\"><\/a><\/figure>\n<h3>About The Author<\/h3>\n<p>Andy Clarke is a well-known designer, design consultant, and mentor. He has been called plenty of things since he started working on the web. His ego likes terms such as \u201cAmbassador for CSS,\u201d \u201cindustry prophet,\u201d and \u201cinspiring,\u201d but he\u2019s most proud that Jeffrey Zeldman once called him a \u201ctriple-talented bastard.\u201d<\/p>\n<p>With his wife, Sue, Andy founded <a href=\"https:\/\/stuffandnonsense.co.uk\/\">Stuff & Nonsense<\/a> in 1998. They\u2019ve helped companies around the world to improve their designs by providing consulting and design expertise.<\/p>\n<p>Andy\u2019s written several popular books on website design and development, including <em>Hardboiled Web Design: Fifth Anniversary Edition<\/em>, <em>Hardboiled Web Design<\/em>, and <em>Transcending CSS: The Fine Art Of Web Design<\/em>. He\u2019s a popular speaker and gives talks about art direction and design-related topics all over the world.<\/p>\n<h3>Testimonials<\/h3>\n<p>It has been our goal to make the book as <strong>inspiring, practical, and useful as possible<\/strong>, and we feel honored to have already received such positive reviews.<\/p>\n<blockquote><p>\u201cWith \u2018Art Direction for the Web,\u2019 Andy provides a framework for harnessing the web\u2019s potential. With historical context and real-life examples, Andy inspires each of us to be more purposeful about the choices we make. And true to form, he follows up all that inspiration with demos and the practical knowledge needed to see our ideas manifest online.\u201d<\/p>\n<p>\u2014 Trent Walton, co-founder of Paravel Inc.<\/p><\/blockquote>\n<h3>Why This Book Is For You<\/h3>\n<p>The content of this book is based on Andy\u2019s twenty years\u2019 experience of working with clients, plus the expertise of the art directors and designers he interviewed. <strong>You\u2019ll learn<\/strong>:<\/p>\n<ol>\n<li>What art direction means, <strong>why it matters<\/strong>, and who can do it.<\/li>\n<li>How to <strong>make art direction work<\/strong> for digital products and websites.<\/li>\n<li>How to <strong>improve conversions<\/strong> and bring your customers\u2019 journeys to life.<\/li>\n<li>How to <strong>maintain brand values<\/strong> and design principles by connecting touch points across marketing, product design, and websites.<\/li>\n<li>How to use <strong>art direction priciples<\/strong> such as layout, typography, proportions, ratio, and grids in a more imaginative way to communicate what you\u2019re trying to do much better.<\/li>\n<li>How to <strong>implement your designs on any platform<\/strong> with the latest HTML and CSS.<\/li>\n<li>\u2026Plus, we\u2019ll explore outstanding designs from <strong>100 years of media and print publishing<\/strong> for some extra art direction inspiration.<\/li>\n<\/ol>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-hardcover-book-v4d.jpg 400w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 800w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 1200w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 1600w,\n\t\t\t https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/773b6a88-959f-48d2-8993-9c3efd1556c9\/art-direction-for-the-web-hardcover-book-v4d.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-hardcover-book-v4d.jpg?w=900\" sizes=\"100vw\" alt=\"A hardcover book laying on a wooden floor, called \u201cArt Direction for the Web\u201d\"><\/a><figcaption>\n\t\t\tAndy\u2019s new book explores 100 years of art direction and how we can use this knowledge and the newest web technologies to create better digital products.<br \/>\n\t\t<\/figcaption><\/figure>\n<div data-handler=\"ContentTabs\" data-mq=\"(max-width: 480px)\">\n<nav>\n<ul>\n<li>\n <button>eBook<\/button>\n <\/li>\n<li>\n <button>Hardcover<\/button>\n <\/li>\n<\/ul>\n<\/nav>\n<div>\n<h3><span>eBook<\/span><\/h3>\n<p><span>$14.90 <del><span title=\"Original Price\">$19<\/span><\/del><\/span><a href=\"https:\/\/www.smashingmagazine.com\/ebooks\/art-direction-for-the-web-ebook\/\" data-product-path=\"\/ebooks\/art-direction-for-the-web-ebook\/\" data-product-sku=\"art-direction-for-the-web-ebook\" data-component=\"AddToCart\">Get the eBook<\/a><\/p>\n<p>PDF, ePUB, Kindle. Free for <a href=\"https:\/\/www.smashingmagazine.com\/membership\">Smashing Members<\/a>.<\/p>\n<\/p><\/div>\n<div>\n<h3><span>Hardcover<\/span><\/h3>\n<p><span><span>$29<\/span> <del><span title=\"Original Price\">$39<\/span><\/del><\/span><a href=\"https:\/\/www.smashingmagazine.com\/printed-books\/art-direction-for-the-web\/\" data-product-sku=\"art-direction-for-the-web\" data-product-path=\"\/printed-books\/art-direction-for-the-web\/\" data-component=\"AddToCart\">Get the Print (incl.\u00a0eBook)<\/a><\/p>\n<p>Printed, quality hardcover.<br \/>Shipping starts mid-April.<\/p>\n<\/p><\/div>\n<\/div>\n<h3>Technical Details<\/h3>\n<ul>\n<li><span>344<\/span> pages, <span>14<\/span> \u00d7 <span>21<\/span> cm (<span>5.5<\/span> \u00d7 <span>8.25<\/span> inches)<\/li>\n<li>ISBN: <code>978-3-945749-76-0<\/code> (print)<\/li>\n<li>Quality hardcover with stitched binding and a ribbon page marker.<\/li>\n<li>The <strong>eBook<\/strong> is available in PDF, ePUB, and Amazon Kindle.<\/li>\n<li>Free worldwide airmail shipping from Germany. Starting <strong>mid-April<\/strong>. (<a href=\"https:\/\/www.smashingmagazine.com\/delivery-times\/\">See delivery times<\/a>.)<\/li>\n<li>Available as <a href=\"https:\/\/www.smashingmagazine.com\/printed-books\/art-direction-for-the-web\/\" data-product-sku=\"art-direction-for-the-web\" data-component=\"AddToCart\" data-product-path=\"\/printed-books\/art-direction-for-the-web\/\" data-silent=\"true\">printed, quality hardcover<\/a> and <a href=\"https:\/\/www.smashingmagazine.com\/ebooks\/art-direction-for-the-web-ebook\/\" data-product-path=\"\/ebooks\/art-direction-for-the-web-ebook\/\" data-product-sku=\"art-direction-for-the-web-ebook\" data-component=\"AddToCart\" data-silent=\"true\">eBook<\/a>.<br \/>\n<\/li>\n<\/ul>\n<div>\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/logo-red-18.png?w=900\" alt=\"Smashing Editorial\"><span>(cm, bl, il)<\/span>\n<\/div>\n<\/article>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00 A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the…<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/\"> Read the full article…<\/a><\/p>\n","protected":false},"author":4,"featured_media":62492,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_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":[371],"tags":[],"class_list":["post-62491","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy ClarkeMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy ClarkeMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-03-27T11:19:28+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-03-27T11:19:28+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy ClarkeMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#article\",\"name\":\"Meet \\u201cArt Direction For The Web,\\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies\",\"headline\":\"Meet \\u201cArt Direction For The Web,\\u201d A New Smashing Book By Andy Clarke\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/art-direction-for-the-web-hardcover-book-v4d.jpg?fit=400%2C340&ssl=1\",\"width\":400,\"height\":340},\"datePublished\":\"2019-03-27T04:19:28-07:00\",\"dateModified\":\"2019-03-27T04:19:28-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#listItem\",\"name\":\"Meet \\u201cArt Direction For The Web,\\u201d A New Smashing Book By Andy Clarke\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#listItem\",\"position\":3,\"name\":\"Meet \\u201cArt Direction For The Web,\\u201d A New Smashing Book By Andy Clarke\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/\",\"name\":\"Meet \\u201cArt Direction For The Web,\\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies\",\"description\":\"Meet \\u201cArt Direction For The Web,\\u201d A New Smashing Book By Andy ClarkeMeet \\u201cArt Direction For The Web,\\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\\u2019s inherent\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/art-direction-for-the-web-hardcover-book-v4d.jpg?fit=400%2C340&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#mainImage\",\"width\":400,\"height\":340},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/03\\\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\\\/#mainImage\"},\"datePublished\":\"2019-03-27T04:19:28-07:00\",\"dateModified\":\"2019-03-27T04:19:28-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies","description":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy ClarkeMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent","canonical_url":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#article","name":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies","headline":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-hardcover-book-v4d.jpg?fit=400%2C340&ssl=1","width":400,"height":340},"datePublished":"2019-03-27T04:19:28-07:00","dateModified":"2019-03-27T04:19:28-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#listItem","name":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#listItem","position":3,"name":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/","name":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies","description":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy ClarkeMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-hardcover-book-v4d.jpg?fit=400%2C340&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#mainImage","width":400,"height":340},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/#mainImage"},"datePublished":"2019-03-27T04:19:28-07:00","dateModified":"2019-03-27T04:19:28-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies","og:description":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy ClarkeMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent","og:url":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/","article:published_time":"2019-03-27T11:19:28+00:00","article:modified_time":"2019-03-27T11:19:28+00:00","twitter:card":"summary","twitter:title":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke | Design for Immersive Technologies","twitter:description":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy ClarkeMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-27T11:04:41+00:00A page on the Web isn\u2019t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web\u2019s inherent"},"aioseo_meta_data":{"post_id":"62491","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 21:25:30","updated":"2026-09-01 07:25:45","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tMeet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"Meet \u201cArt Direction For The Web,\u201d A New Smashing Book By Andy Clarke","link":"https:\/\/www.taterboy.com\/blog\/2019\/03\/meet-art-direction-for-the-web-a-new-smashing-book-by-andy-clarke\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-gfV","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/03\/art-direction-for-the-web-hardcover-book-v4d.jpg?fit=400%2C340&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/62491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=62491"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/62491\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/62492"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=62491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=62491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=62491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}