Updated Cookies Notice - you'll see this message only once.

We use cookies and similar technology on this website, which helps us to know a little bit about you and how you use our website. This improves the browsing experience for you and enables us to tailor better products and services to you and others. Cookies are stored locally on your computer or mobile device.
To accept cookies continue browsing as normal or go to the Cookies Notice for more information and to set your preferences.

You have to add this courses into your profile.

Learn By Building Real World Projects

Workflow of Modern Web Design from Wireframes to Style Guide

Learn the modern process and tools of Responsive web design using Balsamiq Mockups, Photoshop, Zeplin and Invision App

  • |
  •   Lectures: 62
  • |
  •   Videos: 7.5 hours
  • |
  •   Level: All
  • |
  •   Language: English
  • |
  •   Last Updated: 03/2018

  • Instructor : Eduonix Learning Solutions

Check Out Some of Our Other Popular Courses

NEW LECTURE? Using and Exporting SVG in Web Design

From the past few years, job of a traditional Web Designer has been drastically changed. Designing for each and every screen (Responsive Web Design) is not easy. Questions like these come to mind of every young web designer e.g. How to change layout? How to setup grids for responsive web design? Which content to hide and show?

Now in every Web Design project, we designers

  • Gather project requirements (from client and users)
  • Sketch early Ideas
  • Wire-frame those ideas
  • Convert wireframes to Mockups
  • Getting Specs and Style Guides ready for Developers
  • Creating Prototypes to show the flows and interactions

Every modern designer uses more than 2 to 3 tools in Web Design process. Designers also need to collaborate with Developers a lot so how to solve all these problems.

So in this course, I will show you modern process of creating Responsive web design from gathering information and design briefs from client to creating sketches, wireframes and prototypes or even style guides for developers.

Tools you will learn during this course are

  • Adobe Photoshop
  • Balsamiq Mockups
  • Invision App
  • Zeplin App

Design frameworks you will touch in this course are

  • Atomic Design framework
  • 8-Point Grid System

I will show other similar online apps for Web Designers at the end and compare their pros and cons.

Now if you are ready to learn the modern web design and become a top notch Web Designer

Start this course Now

1 Introduction to Modern Web Design Workflow    
2 What you will learn in this course?
38 Responsive Web Design considerations Part 1    
39 Responsive Web Design considerations Part 2