Lessons:19Length:2.4 hours
- Overview
- Transcript
3.4 Adding The Navigation Arrows
Sticking to UI design patterns is what we really are thinking about here. Not every slider needs navigation arrows but almost all sliders do as it’s a pattern that users are expecting to see and use. So effectiveness and UI Patterns are two principles we will follow here.
1.Introduction
1.1Course overview02:05
1.1
Course overview
02:05
1.2Principles of UI design03:23
1.2
Principles of UI design
03:23
1.3Examples Of Good Inspirational Ui Design03:50
1.3
Examples Of Good Inspirational Ui Design
03:50
2.Dark navigation menu
2.1Inspiration And Getting Set Up03:48
2.1
Inspiration And Getting Set Up
03:48
2.2Creating The Background Bars05:01
2.2
Creating The Background Bars
05:01
2.3Shadows And Feet11:58
2.3
Shadows And Feet
11:58
2.4Adding The Buttons And Overstate07:48
2.4
Adding The Buttons And Overstate
07:48
2.5Adding Additional Ui Elements (ie: Social Icons, Circles)12:12
2.5
Adding Additional Ui Elements (ie: Social Icons, Circles)
12:12
3.Light, clean image slider
3.1Setting Up04:11
3.1
Setting Up
04:11
3.2Creating The Background05:25
3.2
Creating The Background
05:25
3.3Corner Elements And Shadows11:32
3.3
Corner Elements And Shadows
11:32
3.4Adding The Navigation Arrows09:15
3.4
Adding The Navigation Arrows
09:15
3.5Using A Stock Image And Finishing Up13:28
3.5
Using A Stock Image And Finishing Up
13:28
4.Retro UI elements
4.1Creating A Ribbon Shape08:36
4.1
Creating A Ribbon Shape
08:36
4.2Adding Texture And Styles03:25
4.2
Adding Texture And Styles
03:25
4.3Adding The Stitching And Navigation Text06:50
4.3
Adding The Stitching And Navigation Text
06:50
4.4Adding The Logo11:33
4.4
Adding The Logo
11:33
4.5Creating The Social Icons08:54
4.5
Creating The Social Icons
08:54
4.6Creating Rounded Stitching And Badges10:45
4.6
Creating Rounded Stitching And Badges
10:45
