Design and Prototype an iOS8 Mobile App on Illustrator

Design and Prototype an iOS8 Mobile App on Illustrator, available at Free, has an average rating of 4.05, with 41 lectures, 5 quizzes, based on 370 reviews, and has 17311 subscribers.

You will learn about Know how to create iPhone 6 screens and assets Prototype complex flows easily Simulate iOS8 transitions and interactions Put their creations on a phone This course is ideal for individuals who are Graphic Designers or UX designers or Entrepreneurs or Anyone that has an idea for an app or UI designers It is particularly useful for Graphic Designers or UX designers or Entrepreneurs or Anyone that has an idea for an app or UI designers.

Enroll now: Design and Prototype an iOS8 Mobile App on Illustrator

Summary

Title: Design and Prototype an iOS8 Mobile App on Illustrator

Price: Free

Average Rating: 4.05

Number of Lectures: 41

Number of Quizzes: 5

Number of Published Lectures: 41

Number of Published Quizzes: 5

Number of Curriculum Items: 46

Number of Published Curriculum Objects: 46

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

Know how to create iPhone 6 screens and assets

Prototype complex flows easily

Simulate iOS8 transitions and interactions

Put their creations on a phone

Who Should Attend

Graphic Designers

UX designers

Entrepreneurs

Anyone that has an idea for an app

UI designers

Target Audiences

Graphic Designers

UX designers

Entrepreneurs

Anyone that has an idea for an app

UI designers

Are you ready to blow peoples minds?

Go from amateur to iPhone App Design Badass by using the power of prototypes. Learn to take a blank page and transform it into a complete, high-fidelity, and interactive prototype on your phone.

Design iOS assets from scratch using flat design (so trendy).

Create complete flows and pixel-perfect screens (so sharp!).

Prototype your creation on any smartphone (so smooth).

Reproduce amazing transitions and interactions with no coding at all (so smart).

(Warning: High Risk of Mind Explosions)

Ill walk you through the entire process, while skipping the boring theoretical knowledge. You will go straight to the juicy stuff, and start building the app of your dreams right away. For the prototype, well be using the free tool Marvel App (coming soon: InVision) and the design will be build on Adobe Illustrator (free trial available).

So, why did I create this course?

Working as a designer, documentation is often the main deliverable for clients. The problem is that when dealing with complicated interactions, documents get bulky and hard to read (google search: boring). Nobody wants to see an app on paper, they want to play with it on their phone; tap, swipe, scroll, and do a little dance. That’s why I found that creating quick mock-ups and prototypes were a more powerful way of telling a story. People are amazed to see the idea in action and you end up looking like a total champ.

Who is this course for?

This course was made for beginner to advanced designers who want to improve their skill set and want to show how their creations actually feel on a phone. Or for anyone that wants to mock-up their ideas in a realistic way.

Entrepreneurs will find this course useful to bring their dreams to the real world in an easy way. Pitching a prototype to investors will have them writing checks in no time.

This course will also prove valuable for UX and user testing. Upon completion, your designs will be transformed into interactive, high-fidelity products – without the use of expensive programmer$$$.

What you’ll learn

In this course we’ll start from a blank screen until we have a complete iPhone 6 app. You will follow along through the entire process.

Well build a fashion shopping app following common iOS 8 patterns in navigation, animations, layouts, icons and graphics, buttons, interactivity and even color and typography. We’ll prototype a signup flow, an onboarding screen, discovery flow, search screens, and user settings. We’ll create product detail screens, brand pages, a selection menu, a tabbed menu, an image slideshow, and youll even be able to put your smiling mugshot as a profile pic. Sweet, right?

Prototyping is powerful

Creating a prototype as a mock-up or final delivery allows for greater interaction with the product and a better understanding of how it works. Its an impactful way to present an experience or tell a story. People know how to interact with products.

Stop documenting. Start prototyping.

Take a look at the introductory video and take my free preview. I look forward to seeing you inside.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Quick tips on how to take this course

Chapter 2: Turn paper sketches of a video player into a mobile prototype

Lecture 1: Introduction—What youll learn and what you need for this section

Lecture 2: Lets start drawing our wireframes

Lecture 3: Understanding Marvel App

Lecture 4: Taking pics of the sketches with Marvel App

Lecture 5: Creating your prototype—Linking screens with hotspots and adding transitions

Lecture 6: Congratulations – You finished your first section!

Chapter 3: Designing the layout

Lecture 1: Setting up your file

Lecture 2: Setting colors

Lecture 3: Fonts and logo

Lecture 4: First image background

Lecture 5: First screen and buttons

Lecture 6: Introduction flow

Lecture 7: Signup flow

Lecture 8: Onboarding flow

Lecture 9: Tabbed navigation

Chapter 4: Design the content screens

Lecture 1: Feed Section

Lecture 2: Feed Section – Hot

Lecture 3: Discover Section

Lecture 4: Product Detail

Lecture 5: Product Detail – Image Slider

Lecture 6: Product Options Panel

Lecture 7: Search Section

Lecture 8: Brands Section

Chapter 5: Design the user settings screen and final details

Lecture 1: Lets check those artboards!

Lecture 2: User Section

Lecture 3: Settings Section

Lecture 4: Icon and Details

Chapter 6: Create Prototype on Marvel

Lecture 1: Export and Import

Lecture 2: Adding Actions and Transitions

Lecture 3: Hotspots on intro

Lecture 4: Setting up the signup flow

Lecture 5: Hotspots on Feed Section

Lecture 6: Setting up Discover, Product, and Brands

Chapter 7: Testing your design on your phone and desktop

Lecture 1: Testing on Desktop

Lecture 2: Testing on iPhone

Chapter 8: Create a signup flow prototype on a whiteboard

Lecture 1: Introduction—What youll learn and what you need for this section

Lecture 2: Drawing your signup flow on a whiteboard

Lecture 3: Creating the prototype with Marvel App

Lecture 4: Creating the prototype with Marvel App (detail screen)

Instructors

Pablo Stanley
Product Designer

Rating Distribution

1 stars: 3 votes

2 stars: 11 votes

3 stars: 35 votes

4 stars: 119 votes

5 stars: 202 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

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!