Five Simple Steps ~ A book by Mark Boulton <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Mark Boulton Design Ltd" /> <meta name="description" content="A simple approach to applying graphic design to modern web design. Designing for the Web aims to teach you techniques for designing your websites using the principles of graphic design." /> <meta name="DC.creator" content="Mark Boulton Design Ltd - http://www.markboultondesign.com" /> <meta name="DC.subject" content="Web Design and Branding" /> <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />  <link rel="stylesheet" type="text/css" media="screen, projection" href="http://www.fivesimplesteps.co.uk/global/css/screen.css" title="default"/> <link rel="stylesheet" type="text/css" media="print" href="http://www.fivesimplesteps.co.uk/global/css/print.css" />    <script type="text/javascript"> function highlight() { var t=document.getElementById("email"); t.onfocus=function() { if (t.value==t.defaultValue) t.value=''; }; } window.onload = highlight; </script> <script src="http://www.fivesimplesteps.co.uk/global/js/sifr.js" type="text/javascript"></script> <script src="http://www.fivesimplesteps.co.uk/mint/?js" type="text/javascript"></script> </head> <body id="about" class="twocol"> <div id="wrapper"> <div id="mastheadwrapper"> <div id="masthead"> <ul id="skiplinks"> <li><a href="#maincontent" title="Skip to main content" accesskey="S">Skip to page heading and content</a></li> </ul> <div id="brandwrapper"> <div id="branding"> <h1><a href="http://www.fivesimplesteps.co.uk/" accesskey="1">Five Simple Steps</a></h1> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> <div id="booktitleinfo"> <div id="booktitle"> <h2 id="strapline">A practical guide to</h2> <h1 id="mainheading">Designing <br />for the Web</h1> </div> <div id="available"> <h3>Available February 2nd 2009</h3> </div> <div class="clearfix"></div> </div> </div> </div> <div id="container"> <div id="maincontent"> <div class="c2"> <div class="rightcolpromoimg"> <img src="http://www.fivesimplesteps.co.uk/global/img/fss_largepromo.jpg" alt="Buy a copy of Five Simple Steps: Designing for the Web" /> </div> <h4>A Practical Guide to Designing for the Web will be available to download in PDF format on February 2nd 2009 for just £12*</h4> <h3>Download a sample</h3> <p>Not sold yet? Download a sample (PDF 548 KB). Contains cover artwork, Table of Contents, and several sample pages.</p> <div class="purchasewrapper"> <p><a href="http://www.fivesimplesteps.co.uk/downloads/fivesimplesteps.pdf">Download Sample</a></p> </div> <div class="signup"> <h3 class="sidebar-title">Notification</h3> <p>Sign up and we'll let you know when the book's available.</p> <form action="http://fivesimplesteps.createsend.com/t/r/s/xtijk/" method="post"> <div> <label for="xtijk-xtijk">Email:</label><br /><input type="text" name="cm-xtijk-xtijk" id="xtijk-xtijk" /><br /> <input type="submit" value="Subscribe" /> </div> </form> </div> <div id="twitter_div"> <h3 class="sidebar-title">Twitter</h3> <p>Follow <a href="http://twitter.com/fivesimplesteps">Five Simple Steps</a> on Twitter</p> <ul id="twitter_update_list"><li></li></ul> </div> <div id="flickr"> <h3>Flickr</h3> <p>View all our photos on <a href="http://www.flickr.com/photos/markboultondesign/">flickr</a></p> <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=30909901%40N08"></script> </div> </div> <div class="c1"> <h3 class="standfirst">A simple approach to applying graphic design to modern web design.</h3> <h4>What is the book about?</h4> <p>A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design. Featuring five sections, each covering a core aspect of graphic design: Getting Started, Research, Typography, Colour, and Layout. Learn solid graphic design theory that you can simply apply to your designs, making the difference from a good design to a great one.</p> <h4>Who should read this book?</h4> <p>Anyone who fancies a great read! No, seriously, if you're a designer, developer, or content producer, reading A Practical Guide to Designing for the Web will enrich your website design and plug the holes in your design knowledge.</p> <h4>About the Author</h4> <p>Mark Boulton is a designer from the UK. He’s worked exclusively in web design for over ten years, but has a background in traditional graphic and typographic design. Drawing on this traditional background, Mark is able to bridge the gap between graphic design and the modern web design. Mark runs his own web design studio, <a href="http://www.markboultondesign.com">Mark Boulton Design</a>, who specialise in designing simple, beautiful things for the modern web. He also co-wrote <a href="http://www.friendsofed.com/book.html?isbn=1590598032">Web Standards Creativity</a> published by <a href="http://www.friendsofed.com">Friends of Ed</a>, and he writes a popular <a href="http://www.markboulton.co.uk/" >blog</a>, mostly about design.</p> <p>What started out as a few blog posts, has been rewritten from scratch into five parts, each with five chapters:</p> <dl> <dt>Part 1: Getting Started</dt> <dd>In this part, you’ll learn about what it takes to get started for designing for the web. You’ll learn about the various tools, processes, and practices.</dd> <dt>Part 2: Research and Ideas</dt> <dd>Design begins with information, information gleaned from research. This research in turn informs ideas. In this part, you’ll learn the various techniques to help get your design off on the right foot.</dd> <dt>Part 3: Typography</dt> <dd>Typographic design is more than just picking a font. In this part, you’ll learn how good typographic design is at the very heart of good web design.</dd> <dt>Part 4: Designing with colour</dt> <dd>In this part, you’ll learn basic colour theory. How to create stunning colour palettes and ensure they are applied to the web in the best way possible.</dd> <dt>Part 5: Layout</dt> <dd>In this part, you’ll learn how to use compositional devices such as The Golden Section, and grid systems to bring your designs together.</dd> </dl> <div id="footer"> <p><span class="small">*equivalent to $19 USD. Those who signed up for discount will be notified of a coupon number</span><br /> © Copyright 2008 – 2009 <a href="http://www.markboultondesign.com/">Mark Boulton Design Ltd</a>. All rights reserved.</p> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> <script type="text/javascript"> //<![CDATA[ /* Replacement calls. */ if(typeof sIFR == "function"){ // This is the preferred "named argument" syntax sIFR.replaceElement(named({sSelector:"body h1#mainheading", sFlashSrc:"http://www.fivesimplesteps.co.uk/jubilatbold.swf", sColor:"#000000", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#000000", nPaddingTop:0, nPaddingBottom:0 })); sIFR.replaceElement(named({sSelector:"body h2#strapline", sFlashSrc:"http://www.fivesimplesteps.co.uk/jubilatregular.swf", sColor:"#000000", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#000000", nPaddingTop:0, nPaddingBottom:0 })); sIFR.replaceElement(named({sSelector:"body h3.standfirst", sFlashSrc:"http://www.fivesimplesteps.co.uk/jubilatregular.swf", sColor:"#000000", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#000000", nPaddingTop:0, nPaddingBottom:0 })); sIFR.replaceElement(named({sSelector:"body h3.sifrtext", sFlashSrc:"http://www.fivesimplesteps.co.uk/jubilatregular.swf", sColor:"#000000", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#000000", nPaddingTop:0, nPaddingBottom:0 })); sIFR.replaceElement(named({sSelector:"body h2.booktitle", sFlashSrc:"http://www.fivesimplesteps.co.uk/jubilatbold.swf", sColor:"#000000", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#000000", nPaddingTop:0, nPaddingBottom:0 })); }; //]]> </script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-6374000-1"); pageTracker._trackPageview(); } catch(err) {}</script>  <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/fivesimplesteps.json?callback=twitterCallback2&count=1"></script> </body> </html>