Autoplay
Autocomplete
Previous Lesson
Complete and Continue
iOS 8 Mobile App Design: UI & UX Design From Scratch
Getting Started
Get Pumped! (15:49)
An Introduction: What am I learning? (15:49)
How about some Photoshop?
Resources (15:49)
Getting our Feet Wet with Photoshop (15:49)
Setting up a document (15:49)
Working with mockups (5:29)
Splash Screen
Starting with a Splash! (15:49)
Creating a simple logo (15:49)
A new document (4:04)
Starting Our Buttons (15:49)
Adding A Background (15:49)
Overlay and Opacity (15:49)
Finalize Our Screen (4:05)
Our First App!
Screen 1: Loading (15:49)
Registration Screen
Section Files
Arranging Our Canvas (15:49)
Styling Top Bar (15:49)
Adding Content (15:49)
Making Some Buttons (15:49)
Finishing Touches (15:49)
Building the Status Bar
Connectivity Circles (15:49)
Direction & Challenge (15:49)
Adding Text (15:49)
The Battery (15:49)
Login Screen
Setup Our Canvas (15:49)
Text Elements (15:49)
Login Button (15:49)
Finish Content (3:20)
Email & Password Icons (3:46)
Quick Reminder: Save a PSD and a JPEG (15:49)
Featured Screen
Section Files
Creating A Template (15:49)
Top Content (5:28)
Using Smart Objects (5:28)
Duplicate Course (15:49)
Description Layer (15:49)
Challenge: Adding Stars & Price (0:46)
New Smart Objects (2:45)
Replace Course Image Objects (15:49)
Drop Shadow & Course Image (2:04)
Creating An Action/Navigation Bar
Background (2:04)
Featured Icon (15:49)
Finishing Action Bar (6:47)
Search Screen
Section Files
Search Bar (15:49)
Text Field (15:49)
Organize Our Layers (15:49)
Change Active Icon (4:33)
Design Challenge
Recreate the My Courses Screen (15:49)
Wishlist Screen
Section Files
Document Setup (3:18)
Wishlist Content (15:49)
Settings Screen
Section Files
Document Setup (15:49)
First Setting Bar (15:49)
Duplicate & Clean Up Layers (2:45)
Logout Of Settings (15:49)
Creating a Prototype in InVision
Prototype VS Wireframe (15:49)
Getting Started with Invision (3:58)
Making It Clickable (6:39)
Creating an App Icon
Download IOS Icon Mockup (15:49)
Create Udemy Logo With Pen Tool (15:49)
Background Color & Export (15:49)
Invision Tricks
InVision Trick #1: Scrolling In an App (15:49)
InVision Trick #2: Adding Login Validation (15:49)
Showing the World!
Sharing your App (15:49)
Color Theory
10 Commandments of Color Theory (15:49)
Color and Branding (15:49)
The Power of Color (15:49)
Typography
An Introduction to Typography (15:49)
Different Typefaces (4:22)
Typeface Properties (15:49)
The Anatomy of Typeface (15:49)
10 Commandments of Typography (15:49)
Wireframing
Working with Wireframing Software (4:23)
Color and Font Resources (15:49)
Quick Note (15:49)
UI Kits
TETHR (15:49)
Export Assets For Development
Use RetinizeIt to Export Assets (1:14)
iOS 8 Guidlines
An Introduction to iOS 8 (1:14)
Difference Between Pixels & Points (15:49)
Asset Resolution & Downsizing (1:34)
Automatic Icon Effects (15:49)
Icon Grid System (15:49)
Typography & Custom Fonts (1:48)
Color Palette (15:49)
Iconography (15:49)
Commonly Used Design Elements (1:48)
Status Bar (1:26)
Navigation Bar (15:49)
Tool Bar (15:49)
Search Bar (15:49)
Tab Bar (1:45)
Table Views (15:49)
Temporary Views (15:49)
Controls (15:49)
iOS Is Never Finished (15:49)
Design The iOS 8 Health App
Section Files
Open health.png (2:18)
Add Top Bar (15:49)
Segmented Control (15:49)
Finalize Controls (6:54)
Start First Module (15:49)
Top Content (7:30)
Finalize Text (15:49)
Draw Analytics (15:49)
Finish Top Module (15:49)
Flights Climbed Module (15:49)
Finish Analytics (15:49)
Adding A Tab Icon (15:49)
Speed Rounds
What are Speed Rounds? (11:26)
Clipping Mask (15:49)
Create a Slider (15:49)
Making Switches (15:49)
Passcode Screen (15:49)
Alert (15:49)
Segmented Control (15:49)
Music Player (11:05)
Distorted Circle or Ellipse When Contracting in Photoshop (15:49)
Passcode Screen
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock