Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CreativeLive

Modern Web Design Demystified

via CreativeLive

Overview

Online web design is not just about choosing fonts, colors, and layouts. The days of throwing a static visual comp over the wall are ending. Designers are now encouraged to work side by side with clients and developers. In Modern Web Design Demystified you’ll learn how to communicate with developers and collaborate with your clients in order to design websites that function as well as they look. You’ll learn about: 


  • The fundamentals of responsive web design
  • Working with Clients to identify and prioritize goals
  • How to communicate with Developers
  • Best practices for project workflow
 
In this online web design course, Andy and Jesse will share real world case studies to help you understand exactly what goes into creating and launching a website from the ground up. They’ll tell you about the tools they use and offer tips on working with everyone from the coder to the client.

High-quality web design is complex, but it gives businesses and orgs the opportunity to really connect with their users. Learn the ins and outs of the entire web design workflow process in the Modern Web Design Demystified course.


Bonus materials include: 
  • Sample Dev Tickets
  • Responsive HTML Wireframes
  • HTML Pattern Library
  • Sample High Resolution Visual Comps
  • and more! 

Syllabus

  • Class Introduction
  • The Design Flow Basics
  • The Designer as Co-Creators
  • Get to Know Your Material
  • Responsive Vocab: Floats, Flows, & Images
  • Mobile First: Working Small
  • Future Friendly: Embrace Unpredictability
  • Collaborating with Your Clients
  • Prioritize Your Users
  • Best Practices for Defining Success
  • Intro to Scrum
  • User Stories & Epics
  • Content Basics
  • Defining the Visual Language
  • Starting with Type
  • Starting with Grids
  • Gutcheck & The Product Brief
  • Working With Developers
  • Communicating with Developers
  • Finding a Common Language with Developers
  • Code Literacy
  • Sitemap & Wireframe Basics
  • Prototyping Basics
  • HTML Prototypes
  • Code Literacy & Developer Tools
  • Developer Lingo
  • Interface Personality & Behavior Galleries
  • Designing for Performance
  • Progressive Enhancements
  • Designing a System: Discovery to Pattern Library
  • Workflow Examples
  • Applying the Style Guide to the Pattern Library
  • Alternative Workflow
  • Alternative Workflow Part 2
  • Tech Requirements
  • Retrofitting an Existing Site
  • Project Cupcake: Building a Site from Scratch

Taught by

Andy Pratt and Jesse Arnold

Reviews

Start your review of Modern Web Design Demystified

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.