Workflow of Modern Web Design from Wireframes to Style Guide

Make your Web Design process Simple and effective by using Wireframes, Style guides, Photoshop, Zeplin and Invision App
4.45 (550 reviews)
Udemy
platform
English
language
Web Design
category
Workflow of Modern Web Design from Wireframes to Style Guide
6,909
students
7.5 hours
content
Dec 2021
last update
$64.99
regular price

What you will 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

Screenshots

Workflow of Modern Web Design from Wireframes to Style Guide - Screenshot_01Workflow of Modern Web Design from Wireframes to Style Guide - Screenshot_02Workflow of Modern Web Design from Wireframes to Style Guide - Screenshot_03Workflow of Modern Web Design from Wireframes to Style Guide - Screenshot_04
1121676
udemy ID
2/21/2017
course created date
7/22/2019
course indexed date
Bot
course submited by