Workflow of Modern Web Design from Wireframes to Style Guide

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
• English
• English

PREVIEW THIS COURSE - GET COUPON CODE

What you'll learn

• How to design and develop a coded Style Guide for Developers
• Learn all about building and using Mood Boards in your projects
• Learn tools like Zeplin, Balsamiq Mockups and Invision App
• 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?
• 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 "
• 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
• Requirements
• Good knowledge of Adobe Photoshop CC

Share this post