Designing Dark Mode for iOS Apps - Tutorial
9K views · 2020-03-07
UI Design
🚀 Create an account on Mobbin for free:
https://mobbin.com/?referrer_workspace_id=84595d96-a462-44f4-a3d2-c34148889947
In this tutorial, I am going to teach you to design a Dark Mode for your iOS Apps. We will be using the human interface guidelines and designing Dark Mode. I will be using WhatsApp as an example to convert WhatsApp's Light Mode to Dark Mode.
Download Figma Exercise Files:
https://www.figma.com/file/WQTfkMqXWKs1fHlqcjVjG3/WhatsApp-Dark-Mode?node-id=0%3A1
Dark Mode for iOS Article on Medium:
https://blog.prototypr.io/designing-a-dark-mode-for-your-ios-app-the-ultimate-guide-6b043303b941
Designing Dark Mode for Android:
https://www.youtube.com/watch?v=FSxgFKlbV9Y&t
Dark Mode for Android Article on Medium:
https://blog.prototypr.io/how-to-design-a-dark-theme-for-your-android-app-3daeb264637
iOS 13 UI Kit from Apple:
https://developer.apple.com/design/resources/
iOS 13 UI Kit from Apply Pixels:
https://applypixels.com/resource/ios-13-ui
-------------------------------------------
UI/UX Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3
Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8
Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi
Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1
After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk
UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW
Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9
Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv
eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Twitter : https://twitter.com/kvschethan
Facebook : https://facebook.com/designpilot
Mail : designpilot21@gmail.com
Portfolio : https://behance.net/chethankvs
Instagram : https://instagram.com/design_pilot
Discord: https://discord.gg/GtjBpjD
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#darkmode #ios13 #wwdc
https://mobbin.com/?referrer_workspace_id=84595d96-a462-44f4-a3d2-c34148889947
In this tutorial, I am going to teach you to design a Dark Mode for your iOS Apps. We will be using the human interface guidelines and designing Dark Mode. I will be using WhatsApp as an example to convert WhatsApp's Light Mode to Dark Mode.
Download Figma Exercise Files:
https://www.figma.com/file/WQTfkMqXWKs1fHlqcjVjG3/WhatsApp-Dark-Mode?node-id=0%3A1
Dark Mode for iOS Article on Medium:
https://blog.prototypr.io/designing-a-dark-mode-for-your-ios-app-the-ultimate-guide-6b043303b941
Designing Dark Mode for Android:
https://www.youtube.com/watch?v=FSxgFKlbV9Y&t
Dark Mode for Android Article on Medium:
https://blog.prototypr.io/how-to-design-a-dark-theme-for-your-android-app-3daeb264637
iOS 13 UI Kit from Apple:
https://developer.apple.com/design/resources/
iOS 13 UI Kit from Apply Pixels:
https://applypixels.com/resource/ios-13-ui
-------------------------------------------
UI/UX Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3
Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8
Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi
Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1
After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk
UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW
Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9
Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv
eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Twitter : https://twitter.com/kvschethan
Facebook : https://facebook.com/designpilot
Mail : designpilot21@gmail.com
Portfolio : https://behance.net/chethankvs
Instagram : https://instagram.com/design_pilot
Discord: https://discord.gg/GtjBpjD
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#darkmode #ios13 #wwdc