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.
Using contrast to set areas of interest
From the course: Design Aesthetics for the Web
Using contrast to set areas of interest
- [Instructor] The first of the ten principles of design we'll examine is contrast. If you think about what the word contrast means, comparing two or more things and noticing their differences, you get a rough idea of how it can be used in terms of design, to create visual areas of interest. In formal terms, contrast is the juxtaposition of opposing elements by way of using different colors, tones, directions, lines, shapes, et cetera to show emphasis. Creating contrast is a skill that often develops over time. However, you can jump start your own use of it by paying attention to your site's content, and deciding in advance the relative importance of each element in your design. Which parts should be highlighted, logo, header, navigation, banner, side bar, news item, side bar, featured items, article, search bar, gallery, footer? No two sites are the same. And every client will have specific needs. If you know in advance which areas need contrast, this can help inform and improve your…
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)
-
-
-