Mobile Design: Learn UX/UI and Start Your Freelancing Career

Mobile App Design Course Using UI / UX Techniques, Become Mobile App Designer and Start Your Freelance Career From Zero
3.6 (55 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
4,579 students enrolled
$20
Take This Course
  • Lectures 93
  • Contents Video: 5 hours
    Other: 7 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 English

Course Description

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

---------------------------------------------------------------------------------------------------------------

You're going about your day as usual and BAM! You think of this awesome app idea. It's simple, people would love it and you can't find it ANYWHERE in the app store.

Or maybe you want to develop a highly profitable skill with which you can make a profitable income EVERY DAY by working when you want from where ever you want?

This course is optimized for anyone who is looking to efficiently learn the most important design techniques that will help design perfect apps! Because well designed mobile apps are just as important as well-built apps.

Specifically, you are going to learn how to design user friendly, engaging, beautiful looking mobile apps from scratch, by doing assignments, quizes, and practical work between the lessons.

Mobile App Design is not just about how to design pretty app. It's also about designing an app that looks great and works smoothly.

Although this course mainly covers iOS 8 Mobile App Design, but after completing it, you are going to develop a skill, with which you are going to start designing mobile apps for all major platforms (iOS, Android and Windows Phone) in no time!

Course content:

  • Learn how to start from scratch with your own app idea
  • Go through all the user researching steps on finding your target audience.
  • How to figure out who to target (marketing tips).
  • Learn how to create sketches and wireframes.
  • Learn User Experience Design (UX) techniques which are trending in job market right now.
  • Learn how to use Adobe Photoshop for designing User Interface (UI) Designs.
  • I'm going to show you my workflow and how I'm going to start design my own app idea, News Reader App, from absolute zero to the great looking iOS 8 design style.
  • You are going to implement everything you learned in the previous lessons and in the final section, I'm going to show you a bunch of different tips and resources, how to start making big money with your new skills.
  • Assignments which are going to help you learn UI / UX Design for Mobile App
  • Quizes, which will help you recap what you learned in the previous section

Mobile App Design: Learn To Design The Perfect App is a comprehensive course where you are going to earn exactly those skills and make money instantly.

Mobile App UI / UX Designers typically earns around $100K/per year working for companies and startups.

But if you decide to work as a freelancer online, you can expect to get $100/hour for the work as a UI / UX designer.

Where is no coding or programming required.

===================================================

After this course, you can go to the world and start seeking for a jobs at the biggest world companies or startups, or start freelancing online on your own and in your own home.

With those freelancing tips applied, you can expect to earn $100/h of your work.

Where is no problem if you don't know Photoshop at all.

Plus you are going to get Adobe Photoshop for free for the first 30 days, so you don't need to buy it.

All in all, you are going to get 5 courses in one:

    How to come up with your own app idea

    User Experience skills to research your target audience and create sketches and wireframes for the app

    Learn Adobe Photoshop from ground zero

    Design your own app in Adobe Photoshop

    How to make money with your new skills, so effective freelancing and job seeking in the companies and startups.

Plus, you are going to get fast and responsive answers from me, your instructor.

Also, if you don't like my course you have 30 days money back guarantee, so you don't lose anything! NO QUESTIONS ASKED!

What are the requirements?

  • Windows, Mac or Linux Operating System
  • Balsamiq (not required)
  • InVision Online Prototyping Tool (absolutelly free to use)
  • Adobe Photoshop (30 day free trial), but you don't need to know it
  • Paper and pen
  • Be Willing to Learn New Stuff

What am I going to get from this course?

  • Learn How to Come Up with App Idea
  • Learn User Experience Design
  • Learn User Interface Design Using Adobe Photoshop
  • Design iOS 8 Mobile App from Scratch
  • Effective and Profitable Freelancing Tips
  • Earn Money by Learning
  • Start a New Career as a Mobile App Designer

What is the target audience?

  • No Specific Skills Needed
  • This is not a Programming Course
  • No Prior Knowledge is Needed in Adobe Photoshop
  • No Prior Knowledge is Needed in Balsamiq
  • No Prior Knowledge is Needed in Online Freelancing
  • This course is absolutelly for BEGINNERS
  • Have 5 or More Apps on Your Phone (We are Going to Need Some Inspiration)

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started
01:45

I’m going to answer all your questions related to this course or about anything on my Twitter ASAP! Or you just can use Udemy Discussion section ;)

01:36

In this course we are going to create The Complete iOS8 Mobile App Design.

What this app is going to do is it will help the user to search interesting blogs or news around the web assuming users interests.

This app will search for the news around the globe by receiving all the information the user wants to see in their app feed.

So it’s going to be like those apps in the App Stores where the app will show mostly relevant news or blogs for the specific user needs and wishes.

Firstly, the user is going to see the login page. It has different login options which are log in via FB or Twitter.

Then the user login to the app it’s going to redirect the user to the categories screen there he will choose what topics he wants to read and see in their feed. It’s going to be simple categories page.

