課程資料
課程簡介
The three-in-one course that teaches app design, UI/UX and iOS development. Includes Sketch and Figma.
Welcome to the course that will take you from app design to code. This is a three-in-one course aimed at helping you master app design, UI/UX and iOS app development from absolute beginner to advanced professional.
The top iOS apps clearly set themselves apart from all the rest with amazing user interfaces and modern user experience design. We see them featured on the iOS App Store and as winners of Apple's Design Awards. This simply means that app design and UI/UX are key factors for successful apps. But surprisingly, traditional iOS courses only go as far as teaching you how to build apps with nothing on app design and UI/UX. This course is different in that it goes well beyond just teaching you how to code.This course includes app design and UI/UX to help you build the kind of apps that stand out on the App Store.
We will cover how to use app design tools like Sketch and Figma to create app assets, icons, logos, wireframes, mockups and prototypes. We will learn essential UI/UX principles such as usability testing, user journey mapping, motion design, micro-interactions, typography and much more. We will also master iOS development to bring our app design to code and build over 20 different apps along the way.
What kind of improvements to your app can you expect by the end of this course? A recent study by Forrester Research concluded a well designed user interface could raise conversion rates by up to 200% and a better UX design could raise conversion rates up to 400%. Clearly, learning app design and UI/UX is well worth the effort. It just might be what makes or breaks your app.
This course is perfect for app designers who would like to learn how to code and app developers who would like to learn how to design. If you are an absolute beginner in both design and code you are still in the right place. This course starts by assuming you have never designed or coded before and builds up at a comfortable pace before getting into more advanced topics.
The trick to really mastering design or code is practice and this course recognises that. All our app designs will be created from scratch and our apps will be coded line by line without any help from libraries. Plus, there are dozens of quizzes and challenges to reinforce everything we learn. For more enthusiastic learners, there are further reading topics and bonus articles to help you go beyond this course's main curriculum.
All the tools we use in this course are free. Sketch is the only exception to this because Sketch requires a paid license to use. If you cannot afford Sketch then that's no problem! This course includes Figma as an alternative to Sketch and Figma is free. We will cover the same topics in Figma as we do Sketch so there's nothing you will miss. If you are feeling like taking on an extra challenge, you are more than welcome to master both Sketch and Figma!
I certainly hope to see you around in this course where we have quite the journey ahead of us. Let's get started with mastering app design, UI/UX and iOS development!
課程章節
- 67 個章節
- 492 堂課
- 第 1 章 Course Roadmap
- 第 2 章 -----------------PART 1: App Design and UI/UX--------------
- 第 3 章 Sketch Basics
- 第 4 章 App Asset and Icon Design
- 第 5 章 Foundational Design Principles
- 第 6 章 App Logo Design and The Vector Tool
- 第 7 章 Low Fidelity Wireframing (Lo-Fi)
- 第 8 章 High Fidelity Wireframing (Hi-Fi) and Atomic Design
- 第 9 章 Mockups
- 第 10 章 Foundational User Experience (UX) Principles
- 第 11 章 UX Research and Usability Testing
- 第 12 章 Prototyping
- 第 13 章 User Flows and the Conversion Funnel
- 第 14 章 User Journey Mapping
- 第 15 章 UI/UX Principles from Great Design Influencers
- 第 16 章 [OPTIONAL] Figma App Assets and Icon Design
- 第 17 章 [OPTIONAL] Figma Vector Networks
- 第 18 章 [OPTIONAL] Figma Fundamentals
- 第 19 章 [OPTIONAL] Figma Wireframes, Mockups and Prototypes
- 第 20 章 --------------Part 2: Fundamental App Development----------
- 第 21 章 Xcode Introduction and Setup
- 第 22 章 Head First into iOS: Our First App!
- 第 23 章 Beginner Swift 5
- 第 24 章 Haunted House Story App
- 第 25 章 Beginner Swift 5 Practice and Coding Challenge
- 第 26 章 Further Swift 5 [Object Oriented and Protocol Oriented Programming]
- 第 27 章 Auto Layout [Storyboard and Programmatic]
- 第 28 章 Quiz App [Introduction to MVC and View Controller Life Cycle]
- 第 29 章 Views and Layout
- 第 30 章 To Do List App
- 第 31 章 Local Data Persistence: Realm
- 第 32 章 Local Data Persistence: Core Data
- 第 33 章 Snapsie: Custom Photo Camera App [AVFoundation]
- 第 34 章 Captureful: Custom Video Camera App [AVFoundation]
- 第 35 章 Git and Github: Version Control
- 第 36 章 Networking and REST APIs: Weather App
- 第 37 章 Grand Central Dispatch and Memory Management
- 第 38 章 Error Handling
- 第 39 章 Functional Programming
- 第 40 章 Machine Learning with CoreML 2 and Vision: Object Classification App
- 第 41 章 Machine Learning with CreateML: Creating a Farm Animal Classifier Model
- 第 42 章 [OPTIONAL] Design Patterns and Software Principles
- 第 43 章 Generics and Advanced Protocols
- 第 44 章 Instagram Clone: Introduction
- 第 45 章 Instagram Clone: User Interface
- 第 46 章 Instagram Clone: Firebase Installation
- 第 47 章 Instagram Clone: Authentication (Login and Sign Up)
- 第 48 章 Instagram Clone: Google Cloud Storage and SDWebImage
- 第 49 章 Instagram Clone: Posts
- 第 50 章 Instagram Clone: Likes
- 第 51 章 Instagram Clone: Comments
- 第 52 章 Pagination and Deleting Posts
- 第 53 章 Instagram Clone: Search
- 第 54 章 Instagram Clone: Following and Unfollowing
- 第 55 章 ---------Part 3: Custom Interface Development and Animation---------------------
- 第 56 章 CALayer and Gradients
- 第 57 章 Beginner Animation
- 第 58 章 Motion Design
- 第 59 章 Microinteractions
- 第 60 章 Intermediate Animation
- 第 61 章 Interactivity and Custom Transitions
- 第 62 章 Core Graphics (Quartz 2D Drawing)
- 第 63 章 Custom UI Components with CAShapeLayer
- 第 64 章 Custom App Launch and Animation
- 第 65 章 [BONUS] Custom Controls - Room Temperature Control App
- 第 66 章 [BONUS] Speed Gauge App for Walking or Running
- 第 67 章 Advanced Animation
課程內容
- Design app assets, icons and logos from scratch., Design wireframes, mockups and prototypes., Build aesthetic, clean and beautiful iOS apps that stand out on the app store., Apply animation and motion based design to bring interactivity to your app., Become an all-in-one UI/UX designer and iOS developer., Understand the thinking and principles behind great user experience and app design., Create custom controls that supercharge your UI., Learn how to build custom UI components and never rely on overused libraries.
此課程所涵蓋的技能
評價
-
HHery Yang
Very good explanation by giving examples.
-
AAliaksei Yahorau
This is a great course for those who is not a complete beginner, but at least already know some basics. I've been studied this course after Angela Yu's course and got a job. Here you can master xibs and learn to modify elements programmatically. Animations as a huge addon here, but it may be important. Just listen carefully.
-
CCarrington Manyuchi
Gwinyai explains his points so clearly. It is easy to understand and master his tutorials.
-
PPatric Gekoski
Gwinyai trys to cover too much ground with this course. The first half covers some design stuff using Figma or Sketch. This should be a separate course. This causes the teacher to not spend enough time explaining other concepts. He just says, "do this" and you're expected to figure out the why somehow. Also, it appears that Gwinyai has abandoned this course or at least he doesn't monitor the Q&A. I did learn some stuff of value, but the course is so long that you need to waste a lot of time getting to those things of value. This course didn't live up to my expectations. There are better more modern courses out there. Choose one of them