External posts

39 Cutting-Edge Web Typography Tools

Posted on: May 24th, 2012 by patrick No Comments


A lot of the current hype about web typography is centered around the ways of embedding custom type in websites. But there’s much more going on to be excited about. Developers are building lots of incredible things, and I’ve collected here what I believe are best web type tools around. If you’re a designer new to the web, this resource can help you capitalize on the progress the industry is making. (And only learn JavaScript if you really want to.) Long gone are the days of web-safe fonts. Consider yourself typographically liberated.

Read the full post on HOWInteractiveDesign.com

5 Great Examples of Simple Web Animations

Posted on: March 15th, 2012 by patrick No Comments


It can be tempting to go over the top with web animation when you have the skills. At the same time, animation can be easy to forget about when you’re working on more down-to-earth projects. But I believe simple animation can work in just about any web design and really bring it to life. I’ve found five great examples of animation in web design that are subtle, classy and effective.

Read the full article on HOWInteractiveDesign.com

The 4 Habits of Successful Web Designers

Posted on: February 27th, 2012 by patrick No Comments


For the last year I’ve spent countless hours training graphic designers to work on the web. That’s included writing a book targeted at this audience called The Designer’s Web Handbook (out April 30!), teaching a web course at my old school, the University of Missouri St. Louis, speaking at the HOW Interactive Design Conference, and writing and teaching interactive design courses through HOW Design University.

My goal though all of this has been to teach people how the web workshow to design for the webhow to codeand ultimately how to the make the most of working with the medium. Amid all of this, I keep coming back to one confounding question: Are designers really prepared to go all in?

Read the full article on HOWInteractiveDesign.com

One-Page Web Designs: The New Poster?

Posted on: December 16th, 2011 by patrick No Comments


A huge trend that started a number of years ago was the single-page web site. This approach packs all of the information into one page. It started off as a way to create a simple design, focused on rapid communication, often used as a simple e-commerce portal or an efficient portfolio page. But it’s evolved into an art form all its own.

Yes, I am a bit obsessed with one page design, this is the culmination of my interest in it and you can read the full article on HOWInteractiveDesign.com.

The use of illustration in web design

Posted on: December 2nd, 2011 by patrick No Comments


llustration is an incredibly versatile tool that can find many different uses in design. And when it comes to web design we can find an extremely wide variety of implementations.

Today I want to dig into some key ways that this tool has been put to work so we can draw new ideas to inspire and challenge the designs we produce.

Let’s begin someplace I seldom do, with a basic definition: Illustrated: 1) To make clear; 2) To make clear by giving or by serving as an example or instance; 3) To provide with visual features intended to explain or decorate.

Read the full article on WebDesignerDepot.com

Web Trends: Wood in Web Design

Posted on: November 14th, 2011 by patrick No Comments


Though I’ve observed the trend of wood in web design for years, somehow I never grow tired of it. (Both of my Web Designer’s Idea Books feature sections on the topic.) But why is that? What is it about this approach that draws me in? I think the answer is simple: We connect with wood in an organic, tangible way that takes us outside the digital world.

Read the full article on HOWInteractiveDesign.com

Web Trends: Fabric Textures in Web Design

Posted on: October 21st, 2011 by patrick No Comments


One of the most compelling ways to give a website a warm, inviting atmosphere is to incorporate textures. There are a couple reasons to do this. First of all, it can be really helpful to disconnect from the technical nature of the web. Say you’re a web design agency and you find that one of the things you do best is engage non-technical clients. Using fabric textures in your site design can be a great way to reinforce this message. Or if the site’s focus or product is related to fabrics in some way—think fashion, lifestyle, home goods, crafting—the theme can help communicate the purpose...

Read the full article on HOWInteractiveDesign.com

Book Review: How to Design Websites by Alan Pipes

Posted on: October 6th, 2011 by patrick No Comments


Alan Pipes’ new book, How to Design Websites, aims to help designers understand the fundamental elements, tools and principles required to design and build basic websites. He’s done a good job of condensing a ton of information into a relatively digestible format, but this book isn’t for everyone

How to Design Websites does an extraordinary job at explaining fundamental concepts of the web. For example, the section on color clearly explains the various file formats used online and the hex-based color system. I also appreciate the designer-friendly introductions to the topics of CSS, HTML and JavaScript...

Read the full review on HOWInteractiveDesign.com

Mobile Devices as Design Elements

Posted on: September 8th, 2011 by patrick No Comments


Using smartphones and tablets in web designs not only looks attractive, it also quickly conveys a message of being cutting-edge and mobile friendly. (You don’t have to drink the Cupertino Kool-Aid to recognize that the iPhone and iPad are really beautiful.) We’ve picked out some great examples of agencies’, apps’ and mobile services’ websites to illustrate how using mobile devices as design elements can work...




Read the full article on HOWInteractiveDesign.com

The Designer’s Guide to CSS3: Backgrounds

Posted on: September 8th, 2011 by patrick No Comments


CSS3 brings changes to how designers and web developers work with backgrounds, and considering that background images and colors are fundamental structural elements of websites, improvements in this area have a huge impact. With CSS3 we can now have code-based gradients in addition to the traditional solid colors. You can also assign multiple background images to a single HTML element. Another new option allows developers to scale background images with CSS tags...



Read the full article on HOWInteractiveDesign.com