Movement and Rhythm3:30 with Nick Pettit
Movement is a principle that can guide the viewer's eye. Rhythm is created when an element or principle shows up multiple times.
- Movement - The appearance of motion in a still image.
- Rhythm - Instances where repeated elements are grouped together in an identifiable pattern.
The last principles we'll explore are movement and rhythm. 0:00 I think you'll find that they're closely related. 0:04 Movement is a principle that can guide the viewer's eye. 0:07 I've mentioned the idea of guiding the viewer's attention previously. 0:11 And for the most part, this could be considered movement. 0:15 A colorful button with an odd shape might grab the viewer's attention, but 0:19 that's not really the best example. 0:23 Let me show you. 0:26 Movement is typically created when there are strong diagonals in a composition. 0:27 This could come in the form of lines, or the lines and 0:34 directionality of the movement could be implied. 0:39 A more literal example might be a blurry photograph of a person running, 0:43 or movement lines in a comic book, or an illustration. 0:49 But even landscape paintings or a website can have movement. 0:54 Mountains or perspective lines could sweep across a landscape and 0:59 draw your eye inward toward the center. 1:03 This is a multiple exposure photograph of the artist Marcelle Duchamp. 1:06 And notice how the lines between the copies 1:13 sort of vibrate and the strong diagonal from the upper left 1:17 to the lower right guides your eye down the image. 1:23 Speaking personally I find that a lot of software interfaces tend to ignore 1:27 movement, because they use so many horizontal and vertical lines on a grid. 1:32 But if you're creating an exciting landing page where you're trying to persuade 1:38 user decisions, you probably want to break away from the grid and 1:44 throw in some diagonals to guide the eye. 1:48 There is of course the more literal definition of movement where page elements 1:52 can be animated. 1:56 But movement, as a principal of art and 1:58 design, is more about creating the feeling of movement from a still image. 2:01 Rhythm is the last principle we'll explore. 2:07 And it's somewhat related to movement. 2:11 Rhythm is created when an element or principle shows up multiple times. 2:14 A repeated shape, repeated colors, or stripes created with lines. 2:19 All can indicate rhythm. 2:25 It's called rhythm because when the elements are evenly spaced or 2:28 grouped together in a pattern. 2:32 It can almost look like a tempo in a song. 2:34 Rhythm can be used to create a sense of movement. 2:37 Stripes and patterns have a tendency to move the eye across the canvas, 2:41 and create a sense of excitement. 2:46 If you look at this op art painting by Bridget Riley, 2:49 it can feel like the squares are going inwards and 2:52 outwards, almost like the image is breathing. 2:57 There's a lot more to learn about the elements and principles of art and design, 3:01 but that covers the basics. 3:06 As you learn more about design, or 3:08 if you ever get stuck, I encourage you to think back on these ideas. 3:11 Think about how you can use basic shapes, lines, and 3:16 colors to mix up your ideas and create something fresh and new. 3:20 You never know what you might discover if you open your eyes and your mind. 3:25
You need to sign up for Treehouse in order to download course files.Sign up