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.
Aligning objects to achieve balance
From the course: Design Aesthetics for the Web
Aligning objects to achieve balance
- [Instructor] The next principle of design we'll explore is balance. In design, balance can happen in several ways including paying special attention to the alignment, distribution, and placement of various shaped, colored, and sized objects in your layouts. In fact, we can say that balance occurs in a design when the elements as a whole have a feeling of equality of weight, attention, or attraction. To illustrate this idea, let me tell you a personal story. I once had a student who showed me a very simple web design mock up she had been working on that had several objects oddly and not pleasingly scattered willy-nilly in the center of the page somewhat like this. While the elements in the rest of her layout looked mostly balanced, the objects at the center seemed really unresolved. When I asked her if she had deliberately placed these center objects as they were, or if she had used some kind of logic in considering their placement, she replied, "No, I just put them there," and then…
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)
-
-
-