Ultimate App Design Course: UI, UX & Prototyping in Adobe XD

The Complete Guide to Designing Apps in Photoshop & Adobe XD

Do you want to design outstanding apps? Impressive prototypes that look like the real deal but without any coding? This course is a master class – a comprehensive approach to mobile app designing. You’ll learn about Material Design, the principles of color, spacing, and typography, tips and tricks, how to get design resources, and much much more. Get a life skill that’s high in demand in today’s job market, all for the price of a fancy coffee.

Access 149 lectures & 14 hours of content 24/7

Design beautiful mobile apps

Create interactive prototypes without any previous knowledge

Use Photoshop for mobile app design

Explore the principles of Material Design

Learn Adobe XD from scratch

Prepare all the files for developers through a special program called Zeplin

Discover how to size elements correctly on all phone types & sizes

Learn typography best practices

Instructor

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 150.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort. Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part-time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.

Important Details

Length of time users can access this course: lifetime

Access options: web streaming, mobile streaming

Certification of completion included

Redemption deadline: redeem your code within 30 days of purchase

Experience level required: all levels

Requirements

Internet required

Course Outline

Getting Started

Requirements and your expectations - 9:05

Join Our Photoshop Community

Photoshop vs Adobe Experience Design vs Sketch - 5:44

Don’t design any mobile app without this! - 5:21

Activity: Design your first app layout – Part 1 - 7:00

Activity: Design your first app layout – Part 2 - 7:23

How much money can you earn as an app designer? - 3:07

Preview your designs on your phone - 4:05

Optional - Computer requirements - 8:31

Discover the differences between Android and iOS apps - 4:32

Best Photoshop Techniques for App Designing

Introduction - 3:19

Set up Photoshop for app designing - 4:46

Best settings for an Android project in Photoshop - 5:33

Must-know artboard features in Photoshop - 6:59

10 Tips to efficiently work with vectors in Photoshop - 11:22

Best tips for layer alignment - 8:16

Learn to efficiently select layers in artboards - 7:54

Exercise: Layer selection and repositioning - 2:04

Solve the previous exercise - 5:46

Best typography tips for app designing - 10:16

Learn how to actually use smart objects - 7:50

Material Design and Essential Android Components

Introduction to Material Design - 3:52

Android interface components overview - 6:37

Learn to design the action bar - 6:38

The simple guide to sizing components in pixels - 5:18

Sizes in pixels & action bar showcase - 7:49

Everything you need to know about tabs - 8:02

Displaying content in cards - 5:47

Beautiful and effective buttons on Android - 6:55

Text Fields - 5:21

FREE size guide for Android components

Food Delivery App

Introduction to this section - 4:08

Understanding the brief and the client's wishes - 6:54

Analyze the app’s competitors – Part 1 - 7:40

Analyze the app’s competitors – Part 2 - 7:47

Layout for the location (1) and listing (2) screens - 7:21

Layout for the restaurant details (3) screen - 6:11

How to make great design choices - 6:45

Design concepts for the location screen (1) - 8:12

Design concepts for the restaurant listing (2) - 8:44

Restaurant listing alternatives (2) - 9:50

Final restaurant listing variations (2) - 6:40

Design concepts for the restaurant details (3) screen - 9:42

Choosing the best typeface - 8:06

Define and refine our app’s style - 8:57

Finishing touches screen 1 - 7:04

Finishing touches on screens 2 and 3 - 5:00

Section overview - 2:05

Android Icons & Design Principles

Section introduction - 1:30

What do you want to be? A designer or a problem-solver? - 6:53

Discover the one thing that ruins all your designs - 4:34

UI Icons in Android apps - 7:16

Hands-on icons: Create a dashboard panel - 9:49

Android Icons: Case studies - 6:24

A guide for app design inspiration - 8:03

Target audience and the app’s story - 4:27

Create a mood board - 6:14

Discover what makes an app beautiful - 5:40

The Principles of Color in Android Apps

Android color fundamentals - 7:15

How to use color appropriately - 3:39

The principle of color contrast - 5:38

The best color schemes from top apps - 8:17

Tools for awesome color schemes - 3:18

How to implement a color scheme - 6:11

Typography in Android Apps

Android typography fundamentals - 6:51

7 rules for Android legibility - 4:52

Guide for perfect font sizing in Android apps - 5:43

Typography: what the biggest apps are doing - 6:18

How to make lots of text look great - 7:21

How to pair fonts correctly - 6:09

Designing iOS Apps

iOS apps – Overview - 4:35

1x, 2x, 3x, PPI, notch?! iOS artboard size guide - 10:16

App design comparison: iOS vs Android - 4:27

My take on the official UI Kit - 3:29

iOS status bar (with/wo Notch) - 2:49

iOS Navigation bar - 5:01

iOS Tab bar - 5:44

