User interface sketching tip 2: Drop shadow

Remember the photoshop technique that first was loved then later became an effect, and after that suffered being way to overused in the corniest designs ever? I’m talking about “drop shadow”. Using it for sketching paper mockups of your user interface will help you distinguish graphical elements from text, alternating backgrounds, and borders.

Categorized in: sketching tips, design process

This blog post is one out of several blog posts on improving your user interface sketching techniques. You might want to be interested in reading the first post: Drawing corners.

Remember the photoshop technique that first was loved then later became an effect, and after that suffered being way to overused in the corniest designs ever? I’m talking about “drop shadow”. Using it for sketching paper mockups of your user interface will help you distinguish graphical elements from text, alternating backgrounds, and borders.

Drop Shadow

This technique will help your user interface draw attention to specific parts of your design. Most often these are graphical elements such as photos or other varying graphical elements that will rarely be seen as a seamless part of the user interface.

About the author

29e46e03eb13e5cea3474606aa970f99

Anders Toxboe builds websites with an outstanding team at Benjamin Interactive in Copenhagen, Denmark. He also founded UI-Patterns.com and a series of other projects.

Published on 4 Feb, 2009

2 Comments

Post a comment

Required. Real name or initials only.
Required. Will not be published.

Browsing blog posts

Vote down Vote up
Out of 0 votes, 0.00% like this one.

Recent blog posts