Sketch App - Modern UI Design from Udemy

Version: This is the only course on Udemy featuring the latest features of Sketch such as Libraries.

Sketch is an application which has already won the hearts of UI and UX designers around the world, even though just about anybody can learn how to use it. Among all the advantages, too numerous to list here, Sketch has a big disadvantage – it is only available for macOS. If you are one of the lucky owners of a Mac, though – it would be a waste not to make use of the potential of Sketch. Let me assure you that designing interfaces has never been so fast, and most of all – pleasant.

Course highlights:

Practical, A-Z project of App design
Tips & Tricks, make most of Sketch Tools
Vector Tools and Symbols
Colors, Icons, and Typography
BONUS. Creating a working, interactive Prototype

The course has been designed to show you full functionality of Sketch, to teach you how to best make use of its potential. Some of the topics are best presented over the course of a few, theoretical lessons, for example exporting graphics. Others, such as preparation of resources for a new project are better explained in practice. That is why I decided to divide the course into two parts. The first one is a greatly compressed compendium of hundreds of important techniques, key shortcuts, tips and tricks. Because of how vast the knowledge condensed in the video is, it was recorded with fast narration, so if you need to… don’t hesitate to stop the video and go back to any of the lessons, even the basic ones. The other half of the course is entirely practical. We focus on the use of learned techniques to design a few screens of an intelligent home app. Studying both parts of the course will teach you all the necessary theoretical concepts and equip you with practical skills needed in your everyday work on projects.

The second half of the course is focused on designing a complete project in Mobile First scheme. It will serve as a testing ground for particular combinations of techniques you must learn and use in the real projects. First, we configure the Grid and Artboard settings, then we move on to designing the icons and Symbols, and finally we create final application boards. Testing all the functions of Sketch you have learned about in theory, will showcase their practical usage and teach you good designing habits.

What's inside

Learning objectives

Create a user interface in sketch
Design a web app

Design a mobile app
Master sketch app

Create a user interface in sketch
Design a web app
Design a mobile app
Master sketch app

Syllabus

Welcome To Sketch

Introduction

Interface and Navigation

Navigation Through Document

Making Selections

Pages And Artboards

Layer Organization

Boolean Operations on Shapes

Working with Tools

Working with Shapes

Vector Tools

Transforming Shapes

Advanced Transformations

Aligning Elements

Resizing Options In Sketch

Using Masks

Useful Sketch Techniques

Exporting Assets

Mathmatical Operations

Pixel Grid

Working With Symbols

Sketch Libraries

Working in 1x Scale

Grid Layout

The Concept of our Project

Drafts and Mockups

Choosing Colors

Colors and Symbols

Typography Tools

Creating Type Ramp

Home App Project Introduction

Designing Top

Home Add Ons

Organizing and Naming Assets

Working with App's Screens

Different Home Screens

Button Variants

iOS Preview

Home Screen

Main Screen

Settings Screen

Devices Screen

Actions Screen

Action Detail Screen

Other Design Elements

Bottom Menu

Alarm Screen

Senses and Blinds Screen

Lamp Screen

Temperature Settings

Cameras Screens

Working with Different Resolutions

Porting To Different Screens

Prototyping in Sketch

Intro to Marvel

Defining Hotspots and Transitions

Readymade Prototype

Using Sketch Cloud

Goodbye

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches Sketch, which is standard in the field of product and user interface design

Covers foundational tools for designing interfaces, symbols, and typography

Offers a comprehensive course structure with theory and practical application

Builds foundational skills necessary for designing interfaces in Sketch

Introduces Sketch Libraries, a new feature that streamlines design collaboration

Provides a solid base for further exploration in Sketch and interface design

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Sketch App - Modern UI Design with these activities:

Review Vector Tools

Show steps

Refresher on vector tools will solidify your understanding of manipulating shapes in Sketch.

Browse courses on Vector Tools

Show steps

Watch a video tutorial on vector tools
Practice using the vector tools to create and edit shapes

Attend a Sketch Workshop

Show steps

Workshops provide an immersive environment to learn new skills and techniques in Sketch.

Browse courses on UX Design

Show steps

Find a Sketch workshop that aligns with your interests
Register for the workshop
Attend the workshop

Read Atomic Design

Show steps

Understanding the principles of atomic design can improve your Sketch workflow.

View Atomic Design on Amazon

Show steps

Purchase or borrow the book
Read the book
Apply the principles of atomic design to your Sketch projects

Four other activities

Expand to see all activities and additional details

Show all seven activities

Walkthrough: Designing an App's Home Screen

Show steps

Learn the design process and techniques for creating a functional app home screen.

Browse courses on UI Design

Show steps

Watch a video tutorial on designing an app home screen
Follow the steps in the tutorial to create your own design
Get feedback on your design from other students or mentors

Collaborate on a Design Project

Show steps

Working with others on a design project can enhance your creative thinking and problem-solving skills.

Show steps

Find a partner or group to work with
Brainstorm ideas for a design project
Develop a plan for your project
Work together to create your design

