Sketch App Modern Ui Design

Design User Interfaces for Apps & Web

Last updated 2022-01-10 | 4.4

- Create a User Interface in Sketch
- Design a Web App
- Design a Mobile App

What you'll learn

Create a User Interface in Sketch
Design a Web App
Design a Mobile App
Master Sketch App

* Requirements

* This course is for macOS users only

Description

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.

Who this course is for:

  • UI Designers
  • Web Designers
  • App Designers
  • UX Designers
  • Graphic Designers

Course content

11 sections • 50 lectures

Navigation Through Document Preview 05:42

Making Selections Preview 06:00

Pages And Artboards Preview 07:02

Layer Organization Preview 04:06

Boolean Operations on Shapes Preview 07:09

Working with Shapes Preview 09:54

Vector Tools Preview 10:20

Transforming Shapes Preview 08:33

Advanced Transformations Preview 07:27

Aligning Elements Preview 10:20

Resizing Options In Sketch Preview 09:32

Using Masks Preview 09:21

Exporting Assets Preview 11:29

Mathmatical Operations Preview 05:59

Pixel Grid Preview 05:07

Working With Symbols Preview 13:15

Sketch Libraries Preview 08:33

Working in 1x Scale Preview 09:11

Grid Layout Preview 07:51

Drafts and Mockups Preview 07:03

Choosing Colors Preview 11:13

Colors and Symbols Preview 07:54

Typography Tools Preview 07:30

Creating Type Ramp Preview 08:19

Bottom Menu Preview 07:48

Alarm Screen Preview 11:48

Senses and Blinds Screen Preview 11:27

Lamp Screen Preview 14:14

Temperature Settings Preview 06:13

Cameras Screens Preview 10:26

Intro to Marvel Preview 07:58

Defining Hotspots and Transitions Preview 13:32

Readymade Prototype Preview 05:39

Using Sketch Cloud Preview 06:03

Goodbye Preview 00:49