1 00:00:00,230 --> 00:00:04,330 The last principles we'll explore are movement and rhythm. 2 00:00:04,330 --> 00:00:07,740 I think you'll find that they're closely related. 3 00:00:07,740 --> 00:00:11,710 Movement is a principle that can guide the viewer's eye. 4 00:00:11,710 --> 00:00:15,670 I've mentioned the idea of guiding the viewer's attention previously. 5 00:00:15,670 --> 00:00:19,530 And for the most part, this could be considered movement. 6 00:00:19,530 --> 00:00:23,730 A colorful button with an odd shape might grab the viewer's attention, but 7 00:00:23,730 --> 00:00:26,370 that's not really the best example. 8 00:00:26,370 --> 00:00:26,910 Let me show you. 9 00:00:27,920 --> 00:00:34,650 Movement is typically created when there are strong diagonals in a composition. 10 00:00:34,650 --> 00:00:39,260 This could come in the form of lines, or the lines and 11 00:00:39,260 --> 00:00:43,260 directionality of the movement could be implied. 12 00:00:43,260 --> 00:00:49,940 A more literal example might be a blurry photograph of a person running, 13 00:00:49,940 --> 00:00:54,350 or movement lines in a comic book, or an illustration. 14 00:00:54,350 --> 00:00:59,040 But even landscape paintings or a website can have movement. 15 00:00:59,040 --> 00:01:03,300 Mountains or perspective lines could sweep across a landscape and 16 00:01:03,300 --> 00:01:06,940 draw your eye inward toward the center. 17 00:01:06,940 --> 00:01:13,100 This is a multiple exposure photograph of the artist Marcelle Duchamp. 18 00:01:13,100 --> 00:01:17,940 And notice how the lines between the copies 19 00:01:17,940 --> 00:01:23,240 sort of vibrate and the strong diagonal from the upper left 20 00:01:23,240 --> 00:01:27,930 to the lower right guides your eye down the image. 21 00:01:27,930 --> 00:01:32,990 Speaking personally I find that a lot of software interfaces tend to ignore 22 00:01:32,990 --> 00:01:38,980 movement, because they use so many horizontal and vertical lines on a grid. 23 00:01:38,980 --> 00:01:44,010 But if you're creating an exciting landing page where you're trying to persuade 24 00:01:44,010 --> 00:01:48,910 user decisions, you probably want to break away from the grid and 25 00:01:48,910 --> 00:01:52,680 throw in some diagonals to guide the eye. 26 00:01:52,680 --> 00:01:56,790 There is of course the more literal definition of movement where page elements 27 00:01:56,790 --> 00:01:58,170 can be animated. 28 00:01:58,170 --> 00:02:01,090 But movement, as a principal of art and 29 00:02:01,090 --> 00:02:06,080 design, is more about creating the feeling of movement from a still image. 30 00:02:07,350 --> 00:02:11,770 Rhythm is the last principle we'll explore. 31 00:02:11,770 --> 00:02:14,480 And it's somewhat related to movement. 32 00:02:14,480 --> 00:02:19,550 Rhythm is created when an element or principle shows up multiple times. 33 00:02:19,550 --> 00:02:25,550 A repeated shape, repeated colors, or stripes created with lines. 34 00:02:25,550 --> 00:02:28,060 All can indicate rhythm. 35 00:02:28,060 --> 00:02:32,130 It's called rhythm because when the elements are evenly spaced or 36 00:02:32,130 --> 00:02:34,220 grouped together in a pattern, 37 00:02:34,220 --> 00:02:37,860 it can almost look like a tempo in a song. 38 00:02:37,860 --> 00:02:41,120 Rhythm can be used to create a sense of movement. 39 00:02:41,120 --> 00:02:46,220 Stripes and patterns have a tendency to move the eye across the canvas, 40 00:02:46,220 --> 00:02:49,030 and create a sense of excitement. 41 00:02:49,030 --> 00:02:52,770 If you look at this op art painting by Bridget Riley, 42 00:02:52,770 --> 00:02:57,380 it can feel like the squares are going inwards and 43 00:02:57,380 --> 00:03:00,540 outwards, almost like the image is breathing. 44 00:03:01,960 --> 00:03:06,640 There's a lot more to learn about the elements and principles of art and design, 45 00:03:06,640 --> 00:03:08,970 but that covers the basics. 46 00:03:08,970 --> 00:03:11,060 As you learn more about design, or 47 00:03:11,060 --> 00:03:16,310 if you ever get stuck, I encourage you to think back on these ideas. 48 00:03:16,310 --> 00:03:20,510 Think about how you can use basic shapes, lines, and 49 00:03:20,510 --> 00:03:25,060 colors to mix up your ideas and create something fresh and new. 50 00:03:25,060 --> 00:03:29,470 You never know what you might discover if you open your eyes and your mind.