Visual Design for the Web

Learn how to create responsive and beautifully-designed web pages. You'll cover basic principles of HTML and CSS, responsive design, typography, color, layout, and more. Software required: Photoshop CC 2015, Illustrator CC 2015, Browser.
Course info
Rating
(60)
Level
Advanced
Updated
Apr 7, 2016
Duration
4h 1m
Table of contents
Introduction and Project Overview
Visual Design for the Web
Description
Course info
Rating
(60)
Level
Advanced
Updated
Apr 7, 2016
Duration
4h 1m
Description

Beautiful design is just as important as functionality when it comes to the Web. In this course, Visual Design for the Web, you'll learn basic principles of design while creating two visually different interior pages for desktop and mobile. First, you'll go over the basic principles of HTML and CSS (as ideas, not actual code), and discover how you can make your page accessible and usable to all audiences. Along the way, you'll be covering important aspects of design such as typography, use of color, layout, and design aesthetic. Finally, you'll go over navigation principles and how to make your web design responsive for desktops and mobile devices. When you're finished, you'll not only have two uniquely beautiful web pages, but you'll also have a better understanding of what you can do to design a front-end experience for your webpage. Software required: Photoshop CC 2015, Illustrator CC 2015, Browser.

About the author
About the author

Kerri is a visual interface designer who's first life in design began at a boutique branding firm in Boston's South End, Sametz Blackstone Associates. She currently leads and implements visual design for the Standford Graduate School of Business's public website.

More from the author
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi, everyone. My name is Kerri Augenstein. I am a user interface visual designer at the Stanford Graduate School of Business. My current or latest work includes the public site for the Graduate School of Business and one proud moment with our inset section of the site having been nominated for a Webby award in 2014. In this course, we are going to design two versions of the same basic website page including desktop and responsive mobile layouts. Some of the key takeaways from watching this course include learning how to: Use core principles of visual design on the mechanics of a web page. How to establish hierarchy, readability, and accessibility in typography. How to apply color to meet usability and accessibility standards. How to implement strong grid structure with an ability to manipulate white space in order to create dynamic and responsive layouts. How to use visual design to establish a distinct look and feel and brand presence. By the end of the training, you will have an understanding of where visual design and the buildable web intersect with techniques and tools you'll be able to apply to your future user interface projects. I'm excited to share these tips and techniques with you. So let's get started with the first lesson.