Join Sue Jenkins for an in-depth discussion in this video Structuring your layout with form, part of Design Aesthetics for Web Design (2013).
- View Offline
- Exercise Files
Number five in the elements of design is form.…Form is one of those elusive characteristics in art and…design, which can sometimes be difficult to grasp at the start.…Here we'll begin with a simple description, and then we'll learn…how we can use this knowledge to deliberately create unified structure.…Within a web layout.…The simplest description of form is, the…overall mass of shapes within your design and…how they relate to one another.…Think of the massive shapes as meaning, the sum of all the parts.…
You see, you can place the logo at the top of a design.…But, how it fits into the overall design with the…rest of the elements can only be determined when you have…finished adding all of the rest of the elements to your…layout, and then consider the group of shapes as a whole.…That's form.…Good form, then, would be a…design in which everything in it looks like it's meant to go together.…Like it has always existed, and nothing is out of place.…Some people refer to that phenomenon as having…all of the structural elements hang together well.…
- 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
1. What Is Aesthetics?
2. Using Elements of Design
3. Incorporating Principles of Design
4. Foundations of Designing for the Web
Next steps1m 57s
- 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.