4.4 out of 5
4.4
246 reviews on Udemy

iOS 8 Mobile App Design: UI & UX Design From Scratch

A step by step guide to design amazing iOS 8 apps from scratch. Go from zero experience to pro mobile app designer.
Instructor:
Andrew Eddy
22,933 students enrolled
English [Auto-generated]
Design Mobile Applications
Build working prototypes of mobile applications to showoff and bring their ideas to life.
Validate and idea in the mobile marketplace.
Not only design an app from scratch, but create a clickable prototype that will display on an actual iPhone.
Learn the fundamentals of app design.
Learn photoshop from a UX/UI design perspective.
Use and create amazing mockups.
Learn the basics of color theory and typography.
Make money as a graphic designer.

Updated 3/26/2015

JOIN OVER 2600 SUCCESSFUL STUDENTS WHO HAVE ALREADY TAKEN THIS COURSE!

—————————————————————————————————————–

Lean to Design Mobile iOS 8 Apps today!


Try at no risk: 30 day money back guarantee

– No Prior Experience

– No Programming

– Use either Mac or Windows

– Design Mobile Apps From Scratch

– No design, photoshop, or iOS 8 knowledge necessary

It seems like everyone has an iPhone. iOS 8 is the biggest update ever and everyone needs a talented designer. You can go from ZERO experience to a professional iOS 8 mobile app designer in just a few short weeks.(or days depending on how fast you move!)

Create amazing user experience and bring those awesome ideas of yours to life!

Have you ever had an idea for an app? If you have, this is probably what happened. You told your friends and some of them said, “that is a great idea.” Others may have said, “I am not quite sure what you are talking about.” You may have even approached a developer who quoted you an arm and a leg.

Imagine if you had the ability to design the interface that you can picture in your head with such clarity.

When I started my first business, I was ready. I designed how the app would look, feel, and flow. I then created a clickable prototype so potential customers and investors could actually see what the app would be like.

This allowed me to raise 100k in seed funding, find a programmer to develop the app for equity, and launch my first successful business at the age of 21.

The crazy part is, its not that hard! I taught myself everything I know, and thus take a different approach to teaching. We are going to be learning BY DOING. We jump straight into photoshop and you will be creating your very first app design in your first day.

I will include links to helpful resources, and downloads for specific PSD’s(photoshop documents) and JPEGS.

After we get some experience, we will learn how to use InVision and turn our images and design into a clickable prototype that we download to our iPhone.

We will:

  • Work with mockups
  • Create our own mockup
  • Design a splash screen
  • Explore color theory
  • Explore the basics of typography
  • Learn how to use inVision for prototyping
  • Play with wire framing software
  • Design a well know mobile app from scratch
  • Go over the Apple human interface guidelines for iOS 8
  • Learn how to design the health app from the new release of iOS 8
  • Understand the basics of user experience design

Content added every month!

Getting Started

1
An Introduction: What am I learning?

How about some Photoshop?

1
Resources
2
Getting our Feet Wet with Photoshop
3
Setting up a document
4
Working with mockups
5
Quiz One

Splash Screen

1
Starting with a Splash!
2
Creating a simple logo
3
A new document
4
Starting Our Buttons
5
Adding A Background
6
Overlay and Opacity
7
Finalize Our Screen

Our First App!

1
Screen 1: Loading

Registration Screen

1
Section Files
2
Arranging Our Canvas
3
Styling Top Bar
4
Adding Content
5
Making Some Buttons
6
Finishing Touches

Building the Status Bar

1
Connectivity Circles
2
Direction & Challenge
3
Adding Text
4
The Battery

Login Screen

1
Section Files
2
Setup Our Canvas
3
Text Elements
4
Login Button
5
Finish Content
6
Email & Password Icons
7
Quick Reminder: Save a PSD and a JPEG

Featured Screen

1
Section Files
2
Creating A Template
3
Top Content
4
Using Smart Objects
5
Duplicate Course
6
Description Layer
7
Challenge: Adding Stars & Price
8
New Smart Objects
9
Replace Course Image Objects
10
Drop Shadow & Course Image

Creating An Action/Navigation Bar

1
Background
2
Featured Icon
3
Finishing Action Bar

Search Screen

1
Section Files
2
Search Bar
3
Text Field
4
Organize Our Layers
5
Change Active Icon

Design Challenge

1
Recreate the My Courses Screen

Wishlist Screen

1
Section Files
2
Document Setup
3
Wishlist Content

Settings Screen

1
Section Files
2
Document Setup
3
First Setting Bar
4
Duplicate & Clean Up Layers
5
Logout Of Settings

Creating a Prototype in InVision

1
Prototype VS Wireframe
2
Getting Started with Invision
3
Making It Clickable

Creating an App Icon

1
Download IOS Icon Mockup
2
Create Udemy Logo With Pen Tool
3
Background Color & Export

Invision Tricks

1
InVision Trick #1: Scrolling In an App
2
InVision Trick #2: Adding Login Validation

Showing the World!

1
Sharing your App

Color Theory

1
10 Commandments of Color Theory
2
Color and Branding
3
The Power of Color

Typography

1
An Introduction to Typography
2
Different Typefaces
3
Typeface Properties
4
The Anatomy of Typeface
5
10 Commandments of Typography

Wireframing

1
Working with Wireframing Software
2
Color and Font Resources
3
Quick Note

UI Kits

1
TETHR
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.4
4.4 out of 5
246 Ratings

Detailed Rating

Stars 5
124
Stars 4
66
Stars 3
35
Stars 2
15
Stars 1
6
b538fd46cfec5ecf1bbd7b6ae00530f0
30-Day Money-Back Guarantee

Includes

9 hours on-demand video
5 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion