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 908
students
7.5 hours
content
Dec 2021
last update
$13.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

Course Gallery

Workflow of Modern Web Design from Wireframes to Style Guide – Screenshot 1
Screenshot 1Workflow of Modern Web Design from Wireframes to Style Guide
Workflow of Modern Web Design from Wireframes to Style Guide – Screenshot 2
Screenshot 2Workflow of Modern Web Design from Wireframes to Style Guide
Workflow of Modern Web Design from Wireframes to Style Guide – Screenshot 3
Screenshot 3Workflow of Modern Web Design from Wireframes to Style Guide
Workflow of Modern Web Design from Wireframes to Style Guide – Screenshot 4
Screenshot 4Workflow of Modern Web Design from Wireframes to Style Guide

Charts

Students
Price
Rating & Reviews
Enrollment Distribution

Comidoc Review

Our Verdict

Workflow of Modern Web Design from Wireframes to Style Guide offers a comprehensive learning journey to master both the design and development aspects of modern web projects. Equip yourself with popular wireframing and style guide tools, all while understanding client needs and maintaining seamless team communication for efficient project hand-offs.

What We Liked

  • Comprehensive course covering both design and development processes with a strong focus on workflow.
  • In-depth exploration of essential tools like Zeplin, Balsamiq Mockups, Invision App for creating wireframes and style guides.
  • Actionable insights on building responsive web design projects and integrating them with developer mindset.
  • Provides valuable tips for effective team communication and understanding client needs.

Potential Drawbacks

  • Some lecture videos may appear blurred or unreadable according to certain user testimonials.
  • A few users mention the course could be more agile in some parts and monotonous at times.
  • While updated recently, lacks a live project and go-live scenario for complete 360 web design experience.
1121676
udemy ID
21/02/2017
course created date
22/07/2019
course indexed date
Bot
course submited by
Workflow of Modern Web Design from Wireframes to Style Guide - Coupon | Comidoc