Join Sue Jenkins for an in-depth discussion in this video Adding movement with scrolling and animation, part of Design Aesthetics for Web Design (2013).
- View Offline
- Exercise Files
The sixth principle of design will 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 through actual movement.…So, let's explore a few ways to use scrolling…
- 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.