The student will gain a better understanding of The Element of Design called Shape, and explore how repeating shapes can help to unify elements in a web design.
- View Offline
- Exercise Files
- [Presenter] The fourth of the eight…elements of design is shape.…Like the other elements,…shape is an integral part of any design,…and when used effectively,…can set the tone of your web graphics.…What's more, repeating shapes within a design…can often help unify all of the elements in a single layout.…Let's start our discussion about shape…by defining exactly what it is.…For our purposes, shape is defined as…any flat area bound by line, or outline,…value or color.…
Shapes are usually self-contained defined areas.…For instance, they can be geometric shapes…like squares, circles, triangles, polygons and stars,…as well as curve or linear organic shapes…that come from or resemble the natural world,…like blobs and swirls,…leaves, amoebas, even frogs.…Shapes can be positive and negative,…like a star or a star cutout.…Positive is when the shape occupies space,…like the star on the left.…
And negative space is the area around, or in between…positive shapes as with the cutout of the star shape…inside the positive circle shape on the right.…
- 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
2. Using Elements of Design
3. Incorporating Principles of Design
4. Web Design Industry and Trends
5. Designer’s Role and Web Design Workflow
Next steps1m 41s
- 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.