iOS Text Fields - 4:21

iOS Controls - 4:01

Running Android apps on Mac OS - 8:58

The official iOS typeface – should you use it? - 6:40

iOS conclusions - 1:31

Food Delivery App - Part 2

Section introduction - 1:34

Preparing the PSD for 20 + screens - 8:49

Login and registration screens – version 1 - 10:15

Login and registration screens iteration - 6:50

Design the right menu - 9:43

Design the left menu - 7:09

Creating card-based layouts for Addresses and Payments - 7:05

Add a payment method – Design a credit card - 8:00

Design the Reviews screens - 8:20

Create the restaurant’s address and user profile screens - 5:25

Making the order history screen & success page - 4:40

Create the order details screen - 9:45

An overview of our progress - 1:47

Introduction to Adobe XD

Introduction to Adobe XD (Experience Design) - 8:53

Learning XD and setting your expectations - 4:02

An overview of XD’s interface - 5:37

Getting around in Adobe XD - 3:52

Selecting layers in XD - 6:11

Shape fundamentals in Adobe XD - 8:44

Editing shapes in Adobe XD - 5:52

Text fundamentals in XD - 4:04

Grid and smart guides - 3:29

Pen tool - 3:55

Working with photos and masks - 3:43

Adobe XD tips & quirks - 8:20

Supercharge your work in Adobe XD

Optional - Disable Adobe XD's Recording Message on Windows - 1:49

From Photoshop to XD - 5:52

Create real-life mockups in just a few clicks - 5:04

Lightning speed with the Assets panel - 6:07

Linked symbols - 4:45

Preview and device preview - 4:32

Prototyping overview and sharing your design - 5:03

Create interactive prototypes - 5:18

Prototyping tips and tricks - 7:56

Make your app prototype seem real - 4:19

The incredible auto-animate and drag - 3:36

The Libraries panel - 2:45

How to Work with Mobile App Developers

Introduction to Zeplin - 4:30

What the coder gets out of Zeplin - 7:52

From Photoshop to Zeplin to Android Developers - 7:08

Anything is possible in Android! Make clients & coders love you - 10:58

Ultimate Photoshop Training: From Beginner to Pro

Master Photoshop CC 2019 Without Any Previous Knowledge

This is the Ultimate Photoshop Training course that will take you from absolute beginner to proficient Photoshop user in no time at all. The approach is simple: you'll focus on real-world cases and discover the best techniques that require minimal effort yet produce maximum results. It's all focused on getting the job done in the least amount of time possible.

Access 167 lectures & 12 hours of content 24/7

Customize Photoshop to best suit you

Create new projects & share your work

Master layers & the layers panel

Move, select, & edit layers

Work w/ the Pen Tool like a pro

Create & modify shapes

Design flat illustrations

Create & animate emojis

Instructor

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 150.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort. Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part-time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.

Learn Photoshop, Web Design & Profitable Freelancing in 2019

Create a Stable Design Income By Creating Amazing Website Designs with Photoshop

This course is designed to teach you the ins and outs of Photoshop, even if you have little to no experience with it! The goal is to learn how to design fantastic looking websites in Photoshop and create a high monthly income from them. Through this course, you'll find out how to become a successful freelancer designer on crowdsourcing platforms such as 99designs, crowdspring, designcrowd, and more. Learn how to make your workflow more efficient so you can outwit the competition by working smarter, not harder.

Access 207 lectures & 20 hours of content 24/7

Master the right tools & techniques in Photoshop

Create website designs from scratch using Photoshop

Find the best freelance web design projects

Get great tips for efficient workflows

Instructor

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 150.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort. Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part-time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.

Master Web Design in Photoshop

Unlock the Potential of This Popular, Powerful Program to Burnish Your Design Skillset

Here’s a surefire way to increase your desirability by employers everywhere: learning and improving at professional Web design skills. Take advantage of Photoshop as a design tool, using it to apply key design principles such as how to work with white space, utilize contrast, design logos, and more. Upon finishing this course, you’ll be fully acquainted with how to create sleek, stunning designs that work as beautifully as they look.

Access 85 lectures & 10 hours of content 24/7

Master Photoshop foundations & important web design principles

Design custom graphics & icons, then incorporate them in your work

Understand where to source fonts & graphics, plus how to implement them

Plan & wireframe website layouts that follow the principles of good design

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 150.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort. Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part-time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.

Adobe Photoshop CC - Advanced Training

Learn Professional Workflows & Shortcuts to Save Hours Using Photoshop.

This course is not for people new to Photoshop. This is for people who already know the fundamentals. It is for people who have their own ways of doing things but believe there really is a better, faster way to work. You'll start by learning the best selection techniques available and delve into a variety of ways to save time by developing professional workflows. If you want to be a great designer and really streamline your workflow, this course is for you.

Learn how to enlarge images without distortion & what to do when things go wrong