Design a Mobile App Prototype

Show steps

Creating a prototype helps visualize the app's functionality and flow.

Browse courses on UI Development

Show steps

Plan the flow of your app
Create screens for each step of the flow
Link the screens together
Test your prototype with users

Contribute to a Sketch Plugin

Show steps

Contributing to open-source projects can enhance your understanding of Sketch's functionality.

Show steps

Find a Sketch plugin that you would like to contribute to
Make changes to the plugin code
Submit your changes to the plugin's repository

Career center

Learners who complete Sketch App - Modern UI Design will develop knowledge and skills that may be useful to these careers:

UI Designer

UI Designers are the creative minds behind the user interfaces of websites and applications. As a UI Designer, you will be responsible for the visual design of a product, including the layout, typography, and color scheme. Sketch is an essential tool for UI Designers, as it allows them to quickly and easily create beautiful and functional user interfaces. This course will provide you with the skills you need to master Sketch and become a successful UI Designer.

See salaries and explore the career path for UI Designer

UX Designer

UX Designers focus on the user experience of a product. They work to ensure that a product is easy to use, efficient, and enjoyable. Sketch is a valuable tool for UX Designers, as it allows them to create prototypes and mockups of their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a UX Designer.

See salaries and explore the career path for UX Designer

Web Designer

Web Designers are responsible for the design and development of websites. They work to create websites that are visually appealing, functional, and easy to navigate. Sketch is a popular tool for Web Designers, as it allows them to quickly and easily create website mockups and prototypes. This course will provide you with the skills you need to use Sketch to create beautiful and effective websites.

See salaries and explore the career path for Web Designer

Graphic designer

Graphic Designers create visual content for a variety of purposes, including branding, marketing, and advertising. Sketch is a versatile tool that can be used for a variety of graphic design tasks, such as creating logos, brochures, and posters. This course will help you build a strong foundation in Sketch and learn the skills you need to succeed as a Graphic Designer.

See salaries and explore the career path for Graphic designer

Product Designer

Product Designers are responsible for the overall design and development of a product. They work to ensure that a product meets the needs of users and is successful in the marketplace. Sketch is a valuable tool for Product Designers, as it allows them to quickly and easily create prototypes and mockups of their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Product Designer.

See salaries and explore the career path for Product Designer

Interaction Designer

Interaction Designers focus on the interaction between users and products. They work to create products that are intuitive and easy to use. Sketch is a valuable tool for Interaction Designers, as it allows them to quickly and easily prototype and test their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as an Interaction Designer.

See salaries and explore the career path for Interaction Designer

Visual Designer

Visual Designers focus on the visual aspects of a product. They work to create products that are aesthetically pleasing and visually appealing. Sketch is a popular tool for Visual Designers, as it allows them to quickly and easily create beautiful and engaging visuals. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Visual Designer.

See salaries and explore the career path for Visual Designer

Front-End Developer

Front-End Developers are responsible for the design and development of the user interface of a website or application. Sketch is a valuable tool for Front-End Developers, as it allows them to quickly and easily create prototypes and mockups of their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Front-End Developer.

See salaries and explore the career path for Front-End Developer

Mobile App Developer

Mobile App Developers are responsible for the design and development of mobile applications. Sketch is a valuable tool for Mobile App Developers, as it allows them to quickly and easily create prototypes and mockups of their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Mobile App Developer.

See salaries and explore the career path for Mobile App Developer

Digital Marketer

Digital Marketers are responsible for the planning and execution of digital marketing campaigns. Sketch is a valuable tool for Digital Marketers, as it allows them to quickly and easily create visuals for their campaigns. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Digital Marketer.

See salaries and explore the career path for Digital Marketer

Software Engineer

Software Engineers are responsible for the design, development, and maintenance of software systems. Sketch is a valuable tool for Software Engineers, as it allows them to quickly and easily create prototypes and mockups of their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Software Engineer.

See salaries and explore the career path for Software Engineer

Information Architect

Information Architects are responsible for the design and organization of information. Sketch is a valuable tool for Information Architects, as it allows them to quickly and easily create prototypes and mockups of their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as an Information Architect.

See salaries and explore the career path for Information Architect

Data Analyst

Data Analysts are responsible for the collection, analysis, and interpretation of data. Sketch is a valuable tool for Data Analysts, as it allows them to quickly and easily create visualizations of their data. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Data Analyst.

See salaries and explore the career path for Data Analyst

User Researcher

User Researchers are responsible for the study of users and their needs. Sketch is a valuable tool for User Researchers, as it allows them to quickly and easily create prototypes and mockups of their designs. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a User Researcher.

See salaries and explore the career path for User Researcher

Content Strategist

Content Strategists are responsible for the planning and creation of content. Sketch is a valuable tool for Content Strategists, as it allows them to quickly and easily create prototypes and mockups of their content. This course will help you build a solid foundation in Sketch and learn the skills you need to succeed as a Content Strategist.

See salaries and explore the career path for Content Strategist