Dark Mode UI Course 2

Hey friends! Coming back with the second part of the Dark Mode mini course. This time we'll learn how to make our dark mode UI look better, applying effects from gradients to glassmorphism. But that's only one part of the story as we'll also explore super-high contrast modes for increased accessibility (a11y) in dark mode. Learn dark mode design with this quick course and tutorial in Figma.
#darkmode #ux #ui
==COOL INFO HERE 👇 =======================================
🎬 GET MY UI COURSES:
gum.co/uicourse
gum.co/uicourse2
MY BOOKS:
📘 Designing User Interfaces - over 500 pages all about design, likely the biggest source of UI knowledge in the world: designingui.com
🦄 Frontend Unicorn - How to learn faster, earn more and grow as a front-end developer: frontendunicorn.com
MY FREE UX COURSE:
👨🏻‍💻 Become a designer: • Becoming a designer
BE MY FRIEND:
💌 Sign up to our newsletter - hype4.academy
🌍 My website - michalmalewicz.com​
📸 Instagram - / hype4academy​
✍️ My Medium Blog - / michalmalewicz
🐦 Twitter - / michalmalewicz
⁉️ You can ask me questions on Twitter, just @ me or DM :-)
ABOUT ME:
👨🏻‍💻 I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️
=========================================================

[@edydelgado6855]

An absolute YES for a 3rd part plz😎 your videos are amazing 😏👏👏

[@poojadeepthi9419]

A big yes to the third part!

[@abdoo3301]

Even though I have not yet begin playing around with Figma, I still love the tutorials you make and yes a part III would be great 🙂👍

[@MalewiczHype]

Awesome! :) I'll make part 3 but first some other videos just to keep it interesting :)

[@r3dp1ll]

yes for part 3 ! A lot of knowledge in a small format. I like it

[@MalewiczHype]

You got it!

[@farshadamirshoghi9323]

Thank you it was useful video

[@thearaav6670]

You show me how deep you understand about the UI/UX design.

[@MalewiczHype]

Glad you think so :)

[@SkArifHossain]

7 tokens and your videos have always been a pleasure to watch :) Looking forward to see more this kind of stuff, Happy #MondayVibes

[@MalewiczHype]

More to come!

[@urhelpinghand]

Amazing video, i loved that natural gradient part, things around us are in gradient amazing.

[@MalewiczHype]

Thank you! When you first notice it it becomes second nature :)

[@nhanchanhung]

very useful. thank you

[@MalewiczHype]

More to come :)

[@by.machin]

Do the third part! :D

[@FPS707]

Masterclass

[@subhranshudas8862]

i am a gradient, you are a gradient, he's a gradient, she's a gradient....to the crowd.

[@njengathegeek]

Nice vid, I took something with me 🙂👍

[@MalewiczHype]

Good to hear

[@lorenl3851]

Part 3 pleaaaaaase!

[@MalewiczHype]

Haha! I'll probably revisit this sometime in October, right now I'm working on the free animation course episodes :)

[@AnindyaSengupta]

Where is the 3rd part :(

[@thund3rd3v72]

Here where is part 3??

[@md.sumonbiswas2272]

We want part three

[@MalewiczHype]

Haha ok 👍

[@AnuragShukla-xv4xb]

when you say "80% brightness". Is it the opacity or THE L value in HSL

[@MalewiczHype]

Try to avoid using just opacity (I know it's faster) as it makes it harder for developers. Decreasing Lightness is fine (although it's not exactly the same as brightness - what I meant was HSB)

[@welling1]

I have never heard of "SUPER high contrast mode" or seen the black/yellow specifications before.

[@MalewiczHype]

Some government websites have that switch. It's regulatory (or rather used to be in that form) in the EU for a while.

[@welling1]

@@MalewiczHype Ahhh -- I'm in the U.S.

[@studiousnr]

they are present on computers though

[@AEye-Media-Deep-Mind]

Hey 1:04

[@adirmugrabi]

you have a massive problem @ 1:11 on the top right.

[@MalewiczHype]

Noticed it after the export, the extended version of this course available for Academy subscribers will have that fixed (and will be significantly longer) :)

[@nrdfoss]

i hate the emojis thing you do

[@MalewiczHype]

I'm doing a new thing now, but you may hate it too ;)

[@nrdfoss]

@@MalewiczHype that kinda confused me so I'm gonna clear it out even if you understood it just to be clear so what i meant is replacing text with emojis like am😳gus

[@MalewiczHype]

No worries, it was just a phase - I'm having fun here, doing something crazy for a while and then doing something else :)

[@Miviene13]

@@MalewiczHype have fun making part 3 please