After the user sets up all the topics he will be redirected to actual news page (and the app is going to give the user most relevant news for their interests). It’s going to be a grid view this a few additional options for the user.

If the user wants to read more about specific blog item or news item, after he pressed it he will be redirected to blog details page there he can read about it in more details.

The app is going to have a slide menu (or navigation drawer) which will have a few items for the user.

01:15

If you want to have a full experience with this course, you have to actual design stuff on your own. It’s going to have the best effect with this course for you because you will start to think like a designer and this way you can develop critical thinking which is probably the most important skill you need in Mobile App Design Industry.

But if you don’t understand some topics or want to have a better explanations from me, just use the discussion section to the right and I am going to answer all the questions as soon as possible. And yes, I will keep an eye on it every single day, so it means my course will never get outdated and I will help all the students with their problems.

Don’t hesitate, work and approach new career. I’m here to just assist you and help with hopefully useful content for your next career choice.

And finally, almost after each of the sections or the lessons I’m going to give you assignments for you to make stuff going on ur own, so you can make designs while learning from me.

01:25

With ps we are going to create our interface design, which is what the user actually sees.

It will include all the buttons, fonts, images, icons and all the stuff the user is going to see on his app screen.

Invison is going to be for app prototyping which is going to simulate our app and we could see how it’s going to work without actually touching the code.

It’s not going to be like our final app which could be published to app store.

It won’t have a backend and all the apps logic but it would be a great thing to present for the developer to make sure u r on the same track.

With Balsamiq we are going to design and create our wireframes for the app.

And finally we are going to use pen and paper. We will use them to sketch our app to get a better understanding about it and this way we could turn our quick ideas to a sketch and only when start designing our beautiful app.

What is User Interface Design?
05:45
What is User Experience Design?
02:31
UX vs UI
00:29
4 questions

In this quiz you are going to rewind your knoledge and try to answer some of those questions of this particular section. Good luck!

Section 2: Starting From Idea .....
A Great Imagination and How to Come Up with an App Idea)
03:11
Identify Target Audience
Preview
00:28
Why Should You Identify Target Audience?
00:41
03:07

What After That?
01:09
Assignment 1: Come Up with Your Own App Idea
00:54
3 questions

Let's rewind everything we learned in this section and try to pass the quiz. Good luck, folks!

Section 3: UX Planning, Research, Storytelling, Sketching, Wireframing
Section Overview
01:22
How to Improve Login Form?
Preview
00:27
02:02
01:03

Now let’s take a look at this checkout form which is not an actual form for Mobile Application, but where are still many apps on the App Stores that using this kind of checkout form.

01:04

We have a couple of options to change in this checkout form for Mobile Application:

00:41

Let’s brainstorm the topics we already covered in this course and let’s try out and think what could be the top 3 features for the News Reader Application?

Top 3 Features
03:14
Top 3 Features (Notes)
Article
05:17

But why do we need personas?

Probablythe most important reason to create personas is to set a common understand of the final user. So that a coherent strategy is defined that will result in a product/service that is user oriented and meet the user goals.

Questions to ask during persona development

Persona Template
Article
00:46

I hope you doing fine and maybe want to make something on your own. Right?

02:56

In story-centered design, you critique work by looking at dozens of sequential mockups that function like frames in a filmstrip.

01:04

Draw how the user is going use your app.

How he or she is going to navigation through all your apps screens.

What he should do to achieve his goal in your app.

It shouldn’t be well designed story.

You don’t need to be good at drawing to design them.

04:52

Sketching enables us to explore the problem space and define the solution space at the same time.

It frames our current understanding of the problem, while also helping us to figure out possible solutions.

While we sketch out our thoughts, new ideas will emerge.

00:41

Yes, now you will have a chance to sketch your app idea by yourself.

Grab pen and paper and start sketch it out.

As always, don’t procrastinate, don’t go anywhere. Just grab pen and paper and start doing stuff.

Wireframing
05:54
00:59

Go back to the example app, which I am designing for this course, News Reader App, see how they could look like and what you need to include, and try your hands on wireframing.

Create a wireframes for your own app idea, which you have developed in the previous lessons, but, as always, if you don’t have it yet and just want to follow me, you can try to make wireframes for News Reader App.

01:14

I hope you like this Section and learned something new.

I hope that I will see you in the next section, where I will show you the basics of Adobe Photoshop and how to use it in order to create awesome Mobile App Designs.

4 questions

Let's rewind everything what we learned in this section and try to pass the quiz. Good luck and I hope that I will see you in the next section :)

Section 4: Photoshop for UI Design
Intro to Photoshop
02:10
Learning the Interface
01:36
04:28

I have added a PSD Photoshop file to the assignments if you want to play a little bit with layers by yourself.

02:35

Guides and the grid help you position images or elements precisely. Guides appear as nonprinting lines that float over the image. You can move and remove guides. You can also lock them so that you don’t move them by accident. The Grid is the perfect alignment tool for graphic design, and is very easy to use. By combining the use of the Grid with the “Snap” feature, users can perfectly align objects along grid lines and sudivisions.