Remove all kinds of objects from images

Master the ability to distort, bend & reshape images

Edit videos in Photoshop

Create awesome cinemagraphs & learn to master 3D in Photoshop

Instructor

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 150.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort. Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part-time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.

Important Details

Requirements

Course Outline

Getting Started

Introduction to Advanced Adobe Photoshop - 3:45

Before you started with the Photoshop Advanced course - 1:20

Selections & Masking - Advanced

The easiest way in the world to mask a person in Adobe Photoshop - 24:23

Class Project - Select Subject - 1:41

Select mask & change a color using Photoshop - Color Range - 10:00

Using Photoshop to selection to fix grass & sky - Color Range - 7:22

How to change the color of skin in Photoshop - Color Range - 8:05

How to create an ink splash image around text - Color Range - 15:02

Class Project - Color Range - 1:54

Mask on a group rather than each layer - 11:19

Mask on a group rather than each layer - 14:14

Class Project - Chanel Mask - 1:30

How to make selections in Photoshop based on the focus area - 22:53

Class Project - Focus Area - 1:11

Selection trick using the smudge tool - 4:16

Future of selections in Photoshop with Adobe Sneaks - 7:04

Preferences & Workflow

Advanced preference changes for Adobe Photoshop - 8:36

How to speed up Adobe Photoshop if it’s running slow - 7:48

Workflow tips & tricks like a professional in Photoshop - 13:45

Advanced layer tricks in Adobe Photoshop CC - 5:58

Automatically add a watermark text or logo in Photoshop - 8:29

Batch or Image Process multiple images at once in Photoshop - 9:05

How to put loads of images into one Photoshop file quickly - 7:04

Weird Photoshop Features & Easter Eggs - 6:37

Fixing Images

How to enlarge images without becoming blurry in Photoshop - 6:57

How to fix blurry image in Photoshop using shake reduction - 8:17

Advanced color & tone correction using Levels in Photoshop - 6:44

Advanced Curves in Adobe Photoshop CC - 6:34

Cropping & Aligning & Distorting

How to reshape images without distorting in Photoshop content aware scale - 9:44

Photoshop Efficiency - Techniques For Consistent Marketing

If you’ve ever struggled to maintain a consistent look and feel across all the touchpoints of your content marketing, this lab is for you. Beautiful design is only half the battle when you’re designing for an integrated campaign in which you have to deliver, repurpose, and repeat design elements consistently and efficiently. In this fun, fast-paced, hands-on lab, you'll learn how to professionally use Photoshop to repurpose your designs across multiple media and formats.

Access 17 lectures & 1 hour of content 24/7

Structure content for multisize social imagery

Learn the best workflows for social, print, ad banners, & video

Discover the top tools for non-destructive design

Master layers, artboards, Smart Objects, & libraries

Become the master of productivity in your office

Instructor

Daniel Walter Scott has spent a long time watching others learn and teach, to refine how he works with you to be efficient, useful and, most importantly, memorable.

Daniel is a certified Adobe instructor (ACI) in Ireland. He's also an Adobe Certified Expert (ACE) and has completed the Adobe Certified Associate training (ACA). He's been teaching for 14+ years and comes from being a media designer and content creator – so he understands exactly where you're at now.

Adobe Photoshop CC - Essentials Training

Everything You Need to Know to Get Started with Photoshop

In this course, you'll learn everything you need to know about getting started with Photoshop. The beginner-friendly style ensures you don't need any previous knowledge of Photoshop, photography, or design. You'll start right at the beginning and work your way through step-by-step.

Access 87 lectures & 8 hours of content 24/7

Learn the skills to mask anything

Make type interactive

Look at popular current visual styles & learn the tools and tricks necessary to recreate them

Discover how to distort, transform, & manipulate images

Create your own graphics using simple techniques from scratch

Retouch photographs like a professional

Instructor

Daniel Walter Scott has spent a long time watching others learn and teach, to refine how he works with you to be efficient, useful and, most importantly, memorable.

Daniel is a certified Adobe instructor (ACI) in Ireland. He's also an Adobe Certified Expert (ACE) and has completed the Adobe Certified Associate training (ACA). He's been teaching for 14+ years and comes from being a media designer and content creator – so he understands exactly where you're at now.

Important Details

Requirements

Course Outline

Getting Started

Introduction - Photoshop Essentials - 2:35

Before you start this Adobe Photoshop CC Tutorial - 5:48

Layers

How to use layers in Adobe Photoshop CC - 9:56

Basic navigation & how to combine images in Photoshop - 7:37

Color & Adjustment Layers

How to fix an image using levels in Photoshop CC - 4:03

How to change the color of something in Photoshop using Hue - 2:52

How to enhance colors in Photoshop using vibrance - 3:28

How to change just one color in Adobe Photoshop CC - 1:57

