Web Design
Take inspiration from Wix’s professional design practices and cutting-edge theories to explore visual design elements like color, typography, composition, animation, and branding to create stunning and personally-meaningful websites that show off students’ ideas in compelling ways.
Lessons
1
Design is Everywhere
Students will examine the design of their everyday worlds and start examining what design is, how it can be used, and how they can see themselves as designers and creators.
2
Inspiration & Mood Boards
In this lesson, students will explore the process of gathering inspiration and visual research for their designs and will create mood boards to capture and express their ideas.
3
Colors
Students will explore how color can help communicate and enhance design, and learn how designers use different tools to pick their color choices.
4
Typography
In this lesson, students will be exploring another visual element of their websites: fonts! Like colors, fonts (and the rules of typography) are used to help convey the messages, moods, and ideas of a website.
5
Layout & Composition
In this lesson, you’ll start getting familiar with the idea of layouts — the way information is organized and structured on a page.
6
Layout & Alignment
In this lesson, students explore how to use alignment to compose their layouts. This lesson builds on the previous lesson, so that students can add alignment to their toolkit.
7
Wireframing
Students will combine what they’ve explored with layouts to create wireframes either for their design projects or to practice more with sample content.
7.5
Project Planning (Optional)
This class is a little different — it’s a chance for students to start using the tools they’ve played with to begin designing their websites. You can modify or remix this lesson depending on your needs.
8
Branding & Identity
In this lesson, students will begin exploring the idea of branding, the process of creating a visual identity connected to their website. This lesson is a chance for students to synthesize their ideas on their designs.
9
Interactivity
In this lesson, students will learn about different ways to make their websites interactive, starting with the activity first.
10
Inclusive Design
In this lesson, students will explore the idea of inclusive design, and will learn techniques to make their sites accessible as part being inclusive designers.