Join Sue Jenkins for an in-depth discussion in this video Using gradation to create perspective, part of Design Aesthetics for Web Design (2013).
The tenth principal of design is called gradation which…explores the concept of steps or stages in a design.…When applied thoughtfully gradation can add a wonderful yet…subtle sense of movement and interest to your designs.…To put it simply, gradation in design refers to any gradual change that occurs…by a series of steps, degrees or stages, where there's an obvious visual shift from…one state to another.…Gradation is most apparent when you shift your design's elements in size and color.…
However, you can also add gradation to value.…Direction, line, shape, and even texture.…Let me show you what I mean.…Gradation in color happens when you shift from one hue to another.…For instance, you could apply a gradient blend…from warm to cool to the background or…header area of your page, like this.…This can create a nice aerial perspective and give the…visitor a visual path to follow from top to bottom.…Similarly, when you shift an elements color from…light to dark or dark to light you…create a sort of invisible line for the eye to follow down or across the page.…
- Understanding aesthetics
- Picking harmonious colors
- Structuring your layout
- Using space to organize your design
- Communicating with the right fonts
- Aligning objects to achieve balance
- Adding movement with scrolling and animation
- Achieving proportion by scaling objects and text
- Creating CSS for different devices
Skill Level Beginner
1. What Is Aesthetics?
2. Using Elements of Design
3. Incorporating Principles of Design
4. Foundations of Designing for the Web
Next steps1m 57s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.