From the course: Design Aesthetics for the Web
Schalten Sie den kompletten Kurs noch heute frei
Join today to access over 23,400 courses taught by industry experts.
Achieving proportion by scaling objects
From the course: Design Aesthetics for the Web
Achieving proportion by scaling objects
- [Instructor] Proportion is one of those principles of design that makes logical sense when you think about it. Proportional elements can bring a sense of balance, emphasis, and harmony to a design, as well as clue viewers into a design so they know which items are more important than others are. In web design, we can define proportion as the visual relationship between two or more things in terms of their size, number, or degree. Another way to think of proportion is as tiered dominance where elements relate to each other in a way that creates a sense of hierarchy and order. In fact, we can say that proportion really goes hand in hand with the principles of emphasis and unity. For instance, to achieve proportion while adding emphasis, you can apply dominance to the shape, size, color, order, or direction of one or more elements in your design. So let's now explore some ways that you can achieve proportion by scaling objects and text. First, with text, as you may have seen in an…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Inhalt
-
-
-
-
-
(Locked)
Understanding the principles of design1m 45s
-
(Locked)
Using contrast to set areas of interest3m 8s
-
(Locked)
Applying font styles to show emphasis5m 23s
-
(Locked)
Aligning objects to achieve balance4m 40s
-
(Locked)
Using hyperlink styles to create unity4m 10s
-
Applying background patterns3m 14s
-
(Locked)
Adding scrolling and animation3m 31s
-
(Locked)
Using border styles to add rhythm2m 57s
-
(Locked)
Achieving proportion by scaling objects2m 43s
-
(Locked)
Creating simplicity3m 21s
-
(Locked)
Using gradation to create perspective3m 34s
-
(Locked)
Challenge: Banner ad1m
-
(Locked)
Solution: Banner ad39s
-
(Locked)
-
-
-