589689.xyz

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

  • 收录时间:2019-12-02 19:35:24
  • 文件大小:1GB
  • 下载次数:48
  • 最近下载:2021-01-01 18:08:12
  • 磁力链接:
立即下载 复制链接

文件列表

  1. 11. Designing for Developers/7. Creating UI Style Guide with code using Zeplin.mp4 43MB
  2. 11. Designing for Developers/2. Generating Red Line Spacing specifications for Developers → Part 1.mp4 37MB
  3. 11. Designing for Developers/3. Generating Red Line Spacing specifications for Developers → Part 2.mp4 37MB
  4. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/5. Wireframing in Balsamiq mockups part 2.mp4 33MB
  5. 9. Designing for TabletMedium View (Wstudio Web Design Project)/4. Desining and adjusting Team section.mp4 30MB
  6. 13. SVGs and Icon Fonts in Web Design/2. Using and Exporting SVG Graphics.mp4 29MB
  7. 9. Designing for TabletMedium View (Wstudio Web Design Project)/3. Designing Steps section (How it works).mp4 29MB
  8. 9. Designing for TabletMedium View (Wstudio Web Design Project)/5. Designing footer for tablet view.mp4 29MB
  9. 11. Designing for Developers/6. Installing Zeplin for Web Design Collaboration.mp4 29MB
  10. 10. Designing for MobileSmall View (Wstudio Web Design Project)/3. Designing Steps Section for Small devices.mp4 27MB
  11. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/16. Designing Footer Part 2.mp4 27MB
  12. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/1. Calculating your grid and guides using online tools.vtt 27MB
  13. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/7. Designing HeaderHero area Part 1.mp4 27MB
  14. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/1. Calculating your grid and guides using online tools.mp4 27MB
  15. 13. SVGs and Icon Fonts in Web Design/1. Using Iconmoon App to create Custom Icon Fonts.mp4 27MB
  16. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/6. Atomic Design framework.mp4 26MB
  17. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/13. Designing Team section Part 1.mp4 25MB
  18. 4. Gathering project information from client/1. What are design briefs.mp4 25MB
  19. 10. Designing for MobileSmall View (Wstudio Web Design Project)/2. Designing Header for Small devices.mp4 24MB
  20. 6. Style Guides, colors and typographics scales/1. Experimenting with Colors and Font Combinations.mp4 24MB
  21. 11. Designing for Developers/1. What Developers need to know about your Web Design.mp4 23MB
  22. 9. Designing for TabletMedium View (Wstudio Web Design Project)/2. Designing HeaderHero area.mp4 23MB
  23. 10. Designing for MobileSmall View (Wstudio Web Design Project)/5. Desinging Footer for Small devices.mp4 23MB
  24. 10. Designing for MobileSmall View (Wstudio Web Design Project)/4. Designing Team Section for Small devices.mp4 22MB
  25. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/3. Introduction to Balsamiq Mockups.mp4 21MB
  26. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/10. Designing Steps section Part 2.mp4 21MB
  27. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/8. Designing HeaderHero area Part 2.mp4 21MB
  28. 8. Planning Responsive Web Design/1. Responsive Web Design considerations Part 1.mp4 21MB
  29. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/15. Designing Footer Part 1.mp4 21MB
  30. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/9. Designing Steps section Part 1.mp4 21MB
  31. 9. Designing for TabletMedium View (Wstudio Web Design Project)/1. Planning grid for TabletMedium view.mp4 21MB
  32. 6. Style Guides, colors and typographics scales/2. What are UI Style Guides.mp4 20MB
  33. 11. Designing for Developers/4. Which layer styles can be converted to Code (HTML).mp4 20MB
  34. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/12. Adjusting white space and vertical rhythm.mp4 19MB
  35. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/11. Designing User Reviews section.mp4 19MB
  36. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/2. Sketching and Ideation (early sketches).mp4 19MB
  37. 6. Style Guides, colors and typographics scales/4. Creating UI Style Guide using Photoshop.mp4 18MB
  38. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/14. Designing Team section Part 2.mp4 18MB
  39. 12. Prototyping with Invision app/3. Building Interactive Prototype with Invision App.mp4 18MB
  40. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/7. 8-point Grid System.mp4 18MB
  41. 12. Prototyping with Invision app/2. Getting familiar with Invision App for Prototyping.mp4 17MB
  42. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/1. Using Mood Boards for Web Design projects (Design Direction).mp4 16MB
  43. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/4. Wireframing in Balsamiq mockups part 1.mp4 16MB
  44. 2. Requirements to take this course/4. Photoshop extensions we need.mp4 16MB
  45. 8. Planning Responsive Web Design/2. Responsive Web Design considerations Part 2.mp4 16MB
  46. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/5. How to use White Space in your Web Design.mp4 16MB
  47. 13. SVGs and Icon Fonts in Web Design/3. What to do NEXT.mp4 14MB
  48. 3. Organizing your Web Design Project/2. Naming PSD, layers and groups.mp4 14MB
  49. 11. Designing for Developers/9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4 13MB
  50. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/6. Setting up Art Boards in Photoshop.mp4 13MB
  51. 11. Designing for Developers/10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.mp4 13MB
  52. 3. Organizing your Web Design Project/1. How to organize a design project.mp4 12MB
  53. 6. Style Guides, colors and typographics scales/3. Examples of UI Style Guides.mp4 11MB
  54. 10. Designing for MobileSmall View (Wstudio Web Design Project)/1. Setting up artboard and grids for Mobile view.mp4 10MB
  55. 1. Introduction/2. What you will learn in this course.mp4 10MB
  56. 1. Introduction/2. What you will learn in this course.vtt 10MB
  57. 1. Introduction/1. Introduction to Modern Web Design Workflow.mp4 10MB
  58. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/4. Planning your Grid for Desktop View.mp4 9MB
  59. 4. Gathering project information from client/4. Questions to ask your client before every Web Design Project.mp4 9MB
  60. 4. Gathering project information from client/5. Using Content Gathering template for website's content.mp4 8MB
  61. 4. Gathering project information from client/3. Getting client's initial Sketches and ideas.mp4 8MB
  62. 12. Prototyping with Invision app/1. Introduction to Prototypes.mp4 8MB
  63. 3. Organizing your Web Design Project/3. Matching naming conventions with Developers.mp4 8MB
  64. 2. Requirements to take this course/1. Skills and Apps you need to take this course.mp4 6MB
  65. 6. Style Guides, colors and typographics scales/5. Selecting Type Scale for Responsive Web Design.mp4 6MB
  66. 11. Designing for Developers/7. Creating UI Style Guide with code using Zeplin.vtt 15KB
  67. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/5. Wireframing in Balsamiq mockups part 2.vtt 13KB
  68. 13. SVGs and Icon Fonts in Web Design/2. Using and Exporting SVG Graphics.vtt 13KB
  69. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/7. Designing HeaderHero area Part 1.vtt 12KB
  70. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/3. Introduction to Balsamiq Mockups.vtt 12KB
  71. 4. Gathering project information from client/1. What are design briefs.vtt 12KB
  72. 11. Designing for Developers/6. Installing Zeplin for Web Design Collaboration.vtt 11KB
  73. 11. Designing for Developers/2. Generating Red Line Spacing specifications for Developers → Part 1.vtt 11KB
  74. 9. Designing for TabletMedium View (Wstudio Web Design Project)/2. Designing HeaderHero area.vtt 10KB
  75. 10. Designing for MobileSmall View (Wstudio Web Design Project)/2. Designing Header for Small devices.vtt 10KB
  76. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/13. Designing Team section Part 1.vtt 10KB
  77. 9. Designing for TabletMedium View (Wstudio Web Design Project)/3. Designing Steps section (How it works).vtt 10KB
  78. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/16. Designing Footer Part 2.vtt 10KB
  79. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/9. Designing Steps section Part 1.vtt 10KB
  80. 11. Designing for Developers/4. Which layer styles can be converted to Code (HTML).vtt 9KB
  81. 13. SVGs and Icon Fonts in Web Design/1. Using Iconmoon App to create Custom Icon Fonts.vtt 9KB
  82. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/7. 8-point Grid System.vtt 9KB
  83. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/6. Atomic Design framework.vtt 9KB
  84. 6. Style Guides, colors and typographics scales/2. What are UI Style Guides.vtt 9KB
  85. 10. Designing for MobileSmall View (Wstudio Web Design Project)/3. Designing Steps Section for Small devices.vtt 8KB
  86. 6. Style Guides, colors and typographics scales/4. Creating UI Style Guide using Photoshop.vtt 8KB
  87. 9. Designing for TabletMedium View (Wstudio Web Design Project)/4. Desining and adjusting Team section.vtt 8KB
  88. 12. Prototyping with Invision app/2. Getting familiar with Invision App for Prototyping.vtt 8KB
  89. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/8. Designing HeaderHero area Part 2.vtt 8KB
  90. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/4. Wireframing in Balsamiq mockups part 1.vtt 8KB
  91. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/11. Designing User Reviews section.vtt 8KB
  92. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/10. Designing Steps section Part 2.vtt 8KB
  93. 9. Designing for TabletMedium View (Wstudio Web Design Project)/1. Planning grid for TabletMedium view.vtt 8KB
  94. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/6. Setting up Art Boards in Photoshop.vtt 8KB
  95. 9. Designing for TabletMedium View (Wstudio Web Design Project)/5. Designing footer for tablet view.vtt 8KB
  96. 8. Planning Responsive Web Design/1. Responsive Web Design considerations Part 1.vtt 8KB
  97. 2. Requirements to take this course/4. Photoshop extensions we need.vtt 8KB
  98. 10. Designing for MobileSmall View (Wstudio Web Design Project)/4. Designing Team Section for Small devices.vtt 7KB
  99. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/15. Designing Footer Part 1.vtt 7KB
  100. 12. Prototyping with Invision app/3. Building Interactive Prototype with Invision App.vtt 7KB
  101. 10. Designing for MobileSmall View (Wstudio Web Design Project)/5. Desinging Footer for Small devices.vtt 7KB
  102. 8. Planning Responsive Web Design/2. Responsive Web Design considerations Part 2.vtt 7KB
  103. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/1. Using Mood Boards for Web Design projects (Design Direction).vtt 6KB
  104. 3. Organizing your Web Design Project/2. Naming PSD, layers and groups.vtt 6KB
  105. 11. Designing for Developers/10. Sympli vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt 6KB
  106. 3. Organizing your Web Design Project/1. How to organize a design project.vtt 6KB
  107. 4. Gathering project information from client/4. Questions to ask your client before every Web Design Project.vtt 6KB
  108. 11. Designing for Developers/3. Generating Red Line Spacing specifications for Developers → Part 2.vtt 6KB
  109. 11. Designing for Developers/1. What Developers need to know about your Web Design.vtt 6KB
  110. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/2. Sketching and Ideation (early sketches).vtt 6KB
  111. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/5. How to use White Space in your Web Design.vtt 6KB
  112. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/14. Designing Team section Part 2.vtt 6KB
  113. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/12. Adjusting white space and vertical rhythm.vtt 5KB
  114. 6. Style Guides, colors and typographics scales/1. Experimenting with Colors and Font Combinations.vtt 5KB
  115. 1. Introduction/1. Introduction to Modern Web Design Workflow.vtt 5KB
  116. 13. SVGs and Icon Fonts in Web Design/4. BONUS Discount Coupons for all my courses.html 5KB
  117. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/4. Planning your Grid for Desktop View.vtt 5KB
  118. 10. Designing for MobileSmall View (Wstudio Web Design Project)/1. Setting up artboard and grids for Mobile view.vtt 5KB
  119. 4. Gathering project information from client/3. Getting client's initial Sketches and ideas.vtt 5KB
  120. 12. Prototyping with Invision app/1. Introduction to Prototypes.vtt 4KB
  121. 11. Designing for Developers/9. Zepling vs Avocode → Comparison of DesignerDeveloper Collaboration tools.vtt 4KB
  122. 4. Gathering project information from client/5. Using Content Gathering template for website's content.vtt 4KB
  123. 6. Style Guides, colors and typographics scales/3. Examples of UI Style Guides.vtt 4KB
  124. 3. Organizing your Web Design Project/3. Matching naming conventions with Developers.vtt 4KB
  125. 6. Style Guides, colors and typographics scales/5. Selecting Type Scale for Responsive Web Design.vtt 3KB
  126. 2. Requirements to take this course/1. Skills and Apps you need to take this course.vtt 2KB
  127. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/8. → Links and resources for this sections.html 2KB
  128. 6. Style Guides, colors and typographics scales/7. → Links and resources for this sections.html 1KB
  129. 2. Requirements to take this course/5. → Links to download extensions.html 1KB
  130. 2. Requirements to take this course/2. Topics you must know before advancing.html 1001B
  131. 13. SVGs and Icon Fonts in Web Design/3. What to do NEXT.vtt 726B
  132. 12. Prototyping with Invision app/4. → Links to prototyping tools.html 678B
  133. 11. Designing for Developers/5. → Links to see live web design inspirations or coded solutions.html 573B
  134. 4. Gathering project information from client/6. → Links and resources for this sections.html 552B
  135. 11. Designing for Developers/8. → Link and resources for Design Developer Collaboration and code generation.html 522B
  136. 4. Gathering project information from client/2. Links and examples of Design Breifs.html 452B
  137. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/2. →Links Online tools for Grid Calculations.html 333B
  138. 10. Designing for MobileSmall View (Wstudio Web Design Project)/6. → PSD and Design Source Files.html 291B
  139. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/3. Creating Modular Bootstrap 4 Grid in Photoshop manuallay.html 253B
  140. 3. Organizing your Web Design Project/5. → Links Organizing your design project.html 203B
  141. 6. Style Guides, colors and typographics scales/8. Create a Style Guide of any Website or App.html 173B
  142. 2. Requirements to take this course/3. Quiz Course Requirements test.html 170B
  143. 3. Organizing your Web Design Project/4. Quiz for organizing Web Design project.html 170B
  144. 6. Style Guides, colors and typographics scales/6. Quiz for Wireframes, Ideation and UI Style guides.html 170B
  145. 13. SVGs and Icon Fonts in Web Design/2.1 Download PSD and AI files for SVG icon.html 138B
  146. 6. Style Guides, colors and typographics scales/7.1 Download Style Guide created in this course.html 138B
  147. [FreeCourseLab.com].url 126B
  148. 10. Designing for MobileSmall View (Wstudio Web Design Project)/6.1 All course sources files (Google Drive).html 122B
  149. 4. Gathering project information from client/6.1 Download Client Questionnaire PDF MS Word Templates.html 122B
  150. 5. Sketching, Wireframing, Atomic Design & 8point Grid system/8.1 Download Wireframes Cretaed for this Course.html 122B
  151. 7. Designing for DesktopLarge View (Wstudio Web Design Project)/16.1 Download Social Icons Font.html 116B