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.
Adding scrolling and animation
From the course: Design Aesthetics for the Web
Adding scrolling and animation
- [Voiceover] The sixth principle of design we'll explore is movement. There are several ways to add a sense of movement to a web layout including working with line and shape. In this lesson however, we'll concentrate on adding movement with various scrolling and animation effects. In graphic design, we can say that the principle of movement refers to the suggestion of action or direction, since nearly all graphic design is two-dimensional. On the web however, we can work with both implied, and actual movement. For instance, movement can be the invisible path that our eyes follow across a design. Or, it could be the illusion of motion that happens when a design or illustration includes static elements such as horizontal, vertical, curved or diagonal direction lines. The same thing happens with angled and curved shapes, or even a rotated object. In fact, even illustrations and photographs can imply movement. However, motion need not always be implied, it can also happen in a web design…
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)
-
-
-