Chris O’SullivanDec 29, 2015Lessons: 13Length: 1.8 hours

Next lesson playing in 5 seconds

Overview
Transcript

2.1 Grids

Grids are the foundation of any interface, and this is no different on mobile. This lesson goes through the purpose of grids in general, and then dives down to show how they’re specifically used on mobile.

Related Links

1.Introduction
3 lessons, 12:51

1.1
Welcome to the Course
01:00

1.2
Limitations and Opportunities in Mobile Design
07:13

1.3
Our Example App
04:38

2.Theory: Building Blocks of Mobile UI Design
3 lessons, 29:12

2.1
Grids
06:57

2.2
Typography
13:08

2.3
Colour and Anatomy
09:07

3.Design Exercise
6 lessons, 1:03:50

3.1
Creating the Skeleton
08:28

3.2
Creating a News Feed Screen
16:19

3.3
Laying Out the Profile Page
12:23

3.4
Completing Our Profile Page
07:15

3.5
List View
09:37

3.6
Navigation Screens
09:48

4.Conclusion
1 lesson, 04:55

4.1
Closing Thoughts
04:55

Chris O’Sullivan

I'm an Irish designer now working for Spotify. Prior to that I worked for Ryanair and Soundwave in Dublin, along with other startup companies. I love using design to tackle problems; from research to prototypes and everything in between.

villainschorus

Mobile UI Design for Beginners

Next lesson playing in 5 seconds

2.1 Grids

1.Introduction3 lessons, 12:51

2.Theory: Building Blocks of Mobile UI Design3 lessons, 29:12

3.Design Exercise6 lessons, 1:03:50

4.Conclusion1 lesson, 04:55

1.Introduction
3 lessons, 12:51

2.Theory: Building Blocks of Mobile UI Design
3 lessons, 29:12

3.Design Exercise
6 lessons, 1:03:50

4.Conclusion
1 lesson, 04:55