Workflow of Modern Web Design from Wireframes to Style Guide

Coupon Details

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

Created by Muhammad Ahsan Pervaiz

Preview This Course - GET COUPON CODE

What you'll learn

• Learn the professional process of a Responsive Web Design Project
• Know the Questions to get project details from Clients
• What a Design Brief should have?
• Learn all about building and using Mood Boards in your projects
• Understand the IDEATION process (early Sketching)
• Design and Develop Grid system for different screens e.g PC, Tablet or Smart Phones
• Design Wireframes using Balsamiq Mockups
• How to setup Grids and Guides for Responsive Web Design
• Learn the developers mind "How Developers code your design "
• How to design and develop a coded Style Guide for Developers
• Build Prototypes to show website flows and interactions
• Create Online Style Guide using Zeplin
• How to Design for Developers
• Understand design frameworks like Atomic Design or Content first approach
• Learn tools like Zeplin, Balsamiq Mockups and Invision App