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.
Pattern and gradation
From the course: Design Aesthetics for the Web
Pattern and gradation
- [Instructor] In the wake of the flat design trend, what's old is suddenly new again. Namely, many designers have started adding depth and interest to elements in their web layouts by applying principles of pattern and gradation to element backgrounds. To refresh your memory about pattern and gradation, pattern offers you a way to keep your design organized, as well as providing a sense of harmony through the use of repeating elements, while gradation refers to any gradual change that occurs by a series of stages, steps, or degrees. With CSS three, and SVG, you can use these principles to add style to the background of nearly any element. While there are several easy ways to apply patterns and gradients to web element backgrounds, I'd like to share a few of my favorites. The first method, shown here in the second row, uses a simple CSS repeat to tile a graphic. Tiles are generally designed to be seamless, so that when they repeat, you can't identify the start or end. Tiles can repeat…
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)
Emphasis: Designing for hand gestures3m 57s
-
(Locked)
Typography: Choosing and using web fonts6m 10s
-
(Locked)
Balance: Editing images for social media4m 29s
-
(Locked)
Form: Moving beyond flat design3m 21s
-
(Locked)
Color: Theory and trends5m 45s
-
(Locked)
Movement: Adding type over video3m 49s
-
(Locked)
Pattern and gradation5m 10s
-
(Locked)
Challenge: Type over video56s
-
(Locked)
Solution: Type over video56s
-
(Locked)
-
-