Web Design: From Concept to Comp

Watch the new version at A time-lapse video showing the creation of a comprehensive layout for an HTML5 website, by building upon the wireframe in Photoshop. Design by Tim Potter {} Music by Escape Fails {http

White Space is Not Your Enemy: A Beginner’s Guide to Communicating Visually through Graphic, Web and Multimedia Design

Designing a brochure or web site without an art background? Step away from the computer and read this breezy introduction to visual communications first. Written for non-designers, White Space is Not Your Enemy is a practical graphic design and layout text introducing the concepts and practices necessary for producing effective visual communications across a variety of formats, from print to Web.

This beautifully illustrated, full-color book covers the basics to help you develop your eye and produce attractive work. Topics include:
* The basics of effective design that communicates its intended message
* Pre-design planning
* 13 Layout Sins to avoid
* Basic typography
* Working with color
* Storyboarding for video, Web, and presentions
* Information graphics
* Mini Art School–all the basics in one chapter
* Outputting your work

* Finally–the basics of layout, design, and visual communication for print and web in one easy-to-digest book!
* “Try This” sections in each chapter include fun, hands-on activities to develop skills.
* The companion web site includes text and photo support material; video clips that put the principles in practice; interactive multimedia components; and links.

13 Comments+ Add Comment

  • Tampa Logos . com <~~~~ WEB DESIGN $99.

  • Fabulous work !

  • Really nice, I like it

  • nice

  • Excellent work! I envy you : <

  • Thanks for posting this! If you need help customizing your zen cart store check out our channel for our free Easy Help Zen Cart Video Tutorial library. If you have a specific question or video you would like to see, just leave a comment on our channel.

  • Thanks for the comment. Appreciate it 🙂

  • Thanks, glad you liked it 🙂

  • super sexy… man i m amazed…. here from mashable…

  • My response towards the end of the video: “It’s beautiful!”

    (here from an article featuring this video on

  • holy crap nice site 😉

  • Nice video Tim. Is that the 960 grid you are using?
    And the music is beautiful 🙂 downloaded it in itunes , this instrumental one is very nice. Succes with the work. Thanks

  • Great sneak peak for those who are beginners like me.
    Nice to see a fast and efficient way of laying website. It seems that you know what are you doing and the most important what result do you want to achieve.
    Which i find most important in making any design on time basis. Couse you can end up doing for 5 h something that could be done in 30 min of conscious working.

    Thanks again for video.
    Just for the record you made yourself guide grid, or it came with some template ?