How to make an image black & white in Photoshop CC - 4:35

How to add a gradient to an image & text in Photoshop - 10:57

Shapes

Creating a specific sized document Adobe Photoshop CC - 4:10

How to draw star square circle shape in Photoshop CC - 12:01

Stealing Colors & Adobe Color Themes - 6:39

Text

How to create text in Adobe Photoshop CC - 8:09

How to warp text in Adobe Photoshop CC - 1:57

How to get text to follow a line or circle in Photoshop - 13:04

Layer Styles

How to add a line around the outside of type in Photoshop - 8:17

How to a bevel or emboss to text in Photoshop CC - 2:19

How to add a drop shadow to text in Photoshop CC - 3:02

Presenting your Photoshop work for your portfolio - 6:35

Project 1 - Creating your own postcard - 4:29

Cropping

How to crop an image in Adobe Photoshop CC - 3:40

How to crop an image for a frame in Adobe Photoshop CC - 6:11

How to straighten the horizon line using Photoshop CC - 1:54

Selections & Masking

How to copy from one image to another in Photoshop CC - 6:20

How to crop images inside of text - 9:35

How to remove the background in Adobe Photoshop CC - 10:11

Class Project - Quick Select Tool - 0:37

How to put text behind a person in Adobe Photoshop CC - 7:01

How to create a layer mask in Adobe Photoshop CC - 4:47

Class project - Cut a person out & put them into another image in Photoshop - 8:57

How to blend fade one image into another in Photoshop CC - 4:35

How to weave text in and out of a Photoshop image - 3:18

How to select hair in Adobe Photoshop CC - 16:24

Class Project - Selecting hair - 1:21

How to select things with straight edges in Adobe Photoshop CC - 3:41

How to get text to interact with ink & plants in Photoshop CC - 13:15

Class Project - Text & Image Interaction - 1:41

Filters

How to add filters & effects in Adobe Photoshop - 4:14

How to turn an image into a painting in Adobe Photoshop - 3:12

Class Project – Oil Painting - 0:31

How to create the Dotted Halftone Poster Effect in Photoshop - 6:42

Class exercise - Halftone - 0:23

How to fake realistic motion blur in Adobe Photoshop CC - 4:28

The Lens Flare right of passage in Adobe Photoshop - 3:31

Smart Objects

What is a smart object in Adobe Photoshop CC - 9:03

Transform & Distort

How to bend a logo onto an image realistically in Photoshop - 7:49

How to make a sky peeling like fabric revealing background in Photoshop - 3:12

Class Project - Peeling Sky - 0:49

How to shrink body parts in Adobe Photoshop CC using liquify - 5:44

How to create dripping paint text effect in Photoshop CC - 9:17

Class Project - Drippy Paint Text - 0:51

Retouching

How to remove people & text from a picture in Photoshop - 6:56

Use Google Images to find your image before retouching - 2:38

How to remove red eye from photographs in Photoshop - 0:53

How to retouch skin in Adobe Photoshop CC - 5:22

Class Project - Retouching - 0:47

Enhancing eyes in Adobe Photoshop CC - 6:46

How to fix teeth in Adobe Photoshop CC - 4:33

Blending Modes

How to instantly remove the white background of a logo in Photoshop - 4:15

Using blending modes as color accents in Photoshop - 7:10

How to put images inside a bottle using Photoshop - 15:14

Class Project - Boat in a bottle - 2:15

Visual Styles

How to create the spotify Duotone effect in adobe Photoshop - 5:43

Class Project - Duotones - 0:20

How to create the 3D glasses Anaglyph effect in Adobe Photoshop - 6:14

Class Project - Anaglyph Effect - 0:36

How to create a vintage instagram Matte Photo in Photoshop - 8:40

Class Project - Vintage Matte Photo - 0:49

How to create the paper cut effect in Adobe Photoshop CC - 12:07

Class Project - Paper Cut Effect - 0:31

Artboards

How to use an Artboard in Adobe Photoshop CC - 20:14

Color modes & Resolution

What is the difference between RGB and CMYK in Adobe Photoshop CC - 7:12

How do you change the resolution to 300dpi in Photoshop CC - 10:38

Brushes

Basic introduction to using a wacom tablet with Photoshop - 12:22

How to create splatter paint effects in Adobe Photoshop CC - 8:11

Class Project - Ink Splats - 0:54

How to create dripping paint ink effect in Photoshop - 6:42

Class Project - Dripping Paint Brush - 0:55

How to create smoke with an image inside it using Photoshop CC - 5:50

Class Project - Smoke effect - 1:02

Shadows

How to make a Long vector hard shadow in Photoshop - 5:26

How to cast a realistic shadow on the ground in Photoshop - 7:16

Bending or curved shadow under an image in Photoshop - 3:33

Export

How to export images from Photoshop for print web & social media - 10:17