From the course: Design Aesthetics for Web Experiences

Unlock this course with a free trial

Join today to access over 24,700 courses taught by industry experts.

Using gradation to create depth

Using gradation to create depth

From the course: Design Aesthetics for Web Experiences

Start my 1-month free trial Buy for my team

Using gradation to create depth

“

- [Instructor] Our final principle of design is gradation. When applied thoughtfully, gradation can add a wonderful yet subtle sense of perspective, depth, and even implied movement to your designs. Note that we are not calling the 10th principle here, a gradient which often limits itself to depicting shifts in color. It's gradation, which considers the concept of stepped or staged elements in a design, For a simple definition, gradation in design refers to any gradual change or transition that occurs by a series of steps, degrees or stages, where there is an obvious visual shift from one state to another. Gradation is most recognizable when you modify your elements in size and or color, but you can also add gradation to your design through shifts in any of the principles and elements of design, like value, line, shape, texture, and even direction or arrangement. Let me show you what I mean. Gradation in color happens when you shift from one hue to another. For instance, you could…

Contents