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 border styles to add rhythm
From the course: Design Aesthetics for the Web
Using border styles to add rhythm
- [Instructor] The next principle of design we will explore is Rhythm and repetition, which has to do with how objects are placed within a web layout and the overall flow of your design. Rhythm and repetition occurs when one or more elements in a design are repeated often enough to create a visual rhythm. When considering this principle, it might be helpful to think of it in terms of music. For instance, you might have a bassline and a melody each having its own distinct beat and flow. Similarly in design, there can be an underlying structure paired with free-flowing design elements. At its core, rhythm and repetition helps to establish visual interest in a design and it often happens naturally when you repeat similar elements either regularly or irregularly within your layout. Rhythm can be regular with even intervals flowing like a series of geometric or organic shapes, or it can be progressive where the elements grow or shrink in some way such as size, position or color. In fact…
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)
-
-
-