The Bitfountain iOS Design Immersive

9 Hours

$43.00$49.00

You save 12%

The Bitfountain Immersive iOS Design Course

122 Lessons (9h)

1 Sketch Basics
DE-BAS - 1 - Introduction0:49
DE-BAS - 2 - Get Sketch2:34
DE-BAS - 3 - Cloud Icon9:24
DE-BAS - 5 - Raspberry "R" (Part 2)7:46
DE-BAS - 6 - Floating Sphere1:45
2 Sketch Reference
DE-REF - 1 - Artboards1:21
DE-REF - 2 - Layers List1:37
DE-REF - 3 - Customizing Toolbar1:30
DE-REF - 4 - The Vector Tool3:34
DE-REF - 5 - Bezier Curves4:03
DE-REF - 6 - Shapes5:16
DE-REF - 7 - Moving Layers Forward and Backward0:35
DE-REF - 8 - Borders2:50
DE-REF - 9 - Fills2:25
DE-REF - 10 - Union, Subtract, Intersect, and Difference2:27
DE-REF - 11 - Text1:33
DE-REF - 12 - Adding Images0:40
DE-REF - 13 - Creating and Using Symbols2:47
DE-REF - 14 - Make Grid Tool0:37
DE-REF - 15 - Transform Tool0:33
DE-REF - 16 - Rotate Layers0:57
DE-REF - 17 - Rotate Copies Tool1:05
DE-REF - 18 - Using Masks1:51
DE-REF - 19 - Flip Tool0:32
DE-REF - 20 - Sketch Mirror1:35
DE-REF - 21 - Exporting3:03
DE-REF - 22 - Adding Fonts1:04
DE-BAS - 4 - Raspberry "R" (Part 1)6:13
3 UI Foundations Introduction
DE-UIF - 1 - Noodle Intro3:12
DE-UIF - 2 - UI and UX1:01
4 Noodle App
DE-UIF - 3 - Icon Intro3:56
DE-UIF - 4 - Noodle Icon Design11:36
DE-UIF - 5 - Launch Screen4:16
DE-UIF - 6 - Signup/Login Screen12:50
DE-UIF - 7 - Recipe Feed6:01
DE-UIF - 8 - Filters Intro1:50
DE-UIF - 9 - Feed Design2:58
DE-UIF - 10 - Tab Bar10:37
DE-UIF - 11 - Search Screen8:23
DE-UIF - 12 - Search (keyboard)3:07
DE-UIF - 13 - Results Screen13:03
DE-UIF - 14 - Recipe Highlight4:20
5 Noodle Challenge
DE-UIF - 15 - Noodle Challenge
6 Icon Module
DE-ICO - 1 - Icon Module Intro0:41
DE-ICO - 2 - How important is a good icon?1:17
DE-ICO - 3 - What makes a good icon?2:54
DE-ICO - 4 - Color4:55
DE-ICO - 5 - Apple Music Icon2:49
DE-ICO - 6 - Clarity1:34
DE-ICO - 7 - Texture2:06
DE-ICO - 8 - Instagram Icon Setup4:03
DE-ICO - 9 - Instagram Lens12:11
DE-ICO - 10 - Instagram Camera Body1:46
DE-ICO - 11 - Instagram Leather Texture1:35
DE-ICO - 12 - Instagram Secondary Camera Lens3:39
DE-ICO - 13 - Instagram Icon Final Touches6:06
DE-ICO - 14 - Text and Pinterest3:40
DE-ICO - 15 - Infuse Icon6:58
7 Icon Assignment
DE-ICO - 16 - Spinrilla Assignment1:11
8 Color
DE-COL - 1 - Intro1:05
DE-COL - 2 - Color Vocabulary7:19
DE-COL - 3 - Human Interface Guidelines6:24
DE-COL - 4 - Color Choices4:31
DE-COL - 5 - Exercises2:14
9 Typography
DE-TYP - 1 - Intro1:17
DE-TYP - 2 - Initial Terminology5:24
DE-TYP - 3 - Letter Spacing6:01
DE-TYP - 4 - Body Text Terminology3:29
DE-TYP - 5 - iOS Human Interface Guidelines5:58
10 Typography Exercises
DE-TYP1 - 1 - Typography Exercises0:55
11 UI Interaction Prototyping
DE-FRM1 - 1 - Framer.js Introduction6:45
12 Opening Framer Studio
DE-FRM2 - 1- Opening Framer Studio7:29
DE-FRM2 - 2 - Tour of Framer Studio11:40
13 Drawing With Code
DE-FRM - 1 - Shape Layers9:56
DE-FRM - 2 - Image Layers4:57
14 Click Events
DE-FRM4 - 1 - Click Events2:41
DE-FRM4 - 2 - Adding Layers6:18
DE-FRM4 - 3 - Adding States2:55
DE-FRM4 - 4 - Adding animationOptions1:57
DE-FRM4 - 5 - Continuing with States and animationOptions2:05
DE-FRM4 - 6 - Activating our States4:56
DE-FRM4 - 7 - States and animationOptions for Final Layer3:36
DE-FRM4 - 8 - Click Events Recap3:00
15 Importing Layers From Sketch Beta
DE-FRM5 - 1 - Preparing Layers8:20
DE-FRM5 - 2 - Importing Layers From Sketch Beta3:22
DE-FRM5 - 3 - Manipulating Sketch Layers in Framer8:08
DE-FRM5 - 4 - Accessing Other Artboards3:58
16 Weather App
DE-FRM6 - 1 - Weather App1:35
DE-FRM6 - 2 - LaParis Sketch File4:20
DE-FRM6 - 3 - Importing Sketch Beta File into Framer1:08
DE-FRM6 - 4 - Remember Layer Positions in Code4:20
DE-FRM6 - 5 - Repositioning Items2:45
DE-FRM6 - 6 - Setting Alternate Origin Positions for LA5:04
DE-FRM6 - 7 - Setting Alternate Origin Positions for Paris7:53
DE-FRM6 - 8 - Creating Code Shortcuts3:36
DE-FRM6 - 9 - Adding the "Start" Artboard4:19
DE-FRM6 - 10 - Animating the "Start" Screen3:28
DE-FRM6 - 11 - Animating LA Layers Back to Original Positions8:21
DE-FRM6 - 12 - Animation from LA to Paris6:18
DE-FRM6 - 13 - Animating Paris Layers3:19
DE-FRM6 - 14 - Reverse Animation5:02
DE-FRM6 - 15 - Weather App Completion5:01
17 4PinkBubbles
DE-FRM7 - 1 - 4PinkBubbles5:51
DE-FRM7 - 2 - Looping Animation7:23
DE-FRM7 - 3 - Finishing the Animation6:18
18 Toggle Robot
DE-FRM8 - 1 - Toggle Robot2:22
DE-FRM8 - 2 - Importing from Sketch2:30
DE-FRM8 - 3 - Make Layer Draggable2:19
DE-FRM8 - 4 - Adding Curve Shortcuts2:13
DE-FRM8 - 5 - Animation Time7:45
19 Carousel Onboarding Clone
DE-FRM9 - 1 - Carousel Onboarding Clone3:07
DE-FRM9 - 2 - CarouselClone Sketch File6:22
DE-FRM9 - 3 - Before we Begin1:40
DE-FRM9 - 4 - Initial Document Setup6:34
DE-FRM9 - 5 - Creating Shortcuts1:24
DE-FRM9 - 6 - Setting Initial Positions6:16
DE-FRM9 - 7 - Swipe Indicator Animation9:43
DE-FRM9 - 8 - Reviewing The SwipeGo Animation4:32
DE-FRM9 - 9 - Second View Animation8:03
DE-FRM9 - 10 - Continue Button Transition8:19
DE-FRM9 - 11 - Next Button Transition8:22
DE-FRM9 - 12 - Finishing Carousel Onboarding Clone2:23

DescriptionInstructorImportant DetailsRelated Products

The Intersection of Design & App Development is This UI/UX Course

BitfountainKhari is a graphic artist and designer from Boston, MA. After completing his degree in Sociology at Wesleyan University he moved his life to Paris where he continues to live. Khari maintains a firm connection with both tactile and digital media, constantly experimenting and pushing the limits of UI/UX design. Portfolio: https://dribbble.com/kh4ri For more details on this course and instructor, click here.

Description

Whether you're a total beginner to app development, a pro who wants to hone your style, or a graphic designer interested in trying UI/UX design, you have a ton to gain from this course. Using Bohemian Coding's Sketch as a primary tool, you'll design a complete iOS app interface, and infuse your own style and preferences to make your app uniquely yours. This one is as fun as it is functional.

Access 122 lectures & 9 hours of content
Complete simple but unique design projects to master the basics of Sketch
Learn the UI Foundations you need to design a complete app from start to finish
Discover the basics of color & color psychology in UI/UX design
Design popular app icons from Pinterest to Instagram in your own vision
Learn the basics of typography in UI/UX design

Specs

Details & Requirements

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels
Students must download the free trial or paid version of Sketch App: https://www.sketchapp.com/

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...