FreeTutorials Us workflow of responsive web design from sketching to style guides

FreeTutorials Us workflow of responsive web design from sketching to style guides

Name	[FreeTutorials.Us] workflow-of-responsive-web-design-from-sketching-to-style-guides	DOWNLOAD Copy Link
Total Size	1.3 GB
Total Files	83
Hash	F5B0ADBBA170BF989071DE1ABA5B81875760721D

/quizzes/
001 Quiz Course Requirements test.html	6.6 KB
/quizzes/
002 Quiz for organizing Web Design project.html	6.8 KB
/quizzes/
003 Quiz for Wireframes Ideation and UI Style guides.html	8.1 KB
/01 Introduction/
001 Introduction to Modern Web Design Workflow.mp4	10.6 MB
002 What you will learn in this course.mp4	10.7 MB
/02 Requirements to take this course/
003 Skills and Apps you need to take this course.mp4	6.8 MB
004 Topics you must know before advancing.html	1.3 KB
005 Photoshop extensions we need.mp4	16.9 MB
006 Links to download extensions.html	1.6 KB
/03 Organizing your Web Design Project/
007 How to organize a design project.mp4	12.6 MB
008 Naming PSD layers and groups.mp4	14.3 MB
009 Matching naming conventions with Developers.mp4	8.4 MB
010 Links Organizing your design project.html	0.5 KB
/04 Gathering project information from client/
011 What are design briefs.mp4	26.4 MB
012 Links and examples of Design Breifs.html	0.8 KB
013 Getting clients initial Sketches and ideas.mp4	8.7 MB
014 Questions to ask your client before every Web Design Project.mp4	9.8 MB
015 Using Content Gathering template for websites content.mp4	8.8 MB
016 Links and resources for this sections.html	0.9 KB
/05 Sketching Wireframing Atomic Design 8point Grid system/
017 Using Mood Boards for Web Design projects Design Direction.mp4	17.3 MB
018 Sketching and Ideation early sketches.mp4	19.5 MB
019 Introduction to Balsamiq Mockups.mp4	22.4 MB
020 Wireframing in Balsamiq mockups part 1.mp4	16.9 MB
021 Wireframing in Balsamiq mockups part 2.mp4	34.4 MB
022 Atomic Design framework.mp4	27.8 MB
023 8-point Grid System.mp4	18.4 MB
024 Links and resources for this sections.html	2.2 KB
/06 Style Guides colors and typographics scales/
025 Experimenting with Colors and Font Combinations.mp4	25.2 MB
026 What are UI Style Guides.mp4	21.4 MB
027 Examples of UI Style Guides.mp4	11.8 MB
028 Creating UI Style Guide using Photoshop.mp4	18.7 MB
029 Selecting Type Scale for Responsive Web Design.mp4	6.4 MB
030 Links and resources for this sections.html	1.8 KB
/07 Designing for DesktopLarge View Wstudio Web Design Project/
031 Calculating your grid and guides using online tools.mp4	28.4 MB
032 Links Online tools for Grid Calculations.html	0.7 KB
033 Planning your Grid for Desktop View.mp4	10.0 MB
034 How to use White Space in your Web Design.mp4	16.4 MB
035 Setting up Art Boards in Photoshop.mp4	13.7 MB
036 Designing HeaderHero area Part 1.mp4	28.4 MB
037 Designing HeaderHero area Part 2.mp4	21.9 MB
038 Designing Steps section Part 1.mp4	21.7 MB
039 Designing Steps section Part 2.mp4	22.2 MB
040 Designing User Reviews section.mp4	20.2 MB
041 Adjusting white space and vertical rhythm.mp4	20.2 MB
042 Designing Team section Part 1.mp4	26.6 MB
043 Designing Team section Part 2.mp4	18.7 MB
044 Designing Footer Part 1.mp4	21.8 MB
045 Designing Footer Part 2.mp4	28.7 MB
/08 Planning Responsive Web Design/
046 Responsive Web Design considerations Part 1.mp4	21.8 MB
047 Responsive Web Design considerations Part 2.mp4	16.6 MB
/09 Designing for TabletMedium View Wstudio Web Design Project/
048 Planning grid for TabletMedium view.mp4	21.6 MB
049 Designing HeaderHero area.mp4	24.3 MB
050 Designing Steps section How it works.mp4	30.5 MB
051 Desining and adjusting Team section.mp4	31.5 MB
052 Designing footer for tablet view.mp4	30.2 MB
/10 Designing for MobileSmall View Wstudio Web Design Project/
053 Setting up artboard and grids for Mobile view.mp4	10.9 MB
054 Designing Header for Small devices.mp4	25.3 MB
055 Designing Steps Section for Small devices.mp4	28.7 MB
056 Designing Team Section for Small devices.mp4	23.0 MB
057 Desinging Footer for Small devices.mp4	23.8 MB
058 PSD and Design Source Files.html	0.6 KB
/11 Designing for Developers/
059 What Developers need to know about your Web Design.mp4	24.6 MB
060 Generating Red Line Spacing specifications for Developers Part 1.mp4	38.8 MB
061 Generating Red Line Spacing specifications for Developers Part 2.mp4	38.7 MB
062 Which layer styles can be converted to Code HTML.mp4	20.9 MB
063 Links to see live web design inspirations or coded solutions.html	0.9 KB
064 Installing Zeplin for Web Design Collaboration.mp4	30.1 MB
065 Creating UI Style Guide with code using Zeplin.mp4	45.2 MB
066 Link and resources for Design Developer Collaboration and code generation.html	0.9 KB
067 Zepling vs Avocode Comparison of DesignerDeveloper Collaboration tools.mp4	14.0 MB
068 Sympli vs Avocode Comparison of DesignerDeveloper Collaboration tools.mp4	13.5 MB
/12 Prototyping with Invision app/
069 Introduction to Prototypes.mp4	8.5 MB
070 Getting familiar with Invision App for Prototyping.mp4	17.9 MB
071 Building Interactive Prototype with Invision App.mp4	18.6 MB
072 Links to prototyping tools.html	1.0 KB
/13 SVGs and Icon Fonts in Web Design/
073 Using Iconmoon App to create Custom Icon Fonts.mp4	28.3 MB
074 Using and Exporting SVG Graphics.mp4	30.6 MB
/14 Bonus Discount Coupons to all my Design and Freelancing courses/
075 BONUS Discount Coupon UI Design in Photoshop Course BEST SELLING.html	0.7 KB
076 BONUS Discount code Guide to great Typography for UI Designers Developers.html	0.8 KB
077 BONUS Discount Coupon Master App Icon Design for IOS Iphone Android.html	0.8 KB
078 BONUS Discount Coupon Freelancing Guide for Designers Developers course.html	0.8 KB
/
[FreeTutorials.Us].txt	0.1 KB
Freetutorials.Us.url	0.1 KB
Total files 83