What is dark mode ui design? Should you use it for your website? The ‘dark mode vs light mode’ rivalry is ongoing. In this video, we’ll tell you about the origins of the dark mode ui trend, figure out why dark mode is better for your eyes and if it’s true. And finally, give you awesome examples of websites where dark theme works perfectly well. Looking for a ready-made dark theme for your website? Check out https://templatemonster.com
Timecodes:
00:06 – The origins of the dark mode UI trend
00:33 – Why do we love dark mode so much?
00:50 – What are the cons of using dark mode?
01:39 – When does dark mode UI design work well?
01:08 – Good examples of dark mode UI design use
01:52 – When is using dark mode UI design a bad idea?
02:27 – How to make dark mode work for your website?
Credits:
shift nudge landing by MDS in Shift Nudge
https://dribbble.com/shots/8562259-sh…
Video Review Screen by Bipin Balan for Stead
https://dribbble.com/shots/9895839-Vi…
Admin Dashboard light vs night mode by Sourabh Barua in Interaction
https://dribbble.com/shots/6470322
Dashboard Projects 04 by GUOHAO.W for New Beee
https://dribbble.com/shots/3585753-Da…
Financial App — Neumorphic Study by Sandro Tavartkiladze
https://dribbble.com/shots/9837741-Fi…
Shift Dashboard – Dark Mode by Sergey Zolotnikov for Sigma in POS application
https://dribbble.com/shots/6437017-Sh…
Facebook Messenger Redesign by Alex Banaga
https://dribbble.com/shots/8275108-Fa…
Music Player Progress Animation (Dark Mode) by ALEX BENDER for GRAVITY
https://dribbble.com/shots/5983452-Mu…
Daily UI ” Super Dark Mode” by ★ Giulio Cuscito ★
https://dribbble.com/shots/5978511-Da…
Light / dark toggle switch – InVision Studio by Matthieu Souteyrand ▵
https://dribbble.com/shots/5846239-Li…
References:
https://uxmisfit.com/2019/08/20/ui-de...
https://www.toptal.com/designers/ui/d...
https://uxplanet.org/8-tips-for-dark-...
https://www.fastcompany.com/90421232/...
https://www.netflix.com/
https://www.apple.com/tv/
https://store.steampowered.com/
If you liked this video, give it a thumbs up!
Sound off in the comments below if you like/use dark mode design!Subscribe to our channel to learn more about web design: https://www.youtube.com/user/Template…
Follow us on social media:
🔖Facebook https://www.facebook.com/TemplateMons…
🐦Twitter https://twitter.com/templatemonster
📷Instagram https://www.instagram.com/template_mo…
📎Pinterest https://www.pinterest.com/templatemon…
🏀Dribble https://dribbble.com/TemplateMonster/
in LinkedIn https://www.linkedin.com/company/temp…
