This course on web design for beginners aims to teach fundamental concepts such as color theory, typography, spacing, sizing, imagery, and responsive web design. By exploring common web design patterns like headers, hero areas, buttons, image galleries, and contact forms, students will learn to apply theoretical knowledge using tools to create a three-page portfolio website. The course covers topics such as UI design, UX design, project briefs, wireframes, color harmonies, typography creation, and designing various web elements. The intended audience for this course includes individuals new to web design seeking to understand design principles, best practices, and tools for creating visually appealing and functional websites.
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+
