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 people's 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)
I'll 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, we'll 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.
We'll 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 you'll 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. It's 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 you'll learn and what you need for this section
Lecture 2: Let's 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: Let's 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 you'll 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!
You may also like
- Top 10 Language Learning Courses to Learn in November 2024
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024