Introduction
Welcome
()
Using the exercise files
()
1. About Aesthetics
What is aesthetics?
()
Examples from art and design
()
2. Using Elements of Design
Challenge: Working with color
()
Solution: Working with color
()
Understanding the elements of design
()
Using color to set the site’s mood
()
Tweaking color value to add contrast
()
Using texture to add depth
()
Repeating shapes to unify your design
()
Structuring your layout with form
()
Using space to organize your design
()
Setting boundaries with lines
()
Communicating with the right fonts
()
3. Incorporating Principles of Design
Challenge: Banner ad
()
Solution: Banner ad
()
Understanding the principles of design
()
Using contrast to set areas of interest
()
Applying font styles to show emphasis
()
Aligning objects to achieve balance
()
Using hyperlink styles to create unity
()
Applying background patterns
()
Adding scrolling and animation
()
Using border styles to add rhythm
()
Achieving proportion by scaling objects
()
Creating simplicity
()
Using gradation to create perspective
()
4. Web Design Industry and Trends
Challenge: Type over video
()
Solution: Type over video
()
Emphasis: Designing for hand gestures
()
Typography: Choosing and using web fonts
()
Balance: Editing images for social media
()
Form: Moving beyond flat design
()
Color: Theory and trends
()
Movement: Adding type over video
()
Pattern and gradation
()
5. Designer’s Role and Web Design Workflow
Challenge: The designer's role
()
Responsibility: Understanding the designer’s role
()
Research: Form follows function
()
Composition: Using the grid
()
Accessibility: Using size and color
()
Responsive aesthetics: CSS for devices
()
Communication: Leading viewers through a design
()
Originality: Stepping out of the box
()
Solution: The designer's role
()
Ex_Files_DesAesth_Web.zip
(155.8 MB)