Embark on a comprehensive 5-hour course designed to teach everything a beginner needs to know about web design. Learn essential fundamentals including color theory, typography, spacing, sizing, imagery, and responsive design. Explore common web design patterns such as headers, hero areas, buttons, image galleries, and contact forms. Apply newfound knowledge to a practical three-page portfolio website project. Gain insights into UI/UX design, working with project briefs, and using wireframes. Master the art of creating color palettes, typography selections, and responsive layouts for various devices. Conclude with valuable information on prototyping and key takeaways to further your web design journey.
Overview
Syllabus
Welcome!.
Course brief and assignment.
UI design vs. UX design vs. web design.
Learning to work with project briefs.
Working with wireframes.
Picking the right design tool.
Color theory.
Color harmonies, psychology and tools.
Creating a color palette for our project.
Let’s talk about typography.
Creating the typography for our project.
Spacing and sizing in web design.
Using icons and images in web design.
Definition and use cases for headers.
Let’s design a header.
Definition and use cases for hero areas.
Let’s design a hero area.
Definition and use cases for buttons.
Let’s design some buttons.
Definition and use cases for image galleries.
Let’s design an image gallery.
Definition and use cases for footers.
Let’s design the footer.
Definition and use cases for testimonials.
Let’s design some testimonials.
Definition and use cases for tabs.
Let’s design some tabs.
Definition and use cases for accordions.
Let's design an accordion.
Definition and use cases for contact forms.
Let’s design a contact form.
What is a responsive website?.
Making layout changes for tablets and phones.
Making a component responsive.
A quick word about prototyping.
Next steps and key takeaways.
Taught by
Envato Tuts+
