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)

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




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.
Related Topics
1121676
udemy ID
21/02/2017
course created date
22/07/2019
course indexed date
Bot
course submited by