[FreeCourseLab.com] Udemy - Workflow of Modern Web Design from Wireframes to Style Guide

Creation Time	Nov. 1, 2024, 7:10 p.m.
Last Access Time	Nov. 1, 2024, 7:10 p.m.
File Size	1.3 GB
Keywords	Web Style from Workflow of Modern - Udemy to Design FreeCourseLab com Guide Wireframes
Total Requests	1
Total Files	151
Magnet Link	Please wait ...
	Download (Magnet Link) Play (Watch Online)

11. Designing for Developers/7. Creating UI Style Guide with code using Zeplin.mp4 43.1 MB
11. Designing for Developers/2. Generating Red Line Spacing specifications for Developers → Part 1.mp4 37.0 MB
11. Designing for Developers/3. Generating Red Line Spacing specifications for Developers → Part 2.mp4 36.9 MB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/5. Wireframing in Balsamiq mockups part 2.mp4 32.8 MB
9. Designing for TabletMedium View (Wstudio Web Design Project)/4. Desining and adjusting Team section.mp4 30.1 MB
13. SVGs and Icon Fonts in Web Design/2. Using and Exporting SVG Graphics.mp4 29.2 MB
9. Designing for TabletMedium View (Wstudio Web Design Project)/3. Designing Steps section (How it works).mp4 29.1 MB
9. Designing for TabletMedium View (Wstudio Web Design Project)/5. Designing footer for tablet view.mp4 28.8 MB
11. Designing for Developers/6. Installing Zeplin for Web Design Collaboration.mp4 28.7 MB
10. Designing for MobileSmall View (Wstudio Web Design Project)/3. Designing Steps Section for Small devices.mp4 27.4 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/16. Designing Footer Part 2.mp4 27.3 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/1. Calculating your grid and guides using online tools.vtt 27.1 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/7. Designing HeaderHero area Part 1.mp4 27.1 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/1. Calculating your grid and guides using online tools.mp4 27.1 MB
13. SVGs and Icon Fonts in Web Design/1. Using Iconmoon App to create Custom Icon Fonts.mp4 27.0 MB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/6. Atomic Design framework.mp4 26.5 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/13. Designing Team section Part 1.mp4 25.4 MB
4. Gathering project information from client/1. What are design briefs.mp4 25.2 MB
10. Designing for MobileSmall View (Wstudio Web Design Project)/2. Designing Header for Small devices.mp4 24.2 MB
6. Style Guides, colors and typographics scales/1. Experimenting with Colors and Font Combinations.mp4 24.1 MB
11. Designing for Developers/1. What Developers need to know about your Web Design.mp4 23.5 MB
9. Designing for TabletMedium View (Wstudio Web Design Project)/2. Designing HeaderHero area.mp4 23.2 MB
10. Designing for MobileSmall View (Wstudio Web Design Project)/5. Desinging Footer for Small devices.mp4 22.7 MB
10. Designing for MobileSmall View (Wstudio Web Design Project)/4. Designing Team Section for Small devices.mp4 21.9 MB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/3. Introduction to Balsamiq Mockups.mp4 21.4 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/10. Designing Steps section Part 2.mp4 21.2 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/8. Designing HeaderHero area Part 2.mp4 20.9 MB
8. Planning Responsive Web Design/1. Responsive Web Design considerations Part 1.mp4 20.8 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/15. Designing Footer Part 1.mp4 20.8 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/9. Designing Steps section Part 1.mp4 20.7 MB
9. Designing for TabletMedium View (Wstudio Web Design Project)/1. Planning grid for TabletMedium view.mp4 20.6 MB
6. Style Guides, colors and typographics scales/2. What are UI Style Guides.mp4 20.4 MB
11. Designing for Developers/4. Which layer styles can be converted to Code (HTML).mp4 19.9 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/12. Adjusting white space and vertical rhythm.mp4 19.2 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/11. Designing User Reviews section.mp4 19.2 MB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/2. Sketching and Ideation (early sketches).mp4 18.6 MB
6. Style Guides, colors and typographics scales/4. Creating UI Style Guide using Photoshop.mp4 17.8 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/14. Designing Team section Part 2.mp4 17.8 MB
12. Prototyping with Invision app/3. Building Interactive Prototype with Invision App.mp4 17.8 MB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/7. 8-point Grid System.mp4 17.6 MB
12. Prototyping with Invision app/2. Getting familiar with Invision App for Prototyping.mp4 17.1 MB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/1. Using Mood Boards for Web Design projects (Design Direction).mp4 16.5 MB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/4. Wireframing in Balsamiq mockups part 1.mp4 16.1 MB
2. Requirements to take this course/4. Photoshop extensions we need.mp4 16.1 MB
8. Planning Responsive Web Design/2. Responsive Web Design considerations Part 2.mp4 15.9 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/5. How to use White Space in your Web Design.mp4 15.7 MB
13. SVGs and Icon Fonts in Web Design/3. What to do NEXT.mp4 13.7 MB
3. Organizing your Web Design Project/2. Naming PSD, layers and groups.mp4 13.6 MB
11. Designing for Developers/9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4 13.3 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/6. Setting up Art Boards in Photoshop.mp4 13.1 MB
11. Designing for Developers/10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4 12.9 MB
3. Organizing your Web Design Project/1. How to organize a design project.mp4 12.0 MB
6. Style Guides, colors and typographics scales/3. Examples of UI Style Guides.mp4 11.3 MB
10. Designing for MobileSmall View (Wstudio Web Design Project)/1. Setting up artboard and grids for Mobile view.mp4 10.4 MB
1. Introduction/2. What you will learn in this course.mp4 10.2 MB
1. Introduction/2. What you will learn in this course.vtt 10.2 MB
1. Introduction/1. Introduction to Modern Web Design Workflow.mp4 10.1 MB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/4. Planning your Grid for Desktop View.mp4 9.5 MB
4. Gathering project information from client/4. Questions to ask your client before every Web Design Project.mp4 9.4 MB
4. Gathering project information from client/5. Using Content Gathering template for website's content.mp4 8.4 MB
4. Gathering project information from client/3. Getting client's initial Sketches and ideas.mp4 8.3 MB
12. Prototyping with Invision app/1. Introduction to Prototypes.mp4 8.1 MB
3. Organizing your Web Design Project/3. Matching naming conventions with Developers.mp4 8.0 MB
2. Requirements to take this course/1. Skills and Apps you need to take this course.mp4 6.5 MB
6. Style Guides, colors and typographics scales/5. Selecting Type Scale for Responsive Web Design.mp4 6.2 MB
11. Designing for Developers/7. Creating UI Style Guide with code using Zeplin.vtt 15.2 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/5. Wireframing in Balsamiq mockups part 2.vtt 13.1 KB
13. SVGs and Icon Fonts in Web Design/2. Using and Exporting SVG Graphics.vtt 13.0 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/7. Designing HeaderHero area Part 1.vtt 11.9 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/3. Introduction to Balsamiq Mockups.vtt 11.6 KB
4. Gathering project information from client/1. What are design briefs.vtt 11.6 KB
11. Designing for Developers/6. Installing Zeplin for Web Design Collaboration.vtt 11.1 KB
11. Designing for Developers/2. Generating Red Line Spacing specifications for Developers → Part 1.vtt 11.1 KB
9. Designing for TabletMedium View (Wstudio Web Design Project)/2. Designing HeaderHero area.vtt 10.3 KB
10. Designing for MobileSmall View (Wstudio Web Design Project)/2. Designing Header for Small devices.vtt 10.1 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/13. Designing Team section Part 1.vtt 9.8 KB
9. Designing for TabletMedium View (Wstudio Web Design Project)/3. Designing Steps section (How it works).vtt 9.6 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/16. Designing Footer Part 2.vtt 9.6 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/9. Designing Steps section Part 1.vtt 9.6 KB
11. Designing for Developers/4. Which layer styles can be converted to Code (HTML).vtt 9.2 KB
13. SVGs and Icon Fonts in Web Design/1. Using Iconmoon App to create Custom Icon Fonts.vtt 9.0 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/7. 8-point Grid System.vtt 9.0 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/6. Atomic Design framework.vtt 8.9 KB
6. Style Guides, colors and typographics scales/2. What are UI Style Guides.vtt 8.6 KB
10. Designing for MobileSmall View (Wstudio Web Design Project)/3. Designing Steps Section for Small devices.vtt 8.5 KB
6. Style Guides, colors and typographics scales/4. Creating UI Style Guide using Photoshop.vtt 8.5 KB
9. Designing for TabletMedium View (Wstudio Web Design Project)/4. Desining and adjusting Team section.vtt 8.3 KB
12. Prototyping with Invision app/2. Getting familiar with Invision App for Prototyping.vtt 8.1 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/8. Designing HeaderHero area Part 2.vtt 8.0 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/4. Wireframing in Balsamiq mockups part 1.vtt 8.0 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/11. Designing User Reviews section.vtt 8.0 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/10. Designing Steps section Part 2.vtt 7.9 KB
9. Designing for TabletMedium View (Wstudio Web Design Project)/1. Planning grid for TabletMedium view.vtt 7.8 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/6. Setting up Art Boards in Photoshop.vtt 7.6 KB
9. Designing for TabletMedium View (Wstudio Web Design Project)/5. Designing footer for tablet view.vtt 7.6 KB
8. Planning Responsive Web Design/1. Responsive Web Design considerations Part 1.vtt 7.6 KB
2. Requirements to take this course/4. Photoshop extensions we need.vtt 7.5 KB
10. Designing for MobileSmall View (Wstudio Web Design Project)/4. Designing Team Section for Small devices.vtt 7.4 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/15. Designing Footer Part 1.vtt 7.3 KB
12. Prototyping with Invision app/3. Building Interactive Prototype with Invision App.vtt 7.2 KB
10. Designing for MobileSmall View (Wstudio Web Design Project)/5. Desinging Footer for Small devices.vtt 7.0 KB
8. Planning Responsive Web Design/2. Responsive Web Design considerations Part 2.vtt 6.8 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/1. Using Mood Boards for Web Design projects (Design Direction).vtt 6.5 KB
3. Organizing your Web Design Project/2. Naming PSD, layers and groups.vtt 6.3 KB
11. Designing for Developers/10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt 6.3 KB
3. Organizing your Web Design Project/1. How to organize a design project.vtt 6.3 KB
4. Gathering project information from client/4. Questions to ask your client before every Web Design Project.vtt 6.1 KB
11. Designing for Developers/3. Generating Red Line Spacing specifications for Developers → Part 2.vtt 6.0 KB
11. Designing for Developers/1. What Developers need to know about your Web Design.vtt 6.0 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/2. Sketching and Ideation (early sketches).vtt 5.8 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/5. How to use White Space in your Web Design.vtt 5.8 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/14. Designing Team section Part 2.vtt 5.7 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/12. Adjusting white space and vertical rhythm.vtt 5.1 KB
6. Style Guides, colors and typographics scales/1. Experimenting with Colors and Font Combinations.vtt 4.9 KB
1. Introduction/1. Introduction to Modern Web Design Workflow.vtt 4.9 KB
13. SVGs and Icon Fonts in Web Design/4. BONUS Discount Coupons for all my courses.html 4.8 KB
7. Designing for DesktopLarge View (Wstudio Web Design Project)/4. Planning your Grid for Desktop View.vtt 4.7 KB
10. Designing for MobileSmall View (Wstudio Web Design Project)/1. Setting up artboard and grids for Mobile view.vtt 4.6 KB
4. Gathering project information from client/3. Getting client's initial Sketches and ideas.vtt 4.6 KB
12. Prototyping with Invision app/1. Introduction to Prototypes.vtt 4.5 KB
11. Designing for Developers/9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt 4.4 KB
4. Gathering project information from client/5. Using Content Gathering template for website's content.vtt 4.3 KB
6. Style Guides, colors and typographics scales/3. Examples of UI Style Guides.vtt 3.8 KB
3. Organizing your Web Design Project/3. Matching naming conventions with Developers.vtt 3.8 KB
6. Style Guides, colors and typographics scales/5. Selecting Type Scale for Responsive Web Design.vtt 2.8 KB
2. Requirements to take this course/1. Skills and Apps you need to take this course.vtt 2.4 KB
5. Sketching, Wireframing, Atomic Design & 8point Grid system/8. → Links and resources for this sections.html 1.9 KB
6. Style Guides, colors and typographics scales/7. → Links and resources for this sections.html 1.4 KB
2. Requirements to take this course/5. → Links to download extensions.html 1.2 KB
2. Requirements to take this course/2. Topics you must know before advancing.html 1001 bytes
13. SVGs and Icon Fonts in Web Design/3. What to do NEXT.vtt 726 bytes
12. Prototyping with Invision app/4. → Links to prototyping tools.html 678 bytes
11. Designing for Developers/5. → Links to see live web design inspirations or coded solutions.html 573 bytes
4. Gathering project information from client/6. → Links and resources for this sections.html 552 bytes
11. Designing for Developers/8. → Link and resources for Design Developer Collaboration and code generation.html 522 bytes
4. Gathering project information from client/2. Links and examples of Design Breifs.html 452 bytes
7. Designing for DesktopLarge View (Wstudio Web Design Project)/2. →Links Online tools for Grid Calculations.html 333 bytes
10. Designing for MobileSmall View (Wstudio Web Design Project)/6. → PSD and Design Source Files.html 291 bytes
7. Designing for DesktopLarge View (Wstudio Web Design Project)/3. Creating Modular Bootstrap 4 Grid in Photoshop manuallay.html 253 bytes
3. Organizing your Web Design Project/5. → Links Organizing your design project.html 203 bytes
6. Style Guides, colors and typographics scales/8. Create a Style Guide of any Website or App.html 173 bytes
2. Requirements to take this course/3. Quiz Course Requirements test.html 170 bytes
3. Organizing your Web Design Project/4. Quiz for organizing Web Design project.html 170 bytes
6. Style Guides, colors and typographics scales/6. Quiz for Wireframes, Ideation and UI Style guides.html 170 bytes
13. SVGs and Icon Fonts in Web Design/2.1 Download PSD and AI files for SVG icon.html 138 bytes
6. Style Guides, colors and typographics scales/7.1 Download Style Guide created in this course.html 138 bytes
[FreeCourseLab.com].url 126 bytes
10. Designing for MobileSmall View (Wstudio Web Design Project)/6.1 All course sources files (Google Drive).html 122 bytes
4. Gathering project information from client/6.1 Download Client Questionnaire PDF MS Word Templates.html 122 bytes
5. Sketching, Wireframing, Atomic Design & 8point Grid system/8.1 Download Wireframes Cretaed for this Course.html 122 bytes
7. Designing for DesktopLarge View (Wstudio Web Design Project)/16.1 Download Social Icons Font.html 116 bytes

[FreeCourseLab.com] Udemy - Workflow of Modern Web Design from Wireframes to Style Guide

File List

Download Torrent

Related Resources

Copyright Infringement