FreeCourseLab com Udemy Workflow of Modern Web Design from Wireframes to Style Guide

FreeCourseLab com Udemy Workflow of Modern Web Design from Wireframes to Style Guide

Name	[FreeCourseLab.com] Udemy - Workflow of Modern Web Design from Wireframes to Style Guide	DOWNLOAD Copy Link Trouble downloading? see How To
Total Size	1.3 GB
Total Files	151
Hash	B1CC4C57B6AB241C8CE4129D8DFBA1104151E3C1

/1. Introduction/
1. Introduction to Modern Web Design Workflow.mp4	10.6 MB
1. Introduction to Modern Web Design Workflow.vtt	5.0 KB
2. What you will learn in this course.mp4	10.7 MB
2. What you will learn in this course.vtt	10.7 MB
/10. Designing for MobileSmall View (Wstudio Web Design Project)/
1. Setting up artboard and grids for Mobile view.mp4	10.9 MB
1. Setting up artboard and grids for Mobile view.vtt	4.7 KB
2. Designing Header for Small devices.mp4	25.3 MB
2. Designing Header for Small devices.vtt	10.4 KB
3. Designing Steps Section for Small devices.mp4	28.7 MB
3. Designing Steps Section for Small devices.vtt	8.7 KB
4. Designing Team Section for Small devices.mp4	23.0 MB
4. Designing Team Section for Small devices.vtt	7.6 KB
5. Desinging Footer for Small devices.mp4	23.8 MB
5. Desinging Footer for Small devices.vtt	7.2 KB
6. → PSD and Design Source Files.html	0.3 KB
6.1 All course sources files (Google Drive).html	0.1 KB
/11. Designing for Developers/
1. What Developers need to know about your Web Design.mp4	24.6 MB
1. What Developers need to know about your Web Design.vtt	6.2 KB
10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4	13.5 MB
10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt	6.4 KB
2. Generating Red Line Spacing specifications for Developers → Part 1.mp4	38.8 MB
2. Generating Red Line Spacing specifications for Developers → Part 1.vtt	11.4 KB
3. Generating Red Line Spacing specifications for Developers → Part 2.mp4	38.7 MB
3. Generating Red Line Spacing specifications for Developers → Part 2.vtt	6.2 KB
4. Which layer styles can be converted to Code (HTML).mp4	20.9 MB
4. Which layer styles can be converted to Code (HTML).vtt	9.5 KB
5. → Links to see live web design inspirations or coded solutions.html	0.6 KB
6. Installing Zeplin for Web Design Collaboration.mp4	30.1 MB
6. Installing Zeplin for Web Design Collaboration.vtt	11.4 KB
7. Creating UI Style Guide with code using Zeplin.mp4	45.2 MB
7. Creating UI Style Guide with code using Zeplin.vtt	15.6 KB
8. → Link and resources for Design Developer Collaboration and code generation.html	0.5 KB
9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4	14.0 MB
9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt	4.5 KB
/12. Prototyping with Invision app/
1. Introduction to Prototypes.mp4	8.5 MB
1. Introduction to Prototypes.vtt	4.6 KB
2. Getting familiar with Invision App for Prototyping.mp4	17.9 MB
2. Getting familiar with Invision App for Prototyping.vtt	8.3 KB
3. Building Interactive Prototype with Invision App.mp4	18.6 MB
3. Building Interactive Prototype with Invision App.vtt	7.3 KB
4. → Links to prototyping tools.html	0.7 KB
/13. SVGs and Icon Fonts in Web Design/
1. Using Iconmoon App to create Custom Icon Fonts.mp4	28.3 MB
1. Using Iconmoon App to create Custom Icon Fonts.vtt	9.2 KB
2. Using and Exporting SVG Graphics.mp4	30.6 MB
2. Using and Exporting SVG Graphics.vtt	13.3 KB
2.1 Download PSD and AI files for SVG icon.html	0.1 KB
3. What to do NEXT.mp4	14.3 MB
3. What to do NEXT.vtt	0.7 KB
4. BONUS Discount Coupons for all my courses.html	4.9 KB
/2. Requirements to take this course/
1. Skills and Apps you need to take this course.mp4	6.8 MB
1. Skills and Apps you need to take this course.vtt	2.5 KB
2. Topics you must know before advancing.html	1.0 KB
3. Quiz Course Requirements test.html	0.2 KB
4. Photoshop extensions we need.mp4	16.9 MB
4. Photoshop extensions we need.vtt	7.7 KB
5. → Links to download extensions.html	1.2 KB
/3. Organizing your Web Design Project/
1. How to organize a design project.mp4	12.6 MB
1. How to organize a design project.vtt	6.4 KB
2. Naming PSD, layers and groups.mp4	14.3 MB
2. Naming PSD, layers and groups.vtt	6.5 KB
3. Matching naming conventions with Developers.mp4	8.4 MB
3. Matching naming conventions with Developers.vtt	3.9 KB
4. Quiz for organizing Web Design project.html	0.2 KB
5. → Links Organizing your design project.html	0.2 KB
/4. Gathering project information from client/
1. What are design briefs.mp4	26.4 MB
1. What are design briefs.vtt	11.8 KB
2. Links and examples of Design Breifs.html	0.5 KB
3. Getting client's initial Sketches and ideas.mp4	8.7 MB
3. Getting client's initial Sketches and ideas.vtt	4.7 KB
4. Questions to ask your client before every Web Design Project.mp4	9.8 MB
4. Questions to ask your client before every Web Design Project.vtt	6.2 KB
5. Using Content Gathering template for website's content.mp4	8.8 MB
5. Using Content Gathering template for website's content.vtt	4.4 KB
6. → Links and resources for this sections.html	0.6 KB
6.1 Download Client Questionnaire PDF MS Word Templates.html	0.1 KB
/5. Sketching, Wireframing, Atomic Design & 8point Grid system/
1. Using Mood Boards for Web Design projects (Design Direction).mp4	17.3 MB
1. Using Mood Boards for Web Design projects (Design Direction).vtt	6.6 KB
2. Sketching and Ideation (early sketches).mp4	19.5 MB
2. Sketching and Ideation (early sketches).vtt	6.0 KB
3. Introduction to Balsamiq Mockups.mp4	22.4 MB
3. Introduction to Balsamiq Mockups.vtt	11.8 KB
4. Wireframing in Balsamiq mockups part 1.mp4	16.9 MB
4. Wireframing in Balsamiq mockups part 1.vtt	8.2 KB
5. Wireframing in Balsamiq mockups part 2.mp4	34.4 MB
5. Wireframing in Balsamiq mockups part 2.vtt	13.4 KB
6. Atomic Design framework.mp4	27.8 MB
6. Atomic Design framework.vtt	9.1 KB
7. 8-point Grid System.mp4	18.4 MB
7. 8-point Grid System.vtt	9.2 KB
8. → Links and resources for this sections.html	2.0 KB
8.1 Download Wireframes Cretaed for this Course.html	0.1 KB
/6. Style Guides, colors and typographics scales/
1. Experimenting with Colors and Font Combinations.mp4	25.2 MB
1. Experimenting with Colors and Font Combinations.vtt	5.0 KB
2. What are UI Style Guides.mp4	21.4 MB
2. What are UI Style Guides.vtt	8.8 KB
3. Examples of UI Style Guides.mp4	11.8 MB
3. Examples of UI Style Guides.vtt	3.9 KB
4. Creating UI Style Guide using Photoshop.mp4	18.7 MB
4. Creating UI Style Guide using Photoshop.vtt	8.7 KB
5. Selecting Type Scale for Responsive Web Design.mp4	6.4 MB
5. Selecting Type Scale for Responsive Web Design.vtt	2.9 KB
6. Quiz for Wireframes, Ideation and UI Style guides.html	0.2 KB
7. → Links and resources for this sections.html	1.4 KB
7.1 Download Style Guide created in this course.html	0.1 KB
8. Create a Style Guide of any Website or App.html	0.2 KB
/7. Designing for DesktopLarge View (Wstudio Web Design Project)/
1. Calculating your grid and guides using online tools.mp4	28.4 MB
1. Calculating your grid and guides using online tools.vtt	28.4 MB
10. Designing Steps section Part 2.mp4	22.2 MB
10. Designing Steps section Part 2.vtt	8.1 KB
11. Designing User Reviews section.mp4	20.2 MB
11. Designing User Reviews section.vtt	8.2 KB
12. Adjusting white space and vertical rhythm.mp4	20.2 MB
12. Adjusting white space and vertical rhythm.vtt	5.2 KB
13. Designing Team section Part 1.mp4	26.6 MB
13. Designing Team section Part 1.vtt	10.0 KB
14. Designing Team section Part 2.mp4	18.7 MB
14. Designing Team section Part 2.vtt	5.8 KB
15. Designing Footer Part 1.mp4	21.8 MB
15. Designing Footer Part 1.vtt	7.5 KB
16. Designing Footer Part 2.mp4	28.7 MB
16. Designing Footer Part 2.vtt	9.8 KB
16.1 Download Social Icons Font.html	0.1 KB
2. →Links Online tools for Grid Calculations.html	0.3 KB
3. Creating Modular Bootstrap 4 Grid in Photoshop manuallay.html	0.3 KB
4. Planning your Grid for Desktop View.mp4	10.0 MB
4. Planning your Grid for Desktop View.vtt	4.8 KB
5. How to use White Space in your Web Design.mp4	16.4 MB
5. How to use White Space in your Web Design.vtt	6.0 KB
6. Setting up Art Boards in Photoshop.mp4	13.7 MB
6. Setting up Art Boards in Photoshop.vtt	7.8 KB
7. Designing HeaderHero area Part 1.mp4	28.4 MB
7. Designing HeaderHero area Part 1.vtt	12.1 KB
8. Designing HeaderHero area Part 2.mp4	21.9 MB
8. Designing HeaderHero area Part 2.vtt	8.2 KB
9. Designing Steps section Part 1.mp4	21.7 MB
9. Designing Steps section Part 1.vtt	9.8 KB
/8. Planning Responsive Web Design/
1. Responsive Web Design considerations Part 1.mp4	21.9 MB
1. Responsive Web Design considerations Part 1.vtt	7.8 KB
2. Responsive Web Design considerations Part 2.mp4	16.6 MB
2. Responsive Web Design considerations Part 2.vtt	7.0 KB
/9. Designing for TabletMedium View (Wstudio Web Design Project)/
1. Planning grid for TabletMedium view.mp4	21.6 MB
1. Planning grid for TabletMedium view.vtt	8.0 KB
2. Designing HeaderHero area.mp4	24.3 MB
2. Designing HeaderHero area.vtt	10.6 KB
3. Designing Steps section (How it works).mp4	30.5 MB
3. Designing Steps section (How it works).vtt	9.8 KB
4. Desining and adjusting Team section.mp4	31.5 MB
4. Desining and adjusting Team section.vtt	8.5 KB
5. Designing footer for tablet view.mp4	30.2 MB
5. Designing footer for tablet view.vtt	7.8 KB
/
[FreeCourseLab.com].url	0.1 KB
Total files 151