Stencils, Sketch Pads & Accessories for User Interface Design

Turn your mockups into prototypes and get feedback fast

Please note that this article used to have [another layout](http://web.archive.org/web/20130104231015/https://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake) that got lost in space during the migration of content to new servers.

Even the tiniest amount of empirical facts (say, observing 2 users) vastly improves the probability of making correct UI design decisions.

After spending weeks searching for a contract that was simple for me and my clients to understand, in 2008 I wrote my own and published it on 24ways ( http://24ways.org/2008/contract-killer ) for anyone to use. Now it’s time for an update.

“The effective use of color and graphics in children’s media is one of the most important aspects of design to ensure that you deliver optimal content and a memorable user experience to young users.”

Web magazine about user experience matters, providing insights and inspiration for the user experience community

Developers can have profound impacts on the UX of the products they’re working on.

Keep signup forms simple and fast, and delegate as much as possible.

Translating Susan Weinschenk's UX psychology facts into usability heuristics.

Apps that are simple, intuitive, and have few features are well suited for enterprise tablet use.

The Missing Link between Web Designers and Colors

Michelangelo once said, "The best of artists has no conception that the marble alone does not contain within itself." Translate this to the world of Web design and you might say, "No matter how great a designer you are, you’re only as good as your content." While the reality of client work sometimes makes it challenging to gather and produce content prior to starting the design, this is now widely accepted as being necessary.

Your best buddy when it comes to creating responsive layouts.

It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.

[dih-fawlt] [ahy-kon] is a repository of elegant, visually unified, minimal icons with crystal clear clarity, based on black color. It Can be used for UI design on web, portable devices (iPhone, iPad, Android compatible devices, other smartphones etc) , desktop applications, and generally any kind of electronic or mechanic machinery interface.

Take one line of markup, a couple of CSS3 rules (no images), and you can have yourself a swish folded ribbon effect in five minutes. Let's see how.. Step 1: Markup We'll begin with an empty...

A folding grid for responsive design.

… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

You’ve landed here in search of Paul Jarvis. He used to have a personal brand and website, but now he doesn’t.

Say what you will about QR (Quick Response) codes: they are just a fad, they will be forgotten once augmented reality takes hold or they’re just an extra step in inputting a URL but they are here and people are enjoying using them, so make the most of them! QR codes, if you haven’t heard […]

Free Form Goodness Kit psd download | Get more user interface, vectors and free psd featured in +60,804 free mockup psd, flyer psd and psd templates.

Design Kindle offers free design resouces, including graphics, vectors, icons, patterns, textures and fully coded website templates. All downloads are free to use in both commercial and personal projects.

This free user interface pack, brought to you by PixelsDaily, includes a variety of popular elements used in web application and website design.