The colors you choose in your designs can give the illusion of depth, making important things seem closer to the viewer and more likely to catch the eye. This video will help you learn how to use color for attention and depth in 60 Seconds!
Learn more about using color on Tuts+.
This is part of a series of quick video tutorials on Envato Tuts+. We’re aiming to introduce a range of subjects, all in 60 seconds–just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you’d like to see explained in 60 seconds!
Here you’ll find the content of the “captions.sbv” file, which we can use to add subtitles to the screencast. Turn subtitles on by clicking the Subtitles/CC button on the player–click the settings gear icon to select the language:
The colors you choose in your designs
can give the illusion of depth, making
important things seem closer to the
viewer and more likely to catch the eye.
Learn how to use color for attention and
depth in sixty seconds.
Generally speaking, something closer to the eye seems
brighter or more vivid, while something
further away seems darker or more subdued.
You can use this in your designs to
create clear points of focus so the
visitor knows where to look
right away. Start by deciding what you want
your visitors to pay most attention to
and then give that thing a nice vivid
color. Surrounding elements can still be
colorful, just make sure that they’re not
as bright as your main point of focus.
Now add gradual changes in color
brightness and saturation, to add layers
of depth pushing important things forward,
while less important things get pushed
further back. That’s how you can use
color to control attention and add depth in