Intro to Web Design

In this lesson, we’ll get into the ins and outs of the most foundational elements of web design — typography. Using time-tested principles, you will establish hierarchy and a style for your website, while arranging content in a way that makes it easy to consume.
1. Overview of typography in web design
2. Limiting type styles
3. Using proper line height
4. Using contrast and hierarchy
5. Font pairing
6. Establishing style with type

Next, we'll learn how to build a color palette specifically for web. We’ll use color to evoke emotion and further establish a style for our website, while also creating colors that are accessible and complement each other. By the end of this lesson, you will understand different methods for creating color for the web, along with the basics of color theory.
1. Using a limited palette
2. Considering emotion and style
3. Testing your colors
4. Using restraint in color selection
5. Understanding methods of creating color for web design
6. Using color theory

Finally, we'll write our own creative brief to lay the foundation and guide design of our landing page moving forward.

In this lesson, you’ll learn how to arrange information on a page in a way that is visually balanced, built for the web, and is easy for viewers to consume. You will create and use a 12-column grid, design around real content, use tried-and-true components, and arrange content in a way that is easy to navigate.
1. Using a grid
2. Designing around content
3. Understanding components
4. Arranging content with wireframes

In this lesson, we will find, gather, and curate inspiration we’ll be able to use for our landing page. We'll share some of our favorite resources, along with some unexpected ways to ignite new ideas.
1. Knowing your resources
2. Creating instead of imitating
3. Looking outside of web design

Next, we’ll establish a style with stylescapes and hero exploration, building upon skills we’ve gained from previous lessons. You will understand what makes stylescapes more effective than mood boards and how to iterate upon an established style for an entire website using just the hero section of the homepage.
1. Exploring options with stylescapes
2. Narrowing in on a direction with hero exploration
3. Establishing your style

In our final lesson, you will use all of your new knowledge and skills to build your very own portfolio-ready landing page. Here we’ll l put our skills to the test with typography, color palettes, layout, inspiration and creating concepts. At the end of this lesson, you will have a desktop and mobile version of your landing page to share with the world, along with practical skills you can use to start designing more of your own websites.
1. Design brief
2. Leaning on your assets
3. Starting with the hero
4. Staying consistent