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