04:41

CTRL + T On Windows, or Command + T if you are using MAC.

Hold down the SHIFT Key if you want to Transform the object without losing shapes / image original proportions.

Hold down SHIFT + ALT (or Option Key on your MAC) and you are going to change the sizing from the center of the shape / image.

Creating the Button
05:08
Adding Two Fields
06:08
04:32

Layer styles are special effects that can be quickly and easily applied to individual layers in Photoshop to drastically change the appearance of something in very little time. They can be preset, customized, or even saved and used for later.

So now, to better demonstrate of what the heck I am talking about, let’s create a simple Rounded Rectangle with rounded rectangle tool.

Using Background Image and Overlay to Create a Background for the App
03:24
Typography
06:35
Free Font Lato by tyPoland Lukasz Dziedzic
Article
02:26

In this lesson I want to show you how to better use the Type tool to create simple testimonial.

It’s going to an easy one, but you will better understand, type tool options and features in adobe photoshop.

03:24

Well, first of all ,what’s masks?

Mainly, it’s the transparency of the layer and how you control it.

It can only have monochromatic colors in grayscale, i.e. between white, black, and the various shades of gray in between.

03:26

AS we already learnt about layer masks now let’s see what are clipping masks and why do we need them.

So we have our previous amazing picture with superman, but for now, let’s isable our superman visibility.

Grab Type tool and Write something, like SUPERMAN.

05:34

What’s going on guys and welcome backto my hopefully awesome course.

In this lesson, we are going to create a beatufiul checkbox which can be used for our app design, or, even better, if you create them more and create more GUI elements, which stands for Graphical user interface, you can sell them out in graphic marketplaces like graphicriver.

Alright, also, in this lesson you are going to learn a little bit about paths and how to use a pen tool.

And what a pen tool is with pen tool we are creating a icons or any vector shape which can be used for any graphic creation.

03:42

So in this lesson we are going to create a cool looking radial progress bar.

The first thing what we need to do is to grab an ellipse tool right here and drag and create an oval, or circle.

Let’s fill it with a white color.

01:48

Finally, the last lesson in this section for adobe photoshop, is an assignment.

What you see right here is the simple iOS App Screen which looks like an options or settings screen.

So the assignment for you is to recreate this exact screen by yourself in adobe photoshop.

Congratulations! You’re ready for an actual app design!
00:43
Section 5: Visual App Design: Login Screen Design
Searching for Inspiration
02:35
Resource for Free Mobile Icons
00:31
Finding Free Social Icons on the Web
00:40
Starting with our Sketch of the Login Screen
00:51
Designing Background for the Login Screen
03:23
Adding Status Bar (TeehanLax)
03:05
Designing Logo
03:05
Creating Two Fields for Email and Password
03:49
Creating Login Button
02:45
Adding Icons for Logining with Social Accounts
05:04
Login Screen Design (Photoshop File)
Article
Section 6: Visual App Design: Topics / Categories Screen Design
Starting With a Sketch
05:04
Creating Top Bar Design
05:27
Designing Image for the Topic
02:37
Designing Title of the Topic and a Follow Button
04:35
Designing Unfollow Button
07:55
Add Topics Screen Design (Photoshop File)
Article
Section 7: Visual App Design: News Screen Design
Creating Top Bar
03:36
Creating Image Box
03:08
Designing Title
04:42
Finnishing the Work
02:55
Main News Screen Design (Photoshop File)
Article
Section 8: Visual App Design: News Detail Screen Design
Creating Top Bar
06:20
Creating Image Box
03:05
Adding Title, Date and Time
02:56
Add Content
02:37
Tabs Design
09:03
News Details Screen Design (Photoshop File)
Article
Section 9: Visual App Design: Navigation Drawer Screen Design
Create a background
05:02
Add Photo and Name
06:21
Filling All Information
11:29
Navigation Screen Design (Photoshop File)
Article
Section 10: Making Money With Your New Skills
06:26

On GraphicRiver you can sell (or buy) a high variety of graphical elements (from Flyer Designs to Web Elements, such as User Interfaces).

How Does GraphicRiver Work?
06:36
How to Promote Your Work on GraphicRiver?
08:38
Contests on 99designs (Crowdsourcing Website for Designers)
09:47
Winning Tips on 99Designs
09:35
05:06

Fiverr is a service or a platform, where ordinary people (like us) can sell anything for customers for $5, or even more with extras.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Deimantas Brandišauskas, UX/UI Designer and Front-End Developer

I am passionate mobile UX/UI designer and Front-End Developer who firmly believes that a well-designed apps are just as important as well-built apps. User experience design is all about creating relationships between the users and technology because users want more than "pretty" and full of features product. Users need to successfully complete their goals and certain tasks.

Since I do care about how the mobile application works and how it looks I also have over 5 years of experience in front-end development industry. My workflow involves going from initial app idea to the polished and well-developed app. I have developed and maintained various Android apps for clients and for my own projects.

Ready to start learning?
Take This Course