How to Design an Animated Mobile App Onboarding Flow in Adobe XD (Tutorial)
Hi all, back with another tutorial!
I asked you all what topic I should make my next video about and you answered. This video covers 3 of the top requested topics in the poll I posted recently: Illustration, Onboarding, and Voice.
Hope you enjoy! :D
AUTO-ANIMATE VIDEO IN MORE DETAIL: https://www.youtube.com/watch?v=C3naMbrEzcg
SKIP TO SEGMENTS
2:55 WIREFRAMING
8:47 ILLUSTRATION
23:20 DESIGNING IN ADOBE XD
31:14 PROTOTYPING WITH AUTO-ANIMATE IN ADOBE XD
34:49 DOWNLOAD IOS UI KIT
56:00 PROTOTYPE WITH VOICE IN ADOBE XD
1:02:26 ENTIRE FLOW
MUSIC
Yusei
https://twitter.com/junkiewill
https://instagram.com/yuseiworld
Moody Nights
https://www.youtube.com/watch?v=WVBsqT74f_o
A girl name alice
https://www.youtube.com/watch?v=p_Vx847783Q
Lost Love
https://www.youtube.com/watch?v=74N2x72UO4Y
Always sad
https://www.youtube.com/watch?v=uY98v21NsIw
Healing
https://www.youtube.com/watch?v=hiPJVTpJxQs
Wish I'd stayed
https://www.youtube.com/watch?v=fk7L0ZrA6p0
Zeeky Beats
Lunch Thoughts
https://www.youtube.com/watch?v=kOsJKvh368I
Sweetheart
https://www.youtube.com/watch?v=xzudKNsL1I8
Autumn Jazz
https://www.youtube.com/watch?v=Q3saFny02KU
Ordinary
https://www.youtube.com/watch?v=CUA6Fgtm_RA
8ROKEBOY
Frank Ocean & Daniel Ceasar Type Beat - On My Mind (ft. Mac Demarco) || SAD LOFI TYPE BEAT
https://www.youtube.com/watch?v=1lrg_9R_RIU
Social
Soundcloud: https://soundcloud.com/8rokeboy
Instagram: https://www.instagram.com/8rokeboy
harris cole x arbour - rosewood
https://www.youtube.com/watch?v=BSFNIfbE0dI
Music by Chillhop: http://chillhop.com/listen
Follow harris cole
・ https://soundcloud.com/iamharriscole
・ https://twitter.com/_harriscole
・ https://www.facebook.com/iamharriscole
・ https://www.instagram.com/_harris.cole/
・ https://spoti.fi/2snAUAk
leavv - Mind Garden
https://www.youtube.com/watch?v=qj8ANTneS1A
Music by Chillhop: http://chillhop.com/listen
Follow leavv
・https://spoti.fi/2MG5XDG
・https://soundcloud.com/leavv
・https://leavv.bandcamp.com/
・https://twitter.com/leavvbeats
・https://www.facebook.com/leavvprod
smeyeul - Distant Travels
https://www.youtube.com/watch?v=wDvTzFAbpCY
Music by Chillhop: http://chillhop.com/listen
Follow smeyeul
・https://spoti.fi/2yE9jhf
・https://www.instagram.com/smeyeulmusic
・https://twitter.com/smeyeul
・https://soundcloud.com/smeyeul
・https://smeyeul.bandcamp.com/
chief. - Yesterday
https://www.youtube.com/watch?v=5ciUQmQc7T8
Follow chief.
・https://spoti.fi/2ETZ2mE
・https://soundcloud.com/chiefslc
・https://chiefmusicslc.bandcamp.com/
j. roosevelt - Sandalwood
https://www.youtube.com/watch?v=MlaSON-LXZc
Music by Chillhop: http://chillhop.com/listen
Follow j. roosevelt
https://spoti.fi/2yvafV5
https://soundcloud.com/jroosevelt
https://www.instagram.com/jrooseveltm...
Joe Corfield - Wildflower
https://www.youtube.com/watch?v=keA4jDYLBjoMusic by Chillhop: http://chillhop.com/listen
Follow Joe Corfield
https://soundcloud.com/joe-corfield-1
https://www.facebook.com/joecorfieldb...
https://www.instagram.com/joecorfield__/
https://spoti.fi/2IjQXsP
WHAT TO EXPECT FROM THIS CHANNEL:
I aim to publish meaningful & concise content that provides insight into the field of graphic design, web design, illustration, branding, app design, & other creative areas I find important in my field as a commercial artist. This media includes software tutorials, lifestyle vlogs, and other useful videos to help and inspire anyone looking to improve their skills as a creative badass and take their creativity to new heights.
ABOUT ME:
Hey there, I’m Cody. A craft-beer drinking Designer living in San Diego, Ca.
I’ve been designing professionally for the last 7 years and have learned quite a bit along the way. Throughout my career as a creative I’ve had the pleasure of designing for a number of incredible brands & creative agencies.
From working with a variety of clients and organizations, my style can been seen as eclectic and constantly evolving, much like a chameleon. In the world of commercial arts I’ve had to get out of my comfort zone and adapt to the brands and tasks at hand. I like to think that my personal aesthetic is contemporary and minimal combing modern techniques with classic design elements.
SKILLS
Some of the skills I’ve acquired throughout my journey as a creative:
Art & Creative Direction
Styling
Graphic Design
Branding & Identity Design
Web Site Design (optimized for mobile & tablet)
App Design
Photography
Illustration
Image Manipulation
Typography & Lettering
Motion Graphics
Video Production & Editing
Animation
MY STUFF
Website: http://www.codybrowndesign.com
Dribble: https://dribbble.com/codybrown23
Behance: https://www.behance.net/codycanvas
Instagram: https://www.instagram.com/mistercodybrown
Видео How to Design an Animated Mobile App Onboarding Flow in Adobe XD (Tutorial) канала Cody Brown
I asked you all what topic I should make my next video about and you answered. This video covers 3 of the top requested topics in the poll I posted recently: Illustration, Onboarding, and Voice.
Hope you enjoy! :D
AUTO-ANIMATE VIDEO IN MORE DETAIL: https://www.youtube.com/watch?v=C3naMbrEzcg
SKIP TO SEGMENTS
2:55 WIREFRAMING
8:47 ILLUSTRATION
23:20 DESIGNING IN ADOBE XD
31:14 PROTOTYPING WITH AUTO-ANIMATE IN ADOBE XD
34:49 DOWNLOAD IOS UI KIT
56:00 PROTOTYPE WITH VOICE IN ADOBE XD
1:02:26 ENTIRE FLOW
MUSIC
Yusei
https://twitter.com/junkiewill
https://instagram.com/yuseiworld
Moody Nights
https://www.youtube.com/watch?v=WVBsqT74f_o
A girl name alice
https://www.youtube.com/watch?v=p_Vx847783Q
Lost Love
https://www.youtube.com/watch?v=74N2x72UO4Y
Always sad
https://www.youtube.com/watch?v=uY98v21NsIw
Healing
https://www.youtube.com/watch?v=hiPJVTpJxQs
Wish I'd stayed
https://www.youtube.com/watch?v=fk7L0ZrA6p0
Zeeky Beats
Lunch Thoughts
https://www.youtube.com/watch?v=kOsJKvh368I
Sweetheart
https://www.youtube.com/watch?v=xzudKNsL1I8
Autumn Jazz
https://www.youtube.com/watch?v=Q3saFny02KU
Ordinary
https://www.youtube.com/watch?v=CUA6Fgtm_RA
8ROKEBOY
Frank Ocean & Daniel Ceasar Type Beat - On My Mind (ft. Mac Demarco) || SAD LOFI TYPE BEAT
https://www.youtube.com/watch?v=1lrg_9R_RIU
Social
Soundcloud: https://soundcloud.com/8rokeboy
Instagram: https://www.instagram.com/8rokeboy
harris cole x arbour - rosewood
https://www.youtube.com/watch?v=BSFNIfbE0dI
Music by Chillhop: http://chillhop.com/listen
Follow harris cole
・ https://soundcloud.com/iamharriscole
・ https://twitter.com/_harriscole
・ https://www.facebook.com/iamharriscole
・ https://www.instagram.com/_harris.cole/
・ https://spoti.fi/2snAUAk
leavv - Mind Garden
https://www.youtube.com/watch?v=qj8ANTneS1A
Music by Chillhop: http://chillhop.com/listen
Follow leavv
・https://spoti.fi/2MG5XDG
・https://soundcloud.com/leavv
・https://leavv.bandcamp.com/
・https://twitter.com/leavvbeats
・https://www.facebook.com/leavvprod
smeyeul - Distant Travels
https://www.youtube.com/watch?v=wDvTzFAbpCY
Music by Chillhop: http://chillhop.com/listen
Follow smeyeul
・https://spoti.fi/2yE9jhf
・https://www.instagram.com/smeyeulmusic
・https://twitter.com/smeyeul
・https://soundcloud.com/smeyeul
・https://smeyeul.bandcamp.com/
chief. - Yesterday
https://www.youtube.com/watch?v=5ciUQmQc7T8
Follow chief.
・https://spoti.fi/2ETZ2mE
・https://soundcloud.com/chiefslc
・https://chiefmusicslc.bandcamp.com/
j. roosevelt - Sandalwood
https://www.youtube.com/watch?v=MlaSON-LXZc
Music by Chillhop: http://chillhop.com/listen
Follow j. roosevelt
https://spoti.fi/2yvafV5
https://soundcloud.com/jroosevelt
https://www.instagram.com/jrooseveltm...
Joe Corfield - Wildflower
https://www.youtube.com/watch?v=keA4jDYLBjoMusic by Chillhop: http://chillhop.com/listen
Follow Joe Corfield
https://soundcloud.com/joe-corfield-1
https://www.facebook.com/joecorfieldb...
https://www.instagram.com/joecorfield__/
https://spoti.fi/2IjQXsP
WHAT TO EXPECT FROM THIS CHANNEL:
I aim to publish meaningful & concise content that provides insight into the field of graphic design, web design, illustration, branding, app design, & other creative areas I find important in my field as a commercial artist. This media includes software tutorials, lifestyle vlogs, and other useful videos to help and inspire anyone looking to improve their skills as a creative badass and take their creativity to new heights.
ABOUT ME:
Hey there, I’m Cody. A craft-beer drinking Designer living in San Diego, Ca.
I’ve been designing professionally for the last 7 years and have learned quite a bit along the way. Throughout my career as a creative I’ve had the pleasure of designing for a number of incredible brands & creative agencies.
From working with a variety of clients and organizations, my style can been seen as eclectic and constantly evolving, much like a chameleon. In the world of commercial arts I’ve had to get out of my comfort zone and adapt to the brands and tasks at hand. I like to think that my personal aesthetic is contemporary and minimal combing modern techniques with classic design elements.
SKILLS
Some of the skills I’ve acquired throughout my journey as a creative:
Art & Creative Direction
Styling
Graphic Design
Branding & Identity Design
Web Site Design (optimized for mobile & tablet)
App Design
Photography
Illustration
Image Manipulation
Typography & Lettering
Motion Graphics
Video Production & Editing
Animation
MY STUFF
Website: http://www.codybrowndesign.com
Dribble: https://dribbble.com/codybrown23
Behance: https://www.behance.net/codycanvas
Instagram: https://www.instagram.com/mistercodybrown
Видео How to Design an Animated Mobile App Onboarding Flow in Adobe XD (Tutorial) канала Cody Brown
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
My Branding Process (First Live Stream)Adobe XD CC - 30 Tips & Tricks3D Transform Animations in Adobe Xd! | 3D Transform + Auto Animate | Design WeeklyAdobe XD Multiple Interactions Prototype TutorialAuto-Animate a Spinning Icon in Adobe XDE Commerce Mobile app UI/UX/Interaction - #Adobe XdTutorial - How to Animate a Mobile UI Flow in After EffectsUsing Component States in Adobe XD | App Menu Design & Prototype TutorialFood App Design | UX/UI ( Wireframe, Prototype, Export)Learn How-To Design & Prototype in Adobe XD Tutorial (June Update with Fixed Position & Overlays)Free Adobe XD Tutorial: User Experience Design Course with Adobe XD CourseDo-It-Yourself PIXAR?Full Principle Tutorial & Onboarding Flow Animation (2020)Adobe XD Tutorial | Smooth Slide-Out MenuLearn How to Use New Auto-Animate Feature in Adobe XD (Prototyping, Tap & Drag Effects)Liquid Animation in After Effects // UI Design CourseWireframe & Design Adobe XD Tutorial | Dansky LiveAdobe XD Basics | Top 10 Things to know when getting started with Adobe XDHow to Mockup UI Animations in After Effects #MSI