Art Direction for the Web
Art Direction for the Web
Published by Smashing Magazine

Foreword: Trent Walton
Contributions: Rachel Andrew, Jon Gold, Stephen Hay, Dan Mall, Mark Porter, David Sleight, and Rob Weychert.

Art Direction for the Web

Available December 2018, I’ve written Art Direction for the Web for people who want their work to connect with audiences better. It’s for experienced art directors who work in print, but who need to understand how to apply their knowledge to the web. It’s also for web designers and developers who want to understand art direction and how to make digital products and websites better using it.


Receive previews

Tell me your name and email address, and I’ll send you three emails between now and when the book’s published. They’ll contain previews, progress, plus an exclusive discount code.

Contents

1. Explaining art direction

  1. 1. What art direction means
  2. 2. 90 years of art direction
  3. 3. Art-directing experiences
  4. 4. Art direction and creative teams

2. Designing for art direction

  1. 5. Principles of design
  2. 6. Directing grids
  3. 7. Directing type
  4. 8. Directing pictures

3. Developing for art direction

  1. 9. Developing layouts with CSS Grid
  2. 10. Developing components with Flexbox
  3. 11. Developing typography
  4. 12. Developing with images

See inside Art Direction for the Web

Hundreds of practical examples of how to use structural principles of design, layout grids, and typography to art direct your design for the web. Sections on designing for art direction and implementing your designs using CSS Grid, Flexbox, Shapes, and much more.

Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web
Art Direction for the Web

Hardboiled Web Design Fifth Anniversary Edition

Foreword: Jeffrey Zeldman
Introduction: Trent Walton

Smashing Magazine 2015
ISBN (EPUB): 978-3-945749-35-7
ISBN (KINDLE): 978-3-945749-36-4
ISBN (Print): 978-3-945749-37-1

Hardboiled Web Design

Fifth anniversary edition completely revised and updated with five new chapters for the responsive era. If you’re hungry to learn about making your design process more suited for today’s websites and digital products, and how the latest technologies and techniques will make them more responsive, then this is the book for you.

This book is one of the best in modern day web development.

Tri Ahmad Irfan ★★★★★

Beautifully illustrated and designed, the book itself it’s different than everything you’ll ever see in the category. It’s one of a kind.

J. Pedro Ribeiro ★★★★☆

I think this is the best book about HTML/CSS I’ve ever read! Truly cutting edge, with in depth examples and explanations

Guilherme ★★★★★
Hardboiled Web Design

Five Simple Steps 2010
ISBN-10: 1907828001
ISBN-13: 978-1907828003

Transcending CSS

New Riders Press 2006
ISBN-10: 0321410971
ISBN-13: 978-0321410979

Transcending CSS

As the Web evolves to incorporate new standards and the latest browsers offer new possibilities for creative design, the art of creating Web sites is also changing.

Transcending CSS effortlessly bridges the editorial gap between CSS book and design book, or for that matter, between web design and traditional graphic design; a feat rarely accomplished in our industry.

Cameron Moll ★★★★★

If you are a web designer, not reading this book is not an option.

Charles ★★★★★

Translated into eight languages

Transcending CSS English
English
Transcending CSS Chinese (Simplified)
Chinese (Simplified)
Transcending CSS Chinese (Traditional)
Chinese (Traditional)
Transcending CSS German
German
Transcending CSS French
French
Transcending CSS Italian
Italian
Transcending CSS Japanese
Japanese
Transcending CSS Korean
Korean

Other books and chapters

Smashing Book 5
Smashing Book 5 2015. Chapter: ‘Creativity over predictability’
Smashing Book 3
Smashing Book 3 2012. Chapter: ‘Designing atoms and elements’
Web Standards Creativity
Web Standards Creativity APress 2007. Chapter: ‘Designing for Outside the Box’

DVDs

Designing web accessibility
Designing web accessibility New Riders 2009.
Designing with CSS
Designing with CSS New Riders 2009.
Designing with microformats
Designing with microformats New Riders 2009.
Inspired CSS: Styling for a Beautiful Web
Inspired CSS: Styling for a Beautiful Web New Riders 2008.

Availability

I’m available for hire to consult on and design products and websites. Based in North Wales, I travel regularly to work with clients world-wide.

Available from late October 2018

Talk soon

For work enquiries email

Or call us on +44 (0)1745 851848

Studio

Stuff & Nonsense Ltd.
Eversleigh, Lon Capel
Gwaenysgor
Flintshire, North Wales
LL18 6EJ, UK