Sketch From A To Z Become An App Designer Udemy

Sketch from A to Z (2020): Become an app designer

Course provided by Udemy
Study type: Online
Starts: Anytime
Price: See latest price on Udemy

Course Description

Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users.

Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow

Master the essential principles and tools of Sketch.
Discover design techniques that will enhance your creative potential.
Learn and implementUI best practices to ensure quality and usability.
Journey from concept to completion by creating a sample mobile application.

Find Out Why Google, Apple, and Facebook Designers Use Sketch

Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products.

Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex.

When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized.

It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems.

Contents and Overview

Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises:

Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects.

Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content.

Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project.

After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers.

Who this course is for:

This course is perfect for web and print designers
This course is perfect for Photoshop or Illustrator users
This course requires practically no prior design experience
Some graphic design experience will be helpful
This course is not to learn to develop a functioning app

Featured review

Rating: 5.0 out of 5 a year ago

it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize.

Expected Outcomes

Master Sketch to create a strong mobile app design from start to finish Advanced techniques and shortcuts to design faster than most professionals User interface design best practices to solve problems effectively Know how to simplify visual information to clarify meaning and improve UX Understand how to design for different device viewports How to leverage tools to ensure pixel perfect design work How to save tons of time by using shared styles, symbols, and libraries How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0 out of 5 a year ago it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize. Show more Show less Course content 11 sections • 57 lectures • 3h 39m total length Expand all sections Introduction 6 lectures • 17min Introduction Preview 01:35 What is Sketch? Preview 01:27 Installing the included fonts 01:27 Raster vs Vector 04:05 Interface Tour Preview 04:15 The Anatomy of a Sketch Document 04:15 Starting Your Project Right 2 lectures • 6min Artboard Sizes for iOS Apps 03:04 Save and Autosave Preview 03:21 Intro Quiz 4 questions Layer Basics 7 lectures • 29min Types of Layers 02:26 A quick learning tip Preview 00:10 Interacting with Objects 05:44 Easy Precision and Math Preview 07:06 Guides, Grids, and Measuring 09:55 Hiding, Locking, and Grouping Layers 04:08 Layer Basics Quiz 6 questions Sketch shortcuts cheat sheet 00:00 Shapes 13 lectures • 54min Adding Shapes 05:48 Activity - Building the Blockframe 09:47 Activity - Finishing the Blockframe 07:44 Editing Shapes 05:51 Drawing Vector Shapes 02:49 Activity - Drawing Vector Shapes 00:16 Boolean Operations Preview 03:05 Activity - Boolean Operations 00:29 Images and Masking 09:03 Resizing vs Scaling 02:38 Make Grid 02:36 Pasting from Illustrator 01:31 Pasting in the graphics 02:24 Shapes Quiz 8 questions Styling 9 lectures • 43min Fills 08:45 Colors 08:08 Borders 06:58 The Magic of Shadows Preview 03:39 Blending Modes and Opacity 04:45 Blurs 03:27 Borrowing Style 02:08 Shared Styles 04:55 Finishing Touches 00:43 Styling Quiz 6 questions Text 4 lectures • 17min Basics of Text Editing 10:33 Text and Styles 03:51 Missing Fonts 01:18 Adding the remaining text 00:50 Text Quiz 3 questions Images Quiz 2 questions Symbols 7 lectures • 24min Symbols 04:29 Organizing Symbols 02:50 Symbol Overrides Preview 03:34 Smart Layout 02:09 Nesting Symbols 02:57 More about Smart Layout 03:16 Sketch Libraries 04:33 Symbols Quiz 2 questions Images 3 lectures • 8min Color Adjustments 02:22 Bitmap Editing 02:37 Applying Styles to Images 02:47 Exporting 3 lectures • 13min Exporting Artboards 03:46 Export Presets 03:00 Exporting Layers and Slices 06:32 Exporting Quiz 3 questions Congratulations! 1 lecture • 1min Congratulations! 00:55 1 more section Instructor Joseph Angelo Todaro UI/UX Designer & Professor of Design 4.7 Instructor Rating 9,329 Reviews 34,277 Students 3 Courses My education, career, and even personal life have been molded by one simple principle; well designed information resonates with people and can change lives. I have a passion for making information resonate. It all starts with how people think. With how humans work. As humans we have learned how to read and write and while that is incredible, we are also already hard-wired to do some things a bit more "automatically". We are animals – designed to see things things as a whole. To start with a big picture and build understanding as we break it down. To learn from the visual. The spacial. The tangible. Information can be all of these things. The difference is design. I am a designer who uses the art, science, and psychology of design to nurture effective communication and facilitate enjoyable experiences. Through over 10,000 hours of one-to-one teaching for one of the largest software companies in the world and over a decade of exploring the visual arts, I have learned to make information work for people. "People ignore design that ignores people." - Frank Chimero Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6785fc316c08541c',m:'7ac05d9ff4b5844e7420a769292edfda4cf6df17-1627893456-1800-AXl4sBTZHat2mYuwlWMmkGsWfNQr653RoKKoLTIAOwpumfPxDOjhxdvPt1Kka1VIy36epK40a1iM/V84y3MD8fZ9WgrKLRKEhg0NwmdSnJi8/jxL7H3IXsy4FRpt4jpITFnm4O3htvfxT/Y/YLpp1C8=',s:[0xd16b097c8f,0x8865e6f25e],}})();
Advanced techniques and shortcuts to design faster than most professionals User interface design best practices to solve problems effectively Know how to simplify visual information to clarify meaning and improve UX Understand how to design for different device viewports How to leverage tools to ensure pixel perfect design work How to save tons of time by using shared styles, symbols, and libraries How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0 out of 5 a year ago it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize. Show more Show less Course content 11 sections • 57 lectures • 3h 39m total length Expand all sections Introduction 6 lectures • 17min Introduction Preview 01:35 What is Sketch? Preview 01:27 Installing the included fonts 01:27 Raster vs Vector 04:05 Interface Tour Preview 04:15 The Anatomy of a Sketch Document 04:15 Starting Your Project Right 2 lectures • 6min Artboard Sizes for iOS Apps 03:04 Save and Autosave Preview 03:21 Intro Quiz 4 questions Layer Basics 7 lectures • 29min Types of Layers 02:26 A quick learning tip Preview 00:10 Interacting with Objects 05:44 Easy Precision and Math Preview 07:06 Guides, Grids, and Measuring 09:55 Hiding, Locking, and Grouping Layers 04:08 Layer Basics Quiz 6 questions Sketch shortcuts cheat sheet 00:00 Shapes 13 lectures • 54min Adding Shapes 05:48 Activity - Building the Blockframe 09:47 Activity - Finishing the Blockframe 07:44 Editing Shapes 05:51 Drawing Vector Shapes 02:49 Activity - Drawing Vector Shapes 00:16 Boolean Operations Preview 03:05 Activity - Boolean Operations 00:29 Images and Masking 09:03 Resizing vs Scaling 02:38 Make Grid 02:36 Pasting from Illustrator 01:31 Pasting in the graphics 02:24 Shapes Quiz 8 questions Styling 9 lectures • 43min Fills 08:45 Colors 08:08 Borders 06:58 The Magic of Shadows Preview 03:39 Blending Modes and Opacity 04:45 Blurs 03:27 Borrowing Style 02:08 Shared Styles 04:55 Finishing Touches 00:43 Styling Quiz 6 questions Text 4 lectures • 17min Basics of Text Editing 10:33 Text and Styles 03:51 Missing Fonts 01:18 Adding the remaining text 00:50 Text Quiz 3 questions Images Quiz 2 questions Symbols 7 lectures • 24min Symbols 04:29 Organizing Symbols 02:50 Symbol Overrides Preview 03:34 Smart Layout 02:09 Nesting Symbols 02:57 More about Smart Layout 03:16 Sketch Libraries 04:33 Symbols Quiz 2 questions Images 3 lectures • 8min Color Adjustments 02:22 Bitmap Editing 02:37 Applying Styles to Images 02:47 Exporting 3 lectures • 13min Exporting Artboards 03:46 Export Presets 03:00 Exporting Layers and Slices 06:32 Exporting Quiz 3 questions Congratulations! 1 lecture • 1min Congratulations! 00:55 1 more section Instructor Joseph Angelo Todaro UI/UX Designer & Professor of Design 4.7 Instructor Rating 9,329 Reviews 34,277 Students 3 Courses My education, career, and even personal life have been molded by one simple principle; well designed information resonates with people and can change lives. I have a passion for making information resonate. It all starts with how people think. With how humans work. As humans we have learned how to read and write and while that is incredible, we are also already hard-wired to do some things a bit more "automatically". We are animals – designed to see things things as a whole. To start with a big picture and build understanding as we break it down. To learn from the visual. The spacial. The tangible. Information can be all of these things. The difference is design. I am a designer who uses the art, science, and psychology of design to nurture effective communication and facilitate enjoyable experiences. Through over 10,000 hours of one-to-one teaching for one of the largest software companies in the world and over a decade of exploring the visual arts, I have learned to make information work for people. "People ignore design that ignores people." - Frank Chimero Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6785fc316c08541c',m:'7ac05d9ff4b5844e7420a769292edfda4cf6df17-1627893456-1800-AXl4sBTZHat2mYuwlWMmkGsWfNQr653RoKKoLTIAOwpumfPxDOjhxdvPt1Kka1VIy36epK40a1iM/V84y3MD8fZ9WgrKLRKEhg0NwmdSnJi8/jxL7H3IXsy4FRpt4jpITFnm4O3htvfxT/Y/YLpp1C8=',s:[0xd16b097c8f,0x8865e6f25e],}})();
User interface design best practices to solve problems effectively Know how to simplify visual information to clarify meaning and improve UX Understand how to design for different device viewports How to leverage tools to ensure pixel perfect design work How to save tons of time by using shared styles, symbols, and libraries How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0 out of 5 a year ago it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize. Show more Show less Course content 11 sections • 57 lectures • 3h 39m total length Expand all sections Introduction 6 lectures • 17min Introduction Preview 01:35 What is Sketch? Preview 01:27 Installing the included fonts 01:27 Raster vs Vector 04:05 Interface Tour Preview 04:15 The Anatomy of a Sketch Document 04:15 Starting Your Project Right 2 lectures • 6min Artboard Sizes for iOS Apps 03:04 Save and Autosave Preview 03:21 Intro Quiz 4 questions Layer Basics 7 lectures • 29min Types of Layers 02:26 A quick learning tip Preview 00:10 Interacting with Objects 05:44 Easy Precision and Math Preview 07:06 Guides, Grids, and Measuring 09:55 Hiding, Locking, and Grouping Layers 04:08 Layer Basics Quiz 6 questions Sketch shortcuts cheat sheet 00:00 Shapes 13 lectures • 54min Adding Shapes 05:48 Activity - Building the Blockframe 09:47 Activity - Finishing the Blockframe 07:44 Editing Shapes 05:51 Drawing Vector Shapes 02:49 Activity - Drawing Vector Shapes 00:16 Boolean Operations Preview 03:05 Activity - Boolean Operations 00:29 Images and Masking 09:03 Resizing vs Scaling 02:38 Make Grid 02:36 Pasting from Illustrator 01:31 Pasting in the graphics 02:24 Shapes Quiz 8 questions Styling 9 lectures • 43min Fills 08:45 Colors 08:08 Borders 06:58 The Magic of Shadows Preview 03:39 Blending Modes and Opacity 04:45 Blurs 03:27 Borrowing Style 02:08 Shared Styles 04:55 Finishing Touches 00:43 Styling Quiz 6 questions Text 4 lectures • 17min Basics of Text Editing 10:33 Text and Styles 03:51 Missing Fonts 01:18 Adding the remaining text 00:50 Text Quiz 3 questions Images Quiz 2 questions Symbols 7 lectures • 24min Symbols 04:29 Organizing Symbols 02:50 Symbol Overrides Preview 03:34 Smart Layout 02:09 Nesting Symbols 02:57 More about Smart Layout 03:16 Sketch Libraries 04:33 Symbols Quiz 2 questions Images 3 lectures • 8min Color Adjustments 02:22 Bitmap Editing 02:37 Applying Styles to Images 02:47 Exporting 3 lectures • 13min Exporting Artboards 03:46 Export Presets 03:00 Exporting Layers and Slices 06:32 Exporting Quiz 3 questions Congratulations! 1 lecture • 1min Congratulations! 00:55 1 more section Instructor Joseph Angelo Todaro UI/UX Designer & Professor of Design 4.7 Instructor Rating 9,329 Reviews 34,277 Students 3 Courses My education, career, and even personal life have been molded by one simple principle; well designed information resonates with people and can change lives. I have a passion for making information resonate. It all starts with how people think. With how humans work. As humans we have learned how to read and write and while that is incredible, we are also already hard-wired to do some things a bit more "automatically". We are animals – designed to see things things as a whole. To start with a big picture and build understanding as we break it down. To learn from the visual. The spacial. The tangible. Information can be all of these things. The difference is design. I am a designer who uses the art, science, and psychology of design to nurture effective communication and facilitate enjoyable experiences. Through over 10,000 hours of one-to-one teaching for one of the largest software companies in the world and over a decade of exploring the visual arts, I have learned to make information work for people. "People ignore design that ignores people." - Frank Chimero Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6785fc316c08541c',m:'7ac05d9ff4b5844e7420a769292edfda4cf6df17-1627893456-1800-AXl4sBTZHat2mYuwlWMmkGsWfNQr653RoKKoLTIAOwpumfPxDOjhxdvPt1Kka1VIy36epK40a1iM/V84y3MD8fZ9WgrKLRKEhg0NwmdSnJi8/jxL7H3IXsy4FRpt4jpITFnm4O3htvfxT/Y/YLpp1C8=',s:[0xd16b097c8f,0x8865e6f25e],}})();
Know how to simplify visual information to clarify meaning and improve UX Understand how to design for different device viewports How to leverage tools to ensure pixel perfect design work How to save tons of time by using shared styles, symbols, and libraries How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0 out of 5 a year ago it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize. Show more Show less Course content 11 sections • 57 lectures • 3h 39m total length Expand all sections Introduction 6 lectures • 17min Introduction Preview 01:35 What is Sketch? Preview 01:27 Installing the included fonts 01:27 Raster vs Vector 04:05 Interface Tour Preview 04:15 The Anatomy of a Sketch Document 04:15 Starting Your Project Right 2 lectures • 6min Artboard Sizes for iOS Apps 03:04 Save and Autosave Preview 03:21 Intro Quiz 4 questions Layer Basics 7 lectures • 29min Types of Layers 02:26 A quick learning tip Preview 00:10 Interacting with Objects 05:44 Easy Precision and Math Preview 07:06 Guides, Grids, and Measuring 09:55 Hiding, Locking, and Grouping Layers 04:08 Layer Basics Quiz 6 questions Sketch shortcuts cheat sheet 00:00 Shapes 13 lectures • 54min Adding Shapes 05:48 Activity - Building the Blockframe 09:47 Activity - Finishing the Blockframe 07:44 Editing Shapes 05:51 Drawing Vector Shapes 02:49 Activity - Drawing Vector Shapes 00:16 Boolean Operations Preview 03:05 Activity - Boolean Operations 00:29 Images and Masking 09:03 Resizing vs Scaling 02:38 Make Grid 02:36 Pasting from Illustrator 01:31 Pasting in the graphics 02:24 Shapes Quiz 8 questions Styling 9 lectures • 43min Fills 08:45 Colors 08:08 Borders 06:58 The Magic of Shadows Preview 03:39 Blending Modes and Opacity 04:45 Blurs 03:27 Borrowing Style 02:08 Shared Styles 04:55 Finishing Touches 00:43 Styling Quiz 6 questions Text 4 lectures • 17min Basics of Text Editing 10:33 Text and Styles 03:51 Missing Fonts 01:18 Adding the remaining text 00:50 Text Quiz 3 questions Images Quiz 2 questions Symbols 7 lectures • 24min Symbols 04:29 Organizing Symbols 02:50 Symbol Overrides Preview 03:34 Smart Layout 02:09 Nesting Symbols 02:57 More about Smart Layout 03:16 Sketch Libraries 04:33 Symbols Quiz 2 questions Images 3 lectures • 8min Color Adjustments 02:22 Bitmap Editing 02:37 Applying Styles to Images 02:47 Exporting 3 lectures • 13min Exporting Artboards 03:46 Export Presets 03:00 Exporting Layers and Slices 06:32 Exporting Quiz 3 questions Congratulations! 1 lecture • 1min Congratulations! 00:55 1 more section Instructor Joseph Angelo Todaro UI/UX Designer & Professor of Design 4.7 Instructor Rating 9,329 Reviews 34,277 Students 3 Courses My education, career, and even personal life have been molded by one simple principle; well designed information resonates with people and can change lives. I have a passion for making information resonate. It all starts with how people think. With how humans work. As humans we have learned how to read and write and while that is incredible, we are also already hard-wired to do some things a bit more "automatically". We are animals – designed to see things things as a whole. To start with a big picture and build understanding as we break it down. To learn from the visual. The spacial. The tangible. Information can be all of these things. The difference is design. I am a designer who uses the art, science, and psychology of design to nurture effective communication and facilitate enjoyable experiences. Through over 10,000 hours of one-to-one teaching for one of the largest software companies in the world and over a decade of exploring the visual arts, I have learned to make information work for people. "People ignore design that ignores people." - Frank Chimero Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6785fc316c08541c',m:'7ac05d9ff4b5844e7420a769292edfda4cf6df17-1627893456-1800-AXl4sBTZHat2mYuwlWMmkGsWfNQr653RoKKoLTIAOwpumfPxDOjhxdvPt1Kka1VIy36epK40a1iM/V84y3MD8fZ9WgrKLRKEhg0NwmdSnJi8/jxL7H3IXsy4FRpt4jpITFnm4O3htvfxT/Y/YLpp1C8=',s:[0xd16b097c8f,0x8865e6f25e],}})();
Understand how to design for different device viewports How to leverage tools to ensure pixel perfect design work How to save tons of time by using shared styles, symbols, and libraries How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0 out of 5 a year ago it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize. Show more Show less Course content 11 sections • 57 lectures • 3h 39m total length Expand all sections Introduction 6 lectures • 17min Introduction Preview 01:35 What is Sketch? Preview 01:27 Installing the included fonts 01:27 Raster vs Vector 04:05 Interface Tour Preview 04:15 The Anatomy of a Sketch Document 04:15 Starting Your Project Right 2 lectures • 6min Artboard Sizes for iOS Apps 03:04 Save and Autosave Preview 03:21 Intro Quiz 4 questions Layer Basics 7 lectures • 29min Types of Layers 02:26 A quick learning tip Preview 00:10 Interacting with Objects 05:44 Easy Precision and Math Preview 07:06 Guides, Grids, and Measuring 09:55 Hiding, Locking, and Grouping Layers 04:08 Layer Basics Quiz 6 questions Sketch shortcuts cheat sheet 00:00 Shapes 13 lectures • 54min Adding Shapes 05:48 Activity - Building the Blockframe 09:47 Activity - Finishing the Blockframe 07:44 Editing Shapes 05:51 Drawing Vector Shapes 02:49 Activity - Drawing Vector Shapes 00:16 Boolean Operations Preview 03:05 Activity - Boolean Operations 00:29 Images and Masking 09:03 Resizing vs Scaling 02:38 Make Grid 02:36 Pasting from Illustrator 01:31 Pasting in the graphics 02:24 Shapes Quiz 8 questions Styling 9 lectures • 43min Fills 08:45 Colors 08:08 Borders 06:58 The Magic of Shadows Preview 03:39 Blending Modes and Opacity 04:45 Blurs 03:27 Borrowing Style 02:08 Shared Styles 04:55 Finishing Touches 00:43 Styling Quiz 6 questions Text 4 lectures • 17min Basics of Text Editing 10:33 Text and Styles 03:51 Missing Fonts 01:18 Adding the remaining text 00:50 Text Quiz 3 questions Images Quiz 2 questions Symbols 7 lectures • 24min Symbols 04:29 Organizing Symbols 02:50 Symbol Overrides Preview 03:34 Smart Layout 02:09 Nesting Symbols 02:57 More about Smart Layout 03:16 Sketch Libraries 04:33 Symbols Quiz 2 questions Images 3 lectures • 8min Color Adjustments 02:22 Bitmap Editing 02:37 Applying Styles to Images 02:47 Exporting 3 lectures • 13min Exporting Artboards 03:46 Export Presets 03:00 Exporting Layers and Slices 06:32 Exporting Quiz 3 questions Congratulations! 1 lecture • 1min Congratulations! 00:55 1 more section Instructor Joseph Angelo Todaro UI/UX Designer & Professor of Design 4.7 Instructor Rating 9,329 Reviews 34,277 Students 3 Courses My education, career, and even personal life have been molded by one simple principle; well designed information resonates with people and can change lives. I have a passion for making information resonate. It all starts with how people think. With how humans work. As humans we have learned how to read and write and while that is incredible, we are also already hard-wired to do some things a bit more "automatically". We are animals – designed to see things things as a whole. To start with a big picture and build understanding as we break it down. To learn from the visual. The spacial. The tangible. Information can be all of these things. The difference is design. I am a designer who uses the art, science, and psychology of design to nurture effective communication and facilitate enjoyable experiences. Through over 10,000 hours of one-to-one teaching for one of the largest software companies in the world and over a decade of exploring the visual arts, I have learned to make information work for people. "People ignore design that ignores people." - Frank Chimero Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6785fc316c08541c',m:'7ac05d9ff4b5844e7420a769292edfda4cf6df17-1627893456-1800-AXl4sBTZHat2mYuwlWMmkGsWfNQr653RoKKoLTIAOwpumfPxDOjhxdvPt1Kka1VIy36epK40a1iM/V84y3MD8fZ9WgrKLRKEhg0NwmdSnJi8/jxL7H3IXsy4FRpt4jpITFnm4O3htvfxT/Y/YLpp1C8=',s:[0xd16b097c8f,0x8865e6f25e],}})();
How to leverage tools to ensure pixel perfect design work How to save tons of time by using shared styles, symbols, and libraries How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0 out of 5 a year ago it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize. Show more Show less Course content 11 sections • 57 lectures • 3h 39m total length Expand all sections Introduction 6 lectures • 17min Introduction Preview 01:35 What is Sketch? Preview 01:27 Installing the included fonts 01:27 Raster vs Vector 04:05 Interface Tour Preview 04:15 The Anatomy of a Sketch Document 04:15 Starting Your Project Right 2 lectures • 6min Artboard Sizes for iOS Apps 03:04 Save and Autosave Preview 03:21 Intro Quiz 4 questions Layer Basics 7 lectures • 29min Types of Layers 02:26 A quick learning tip Preview 00:10 Interacting with Objects 05:44 Easy Precision and Math Preview 07:06 Guides, Grids, and Measuring 09:55 Hiding, Locking, and Grouping Layers 04:08 Layer Basics Quiz 6 questions Sketch shortcuts cheat sheet 00:00 Shapes 13 lectures • 54min Adding Shapes 05:48 Activity - Building the Blockframe 09:47 Activity - Finishing the Blockframe 07:44 Editing Shapes 05:51 Drawing Vector Shapes 02:49 Activity - Drawing Vector Shapes 00:16 Boolean Operations Preview 03:05 Activity - Boolean Operations 00:29 Images and Masking 09:03 Resizing vs Scaling 02:38 Make Grid 02:36 Pasting from Illustrator 01:31 Pasting in the graphics 02:24 Shapes Quiz 8 questions Styling 9 lectures • 43min Fills 08:45 Colors 08:08 Borders 06:58 The Magic of Shadows Preview 03:39 Blending Modes and Opacity 04:45 Blurs 03:27 Borrowing Style 02:08 Shared Styles 04:55 Finishing Touches 00:43 Styling Quiz 6 questions Text 4 lectures • 17min Basics of Text Editing 10:33 Text and Styles 03:51 Missing Fonts 01:18 Adding the remaining text 00:50 Text Quiz 3 questions Images Quiz 2 questions Symbols 7 lectures • 24min Symbols 04:29 Organizing Symbols 02:50 Symbol Overrides Preview 03:34 Smart Layout 02:09 Nesting Symbols 02:57 More about Smart Layout 03:16 Sketch Libraries 04:33 Symbols Quiz 2 questions Images 3 lectures • 8min Color Adjustments 02:22 Bitmap Editing 02:37 Applying Styles to Images 02:47 Exporting 3 lectures • 13min Exporting Artboards 03:46 Export Presets 03:00 Exporting Layers and Slices 06:32 Exporting Quiz 3 questions Congratulations! 1 lecture • 1min Congratulations! 00:55 1 more section Instructor Joseph Angelo Todaro UI/UX Designer & Professor of Design 4.7 Instructor Rating 9,329 Reviews 34,277 Students 3 Courses My education, career, and even personal life have been molded by one simple principle; well designed information resonates with people and can change lives. I have a passion for making information resonate. It all starts with how people think. With how humans work. As humans we have learned how to read and write and while that is incredible, we are also already hard-wired to do some things a bit more "automatically". We are animals – designed to see things things as a whole. To start with a big picture and build understanding as we break it down. To learn from the visual. The spacial. The tangible. Information can be all of these things. The difference is design. I am a designer who uses the art, science, and psychology of design to nurture effective communication and facilitate enjoyable experiences. Through over 10,000 hours of one-to-one teaching for one of the largest software companies in the world and over a decade of exploring the visual arts, I have learned to make information work for people. "People ignore design that ignores people." - Frank Chimero Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6785fc316c08541c',m:'7ac05d9ff4b5844e7420a769292edfda4cf6df17-1627893456-1800-AXl4sBTZHat2mYuwlWMmkGsWfNQr653RoKKoLTIAOwpumfPxDOjhxdvPt1Kka1VIy36epK40a1iM/V84y3MD8fZ9WgrKLRKEhg0NwmdSnJi8/jxL7H3IXsy4FRpt4jpITFnm4O3htvfxT/Y/YLpp1C8=',s:[0xd16b097c8f,0x8865e6f25e],}})();
How to save tons of time by using shared styles, symbols, and libraries How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0 out of 5 a year ago it was not clear to me at the start that all the assets were in the same zip file but once I opened the zip I determined that they were in fact multiple lessons included in the Original.zip even though they were called something else in the lesson list. Though lesson 28 I have discovered though the speaker tells us what he is clicking, a second review of the lesson without doing any tasks, helps me to learn what I was trying to mimerize. Show more Show less Course content 11 sections • 57 lectures • 3h 39m total length Expand all sections Introduction 6 lectures • 17min Introduction Preview 01:35 What is Sketch? Preview 01:27 Installing the included fonts 01:27 Raster vs Vector 04:05 Interface Tour Preview 04:15 The Anatomy of a Sketch Document 04:15 Starting Your Project Right 2 lectures • 6min Artboard Sizes for iOS Apps 03:04 Save and Autosave Preview 03:21 Intro Quiz 4 questions Layer Basics 7 lectures • 29min Types of Layers 02:26 A quick learning tip Preview 00:10 Interacting with Objects 05:44 Easy Precision and Math Preview 07:06 Guides, Grids, and Measuring 09:55 Hiding, Locking, and Grouping Layers 04:08 Layer Basics Quiz 6 questions Sketch shortcuts cheat sheet 00:00 Shapes 13 lectures • 54min Adding Shapes 05:48 Activity - Building the Blockframe 09:47 Activity - Finishing the Blockframe 07:44 Editing Shapes 05:51 Drawing Vector Shapes 02:49 Activity - Drawing Vector Shapes 00:16 Boolean Operations Preview 03:05 Activity - Boolean Operations 00:29 Images and Masking 09:03 Resizing vs Scaling 02:38 Make Grid 02:36 Pasting from Illustrator 01:31 Pasting in the graphics 02:24 Shapes Quiz 8 questions Styling 9 lectures • 43min Fills 08:45 Colors 08:08 Borders 06:58 The Magic of Shadows Preview 03:39 Blending Modes and Opacity 04:45 Blurs 03:27 Borrowing Style 02:08 Shared Styles 04:55 Finishing Touches 00:43 Styling Quiz 6 questions Text 4 lectures • 17min Basics of Text Editing 10:33 Text and Styles 03:51 Missing Fonts 01:18 Adding the remaining text 00:50 Text Quiz 3 questions Images Quiz 2 questions Symbols 7 lectures • 24min Symbols 04:29 Organizing Symbols 02:50 Symbol Overrides Preview 03:34 Smart Layout 02:09 Nesting Symbols 02:57 More about Smart Layout 03:16 Sketch Libraries 04:33 Symbols Quiz 2 questions Images 3 lectures • 8min Color Adjustments 02:22 Bitmap Editing 02:37 Applying Styles to Images 02:47 Exporting 3 lectures • 13min Exporting Artboards 03:46 Export Presets 03:00 Exporting Layers and Slices 06:32 Exporting Quiz 3 questions Congratulations! 1 lecture • 1min Congratulations! 00:55 1 more section Instructor Joseph Angelo Todaro UI/UX Designer & Professor of Design 4.7 Instructor Rating 9,329 Reviews 34,277 Students 3 Courses My education, career, and even personal life have been molded by one simple principle; well designed information resonates with people and can change lives. I have a passion for making information resonate. It all starts with how people think. With how humans work. As humans we have learned how to read and write and while that is incredible, we are also already hard-wired to do some things a bit more "automatically". We are animals – designed to see things things as a whole. To start with a big picture and build understanding as we break it down. To learn from the visual. The spacial. The tangible. Information can be all of these things. The difference is design. I am a designer who uses the art, science, and psychology of design to nurture effective communication and facilitate enjoyable experiences. Through over 10,000 hours of one-to-one teaching for one of the largest software companies in the world and over a decade of exploring the visual arts, I have learned to make information work for people. "People ignore design that ignores people." - Frank Chimero Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6785fc316c08541c',m:'7ac05d9ff4b5844e7420a769292edfda4cf6df17-1627893456-1800-AXl4sBTZHat2mYuwlWMmkGsWfNQr653RoKKoLTIAOwpumfPxDOjhxdvPt1Kka1VIy36epK40a1iM/V84y3MD8fZ9WgrKLRKEhg0NwmdSnJi8/jxL7H3IXsy4FRpt4jpITFnm4O3htvfxT/Y/YLpp1C8=',s:[0xd16b097c8f,0x8865e6f25e],}})();
How to export and hand off the assets developers need to build a real app How a good UI (user interface) influences good UX (user experience) Be a professional designer who creates better apps faster Curated for the Udemy Business collection Requirements Download Sketch and purchase a license or use the free trial Description Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users. Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow Master the essential principles and tools of Sketch. Discover design techniques that will enhance your creative potential. Learn and implementUI best practices to ensure quality and usability. Journey from concept to completion by creating a sample mobile application. Find Out Why Google, Apple, and Facebook Designers Use Sketch Many of Silicon Valley's most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it's fast and intuitive, and produces stunning final products. Sketch isn't just a tool for designing pretty apps, It's a tool for composing UI components and design patterns that scale without effort as projects grow more complex. When it comes to styling, we're able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized. It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems. Contents and Overview Whether you're a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises: Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects. Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content. Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project. After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers. Who this course is for: This course is perfect for web and print designers This course is perfect for Photoshop or Illustrator users This course requires practically no prior design experience Some graphic design experience will be helpful This course is not to learn to develop a functioning app Show more Show less Featured review Mike Granberry 16 courses 9 reviews Rating: 5.0

Report this listing