Filename Size 1. Introduction/1. Introduction to Modern Web Design Workflow.mp4 10.1 MB 1. Introduction/1. Introduction to Modern Web Design Workflow.vtt 4.9 KB 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 10. Designing for MobileSmall View (Wstudio Web Design Project)/1. Setting up artboard and grids for Mobile view.mp4 10.4 MB 10. Designing for MobileSmall View (Wstudio Web Design Project)/1. Setting up artboard and grids for Mobile view.vtt 4.6 KB 10. Designing for MobileSmall View (Wstudio Web Design Project)/2. Designing Header for Small devices.mp4 24.2 MB 10. Designing for MobileSmall View (Wstudio Web Design Project)/2. Designing Header for Small devices.vtt 10.1 KB 10. Designing for MobileSmall View (Wstudio Web Design Project)/3. Designing Steps Section for Small devices.mp4 27.4 MB 10. Designing for MobileSmall View (Wstudio Web Design Project)/3. Designing Steps Section for Small devices.vtt 8.5 KB 10. Designing for MobileSmall View (Wstudio Web Design Project)/4. Designing Team Section for Small devices.mp4 21.9 MB 10. Designing for MobileSmall View (Wstudio Web Design Project)/4. Designing Team Section for Small devices.vtt 7.4 KB 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)/5. Desinging Footer for Small devices.vtt 7 KB 10. Designing for MobileSmall View (Wstudio Web Design Project)/6. → PSD and Design Source Files.html 291 B 10. Designing for MobileSmall View (Wstudio Web Design Project)/6.1 All course sources files (Google Drive).html 122 B 11. Designing for Developers/1. What Developers need to know about your Web Design.mp4 23.5 MB 11. Designing for Developers/1. What Developers need to know about your Web Design.vtt 6 KB 11. Designing for Developers/10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4 12.9 MB 11. Designing for Developers/10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt 6.3 KB 11. Designing for Developers/2. Generating Red Line Spacing specifications for Developers → Part 1.mp4 37 MB 11. Designing for Developers/2. Generating Red Line Spacing specifications for Developers → Part 1.vtt 11.1 KB 11. Designing for Developers/3. Generating Red Line Spacing specifications for Developers → Part 2.mp4 36.9 MB 11. Designing for Developers/3. Generating Red Line Spacing specifications for Developers → Part 2.vtt 6 KB 11. Designing for Developers/4. Which layer styles can be converted to Code (HTML).mp4 19.9 MB 11. Designing for Developers/4. Which layer styles can be converted to Code (HTML).vtt 9.2 KB 11. Designing for Developers/5. → Links to see live web design inspirations or coded solutions.html 573 B 11. Designing for Developers/6. Installing Zeplin for Web Design Collaboration.mp4 28.7 MB 11. Designing for Developers/6. Installing Zeplin for Web Design Collaboration.vtt 11.1 KB 11. Designing for Developers/7. Creating UI Style Guide with code using Zeplin.mp4 43.1 MB 11. Designing for Developers/7. Creating UI Style Guide with code using Zeplin.vtt 15.2 KB 11. Designing for Developers/8. → Link and resources for Design Developer Collaboration and code generation.html 522 B 11. Designing for Developers/9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4 13.3 MB 11. Designing for Developers/9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt 4.4 KB 12. Prototyping with Invision app/1. Introduction to Prototypes.mp4 8.1 MB 12. Prototyping with Invision app/1. Introduction to Prototypes.vtt 4.5 KB 12. Prototyping with Invision app/2. Getting familiar with Invision App for Prototyping.mp4 17.1 MB 12. Prototyping with Invision app/2. Getting familiar with Invision App for Prototyping.vtt 8.1 KB 12. Prototyping with Invision app/3. Building Interactive Prototype with Invision App.mp4 17.8 MB 12. Prototyping with Invision app/3. Building Interactive Prototype with Invision App.vtt 7.2 KB 12. Prototyping with Invision app/4. → Links to prototyping tools.html 678 B 13. SVGs and Icon Fonts in Web Design/1. Using Iconmoon App to create Custom Icon Fonts.mp4 27 MB 13. SVGs and Icon Fonts in Web Design/1. Using Iconmoon App to create Custom Icon Fonts.vtt 9 KB 13. SVGs and Icon Fonts in Web Design/2. Using and Exporting SVG Graphics.mp4 29.2 MB 13. SVGs and Icon Fonts in Web Design/2. Using and Exporting SVG Graphics.vtt 13 KB 13. SVGs and Icon Fonts in Web Design/2.1 Download PSD and AI files for SVG icon.html 138 B 13. SVGs and Icon Fonts in Web Design/3. What to do NEXT.mp4 13.7 MB 13. SVGs and Icon Fonts in Web Design/3. What to do NEXT.vtt 726 B 13. SVGs and Icon Fonts in Web Design/4. BONUS Discount Coupons for all my courses.html 4.8 KB 2. Requirements to take this course/1. Skills and Apps you need to take this course.mp4 6.5 MB 2. Requirements to take this course/1. Skills and Apps you need to take this course.vtt 2.4 KB 2. Requirements to take this course/2. Topics you must know before advancing.html 1001 B 2. Requirements to take this course/3. Quiz Course Requirements test.html 170 B 2. Requirements to take this course/4. Photoshop extensions we need.mp4 16.1 MB 2. Requirements to take this course/4. Photoshop extensions we need.vtt 7.5 KB 2. Requirements to take this course/5. → Links to download extensions.html 1.2 KB 3. Organizing your Web Design Project/1. How to organize a design project.mp4 12 MB 3. Organizing your Web Design Project/1. How to organize a design project.vtt 6.3 KB 3. Organizing your Web Design Project/2. Naming PSD, layers and groups.mp4 13.6 MB 3. Organizing your Web Design Project/2. Naming PSD, layers and groups.vtt 6.3 KB 3. Organizing your Web Design Project/3. Matching naming conventions with Developers.mp4 8 MB 3. Organizing your Web Design Project/3. Matching naming conventions with Developers.vtt 3.8 KB 3. Organizing your Web Design Project/4. Quiz for organizing Web Design project.html 170 B 3. Organizing your Web Design Project/5. → Links Organizing your design project.html 203 B 4. Gathering project information from client/1. What are design briefs.mp4 25.2 MB 4. Gathering project information from client/1. What are design briefs.vtt 11.6 KB 4. Gathering project information from client/2. Links and examples of Design Breifs.html 452 B 4. Gathering project information from client/3. Getting client's initial Sketches and ideas.mp4 8.3 MB 4. Gathering project information from client/3. Getting client's initial Sketches and ideas.vtt 4.6 KB 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/4. Questions to ask your client before every Web Design Project.vtt 6.1 KB 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/5. Using Content Gathering template for website's content.vtt 4.3 KB 4. Gathering project information from client/6. → Links and resources for this sections.html 552 B 4. Gathering project information from client/6.1 Download Client Questionnaire PDF MS Word Templates.html 122 B 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/1. Using Mood Boards for Web Design projects (Design Direction).vtt 6.5 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/2. Sketching and Ideation (early sketches).mp4 18.6 MB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/2. Sketching and Ideation (early sketches).vtt 5.8 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/3. Introduction to Balsamiq Mockups.mp4 21.4 MB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/3. Introduction to Balsamiq Mockups.vtt 11.6 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/4. Wireframing in Balsamiq mockups part 1.mp4 16.1 MB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/4. Wireframing in Balsamiq mockups part 1.vtt 8 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/5. Wireframing in Balsamiq mockups part 2.mp4 32.8 MB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/5. Wireframing in Balsamiq mockups part 2.vtt 13.1 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/6. Atomic Design framework.mp4 26.5 MB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/6. Atomic Design framework.vtt 8.9 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/7. 8-point Grid System.mp4 17.6 MB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/7. 8-point Grid System.vtt 9 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/8. → Links and resources for this sections.html 1.9 KB 5. Sketching, Wireframing, Atomic Design & 8point Grid system/8.1 Download Wireframes Cretaed for this Course.html 122 B 6. Style Guides, colors and typographics scales/1. Experimenting with Colors and Font Combinations.mp4 24.1 MB 6. Style Guides, colors and typographics scales/1. Experimenting with Colors and Font Combinations.vtt 4.9 KB 6. Style Guides, colors and typographics scales/2. What are UI Style Guides.mp4 20.4 MB 6. Style Guides, colors and typographics scales/2. What are UI Style Guides.vtt 8.6 KB 6. Style Guides, colors and typographics scales/3. Examples of UI Style Guides.mp4 11.3 MB 6. Style Guides, colors and typographics scales/3. Examples of UI Style Guides.vtt 3.8 KB 6. Style Guides, colors and typographics scales/4. Creating UI Style Guide using Photoshop.mp4 17.8 MB 6. Style Guides, colors and typographics scales/4. Creating UI Style Guide using Photoshop.vtt 8.5 KB