Design Ios 8 Apps From Scratch

A step by step guide to design amazing iOS 8 apps from scratch. Go from zero experience to pro mobile app designer.

Last updated 2022-01-10 | 3.5

- Design Mobile Applications
- Build working prototypes of mobile applications to showoff and bring their ideas to life.
- Validate and idea in the mobile marketplace.

What you'll learn

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.

* Requirements

* Somewhat computer savvy.
* A computer that has the ability to run Adobe Photoshop and connect to the internet
* Adobe Photoshop is required. Luckily
* Adobe offers a free 30 day trial which will cover the entirety of the course.

Description

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!

Who this course is for:

  • Beginners looking to get into App Design. No prior knowledge of Photoshop or Invision is necessary.

Course content

26 sections • 124 lectures

An Introduction: What am I learning? Preview 02:08

Resources Preview 03:44

Getting our Feet Wet with Photoshop Preview 17:44

Setting up a document Preview 02:33

Working with mockups Preview 05:29

Quiz One

Starting with a Splash! Preview 00:25

Creating a simple logo Preview 09:21

A new document Preview 04:04

Starting Our Buttons Preview 04:00

Adding A Background Preview 04:05

Overlay and Opacity Preview 04:02

Finalize Our Screen Preview 02:13

Section Files Preview 00:03

Arranging Our Canvas Preview 05:39

Styling Top Bar Preview 04:23

Adding Content Preview 07:03

Making Some Buttons Preview 04:55

Finishing Touches Preview 04:45

Section Files Preview 1 page

Setup Our Canvas Preview 04:02

Text Elements Preview 04:04

Login Button Preview 04:02

Finish Content Preview 03:20

Email & Password Icons Preview 03:46

Quick Reminder: Save a PSD and a JPEG Preview 01:04

Section Files Preview 1 page

Creating A Template Preview 05:28

Top Content Preview 07:42

Using Smart Objects Preview 04:53

Duplicate Course Preview 03:44

Description Layer Preview 06:40

Challenge: Adding Stars & Price Preview 04:38

New Smart Objects Preview 02:45

Replace Course Image Objects Preview 02:04

Drop Shadow & Course Image Preview 05:20

Section Files Preview 00:03

Search Bar Preview 07:38

Text Field Preview 04:33

Organize Our Layers Preview 03:20

Change Active Icon Preview 02:09

Recreate the My Courses Screen Preview 01:48

Section Files Preview 00:03

Document Setup Preview 02:45

First Setting Bar Preview 05:08

Duplicate & Clean Up Layers Preview 04:26

Logout Of Settings Preview 03:46

Prototype VS Wireframe Preview 02:32

Getting Started with Invision Preview 03:58

Making It Clickable Preview 06:38

Download IOS Icon Mockup Preview 03:57

Create Udemy Logo With Pen Tool Preview 07:03

Background Color & Export Preview 03:57

InVision Trick #1: Scrolling In an App Preview 06:53

InVision Trick #2: Adding Login Validation Preview 04:43

10 Commandments of Color Theory Preview 05:41

Color and Branding Preview 03:20

The Power of Color Preview 03:47

An Introduction to Typography Preview 04:47

Different Typefaces Preview 04:22

Typeface Properties Preview 03:19

The Anatomy of Typeface Preview 04:23

10 Commandments of Typography Preview 04:07

Working with Wireframing Software Preview 09:32

Color and Font Resources Preview 02:12

Quick Note Preview 01:14

An Introduction to iOS 8 Preview 01:26

Difference Between Pixels & Points Preview 01:34

Asset Resolution & Downsizing Preview 02:13

Automatic Icon Effects Preview 02:11

Icon Grid System Preview 01:05

Typography & Custom Fonts Preview 01:47

Color Palette Preview 00:48

Iconography Preview 01:44

Commonly Used Design Elements Preview 01:20

Status Bar Preview 01:25

Navigation Bar Preview 00:53

Tool Bar Preview 01:45

Search Bar Preview 01:24

Tab Bar Preview 01:45

Table Views Preview 02:12

Temporary Views Preview 04:35

Controls Preview 04:28

iOS Is Never Finished Preview 01:18

Section Files Preview 00:02

Open health.png Preview 02:18

Add Top Bar Preview 08:13

Segmented Control Preview 09:16

Finalize Controls Preview 06:54

Start First Module Preview 05:17

Top Content Preview 07:30

Finalize Text Preview 13:39

Draw Analytics Preview 05:27

Finish Top Module Preview 07:40

Flights Climbed Module Preview 07:45

Finish Analytics Preview 11:26

Adding A Tab Icon Preview 07:35

What are Speed Rounds? Preview 00:35

Using Guides & Rulers Preview 08:06

Clipping Mask Preview 02:18

Create a Slider Preview 03:41

Making Switches Preview 03:42

Passcode Screen Preview 08:34

Alert Preview 04:24

Segmented Control Preview 04:25

Music Player Preview 11:04

Distorted Circle or Ellipse When Contracting in Photoshop Preview 04:31

Find Gradient Color Preview 00:45