πŸ—„
λ””μžμ΄λ„ˆμ˜ μ„œλž, 2020/
🌚
Dark Mode Design
🌚

Dark Mode Design

닀크 λͺ¨λ“œμ˜ UIλ₯Ό μ œμž‘ν•˜κΈ° μœ„ν•΄ 도움이 ν•„μš”ν•œ μžλ£Œμž…λ‹ˆλ‹€. 2018λ…„ 6μ›” μ• ν”Œμ€ WWDC 2018μ—μ„œ Dark ModeλΌλŠ” λ°μŠ€ν¬νƒ‘ λ””μžμΈμ„ μ„ λ³΄μ˜€μŠ΅λ‹ˆλ‹€. 이전에도 이런 λ””μžμΈ ν˜•νƒœκ°€ μžˆμ—ˆμ§€λ§Œ, μ• ν”Œμ΄ μ •μ˜ν•œ Dark ModeλŠ” λ””μžμΈμ— ν•˜λ‚˜μ˜ λ ˆμΌμ„ 더 λ†“μ•˜μŠ΅λ‹ˆλ‹€. 1λ…„ ν›„, μ•± λ˜λŠ” μ›Ήμ‚¬μ΄νŠΈμ—μ„œ 닀크λͺ¨λ“œ λ””μžμΈμ— λŒ€ν•œ 이야기가 λ‚˜μ˜€κΈ° μ‹œμž‘ν•©λ‹ˆλ‹€. λ””μžμΈ μ‹œμŠ€ν…œμ΄ λ§Žμ•„μ§€λ©΄μ„œ 닀크λͺ¨λ“œμ™€ μœ μ‚¬ν•œ κΈ°λŠ₯을 μ„ λ³΄μ΄λŠ” κ²½μš°λ„ λ‚˜μ˜€κ³  μžˆμŠ΅λ‹ˆλ‹€. μ‹€μ œ μ‹œκ°„ λ³€ν™” ν˜Ήμ€ κ³΅κ°„μ΄λ‚˜ μž‘μ—… ν˜•νƒœμ˜ λ³€ν™”μ—μ„œ 닀크λͺ¨λ“œμ— λŒ€ν•œ 글을 μˆ˜μ§‘ν•˜μ—¬, νŠΈλžœλ“œλ₯Ό μΆ”μ ν•©λ‹ˆλ‹€.

사둀

63 Beautiful Dark UI Examples & Design Inspiration
A curated collection of dark UI to inspire you in your product design process. Even more examples of dark UI could be found on our amazing visual search.
63 Beautiful Dark UI Examples & Design Inspiration63 Beautiful Dark UI Examples & Design Inspiration
https://medium.muz.li/63-beautiful-dark-ui-examples-design-inspiration-8abaa1b86969?fbclid=IwAR3U1ch2hkaJ9VnAdcDuLqcNGi-KNhW67Fsu15JsZX4JPPB7FNf1AY118aM
63 Beautiful Dark UI Examples & Design Inspiration63 Beautiful Dark UI Examples & Design Inspiration
Dark Mode UI: the definitive guide
Mainly, due to the following 2 reasons: Helps, reduce battery drain significantly (on OLED phones that is... "why so?" discussed below) Is relaxing (and hence more appealing) to the eye, especially when most of us have our eyes glued to the monitor 8 hours a day and...
Dark Mode UI: the definitive guideDark Mode UI: the definitive guide
https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129
Dark Mode UI: the definitive guideDark Mode UI: the definitive guide
Dark Mode UI: the definitive guide 닀크 λͺ¨λ“œμ˜ 색상 λ°°μ •κ³Ό ν™œμš©μ— λŒ€ν•œ κ°€μ΄λ“œμž…λ‹ˆλ‹€.
Surfit.io 닀크 ν…Œλ§ˆ, 라이트 ν…Œλ§ˆ μ œμž‘κΈ°
μ„œν•μ΄ 세상 λ°–μœΌλ‘œ 선보여진 지 이제 막 두 달이 μ§€λ‚¬μŠ΅λ‹ˆλ‹€. (πŸŒŠμ‹œκ°„ 정말 λΉ λ₯΄λ„€μš”) 두 달이 μ§€λ‚œ μ§€κΈˆλ„, μ—¬μ „νžˆ μ„œν•νŒ€μ€ 'μ–΄λ–»κ²Œ ν•˜λ©΄ λ””μžμ΄λ„ˆμ—κ²Œ 정말 ν•„μš”ν•œ μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€ 수 μžˆμ„κΉŒ?' 맀사 κΈ΄μž₯을 λŠ¦μΆ”μ§€ μ•Šκ³  κ³ λ―Όν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. κ·Έ μΌν™˜μœΌλ‘œ, μ–Όλ§ˆ μ „ μ„œν•νŒ€μ€ λ””μžμ΄λ„ˆκ°€ ν•œμΈ΅ 더 μ΅œμ ν™”λœ ν™˜κ²½μ—μ„œ μ½˜ν…μΈ λ₯Ό λ°œκ²¬ν•  수 μžˆλ„λ‘ '라이트 ν…Œλ§ˆ'λ₯Ό...
Surfit.io 닀크 ν…Œλ§ˆ, 라이트 ν…Œλ§ˆ μ œμž‘κΈ°Surfit.io 닀크 ν…Œλ§ˆ, 라이트 ν…Œλ§ˆ μ œμž‘κΈ°
https://medium.com/@surfit.io/surfit-io-%EB%8B%A4%ED%81%AC-%ED%85%8C%EB%A7%88-%EB%9D%BC%EC%9D%B4%ED%8A%B8-%ED%85%8C%EB%A7%88-%EC%A0%9C%EC%9E%91%EA%B8%B0-fc861c14a846
Surfit.io 닀크 ν…Œλ§ˆ, 라이트 ν…Œλ§ˆ μ œμž‘κΈ°Surfit.io 닀크 ν…Œλ§ˆ, 라이트 ν…Œλ§ˆ μ œμž‘κΈ°
Surfit의 λ‹€ν¬ν…Œλ§ˆ μ œμž‘κΈ°μž…λ‹ˆλ‹€. Surfit νŒ€μ—μ„œ μž‘μ„±ν•˜μ˜€μŠ΅λ‹ˆλ‹€. Surfit은 λ‹€μ–‘ν•œ λ””μžμΈ κ΄€λ ¨ 정보λ₯Ό 크둬 μƒˆ μ°½μ—μ„œ μ•Œλ €μ£ΌλŠ” μ΅μŠ€ν…μ…˜μž…λ‹ˆλ‹€. 맀우 μœ μš©ν•©λ‹ˆλ‹€. μ œμž‘κΈ°λŠ” λ‹€μ–‘ν•œ μš”μ†Œμ— λŒ€ν•œ 고렀와 섀계, 색상을 κ²°μ •ν•˜λŠ” κ³Όμ •μ˜ ν”„λ‘œμ„ΈμŠ€λ₯Ό 잘 보여주고 μžˆμŠ΅λ‹ˆλ‹€.
Dark Mode in Microsoft 365
See how we're crafting Dark Mode experiences across Microsoft 365 that adapt to your daily flow. Learn more: http://msft.social/eWDN29
Dark Mode in Microsoft 365Dark Mode in Microsoft 365
https://www.youtube.com/watch?time_continue=85&v=E4pFtIybimo&fbclid=IwAR3IYHM6FH3Xjgrz2FTDI0YP3B3ixGNLDudliFOELcegJ0j1x0aQoRsAtCQ
Dark Mode in Microsoft 365Dark Mode in Microsoft 365

머티리얼 λ””μžμΈ, λ‹€ν¬ν…Œλ§ˆ

머티리얼 λ””μžμΈ - 닀크 ν…Œλ§ˆ
Material Design - Dark Theme | 졜근 곡개된 ꡬ글 머티리얼 λ””μžμΈμ˜ 닀크 ν…Œλ§ˆ λ²ˆμ—­λ³Έμž…λ‹ˆλ‹€. 닀크 ν…Œλ§ˆλ₯Ό μ μš©ν•˜κΈ° μœ„ν•œ μžμ„Έν•œ 원리와 적용 법에 λŒ€ν•΄ μ ν˜€ μžˆμŠ΅λ‹ˆλ‹€. μ˜μ—­μ΄ λ‹€μˆ˜ 있으며 μ˜μ–΄λ‘œ λͺ…ν™•νžˆ μ΄ν•΄ν•˜μ‹œλ €λ©΄ μ•„λž˜ 링크λ₯Ό 톡해 μ½μ–΄λ³΄μ‹œκΈ° λ°”λžλ‹ˆλ‹€. https://material.io/design/color/dark-theme.html# 닀크 ν…Œλ§ˆ 닀크 ν…Œλ§ˆλŠ” μ–΄λ‘μš΄ 화면을 ν‘œμ‹œν•˜λŠ”
머티리얼 λ””μžμΈ - 닀크 ν…Œλ§ˆλ¨Έν‹°λ¦¬μ–Ό λ””μžμΈ - 닀크 ν…Œλ§ˆ
https://brunch.co.kr/@blckschrl/57
머티리얼 λ””μžμΈ - 닀크 ν…Œλ§ˆλ¨Έν‹°λ¦¬μ–Ό λ””μžμΈ - 닀크 ν…Œλ§ˆ

κ΄€λ ¨ UX κΈ€

The Greys in UX Design - Prototypr
The boom of minimalism in UX design in 2015 was accompanied by a wife and an escort. Both indispensable. The wife being the White and the escort being the Greys- all fifty shades of them. Minimalism resonated with one uncontested anthem- content should shine. And it did.
The Greys in UX Design - PrototyprThe Greys in UX Design - Prototypr
https://blog.prototypr.io/the-greys-in-ux-design-3a11ef9077ad?fbclid=IwAR1qRs3GaVtEx-7Q-3dA091EuTf1zZsO3Ejq38ftkr5iEFTQwhJMMssSNdg
The Greys in UX Design - PrototyprThe Greys in UX Design - Prototypr
Using gray, shade, and tint in UI design
Tint and shade are areas of color theory which focus on the combining of colors with white and black. When these principles are correctly applied to pigment color like in paintings or fabric, the result can be very appealing. The art appears balanced and integrated, attention is directed easily, and the observer is delighted.
Using gray, shade, and tint in UI designUsing gray, shade, and tint in UI design
https://blog.prototypr.io/using-gray-shade-and-tint-in-ui-design-589d0e638dfd
Using gray, shade, and tint in UI designUsing gray, shade, and tint in UI design
Moving towards a future of Dark UI
The benefits and current support for dark mode This month Apple released iOS 13 for the public and closed the Dark Mode gap between macOS and iOS. A system-wide Dark Mode (or Night Mode how some would call it) is not something new for everyone.
Moving towards a future of Dark UIMoving towards a future of Dark UI
https://uxdesign.cc/the-dark-side-of-the-web-b5fb5cbb1b56
Moving towards a future of Dark UIMoving towards a future of Dark UI
Dark UI - Why, When & Where?
After defining the product structure, it's time to start working on the look and feel. At this point the designer should think, amongst other things, on the appropriate color scheme to target the product's audience. The safest decision - most of the time- is to opt for a white theme.
Dark UI - Why, When & Where?Dark UI - Why, When & Where?
https://medium.com/significa/dark-ui-why-when-where-987775229b9e
Dark UI - Why, When & Where?Dark UI - Why, When & Where?
μ΄μ œλŠ” 닀크λͺ¨λ“œλ„ λ””μžμΈν•΄μ•Ό ν•  λ•Œ
μ•± λ˜λŠ” μ›Ήμ‚¬μ΄νŠΈμ—μ„œ 닀크λͺ¨λ“œλ₯Ό λ””μžμΈν•  λ•Œ μœ μ˜μ‚¬ν•­ | ν•΄μ™Έ λ””μžμΈ 아티클 λ²ˆμ—­ λ‰΄μŠ€λ ˆν„° '디독' ꡬ독링크: http://bit.ly/2FNQNpv λͺ©μ°¨ 1.μ˜¨μ’…μΌ 슀크둀, μ—λŸ¬μ˜ 연속 2.닀크 λͺ¨λ“œ 101 3.닀크 λͺ¨λ“œλŠ” μ‹œμž‘λκ³  μ΄λŠ” μ•žμœΌλ‘œλ„ μ§€μ†λœλ‹€ 2018년은 이미 닀크 λͺ¨λ“œκ°€ μ‹œμž‘λ˜κ³  있음이 λΆ„λͺ…ν–ˆκ³  μ΄μ œλŠ” 벌써 2019λ…„ μ€‘λ°˜μ΄ λ˜μ—ˆκΈ° λ•Œλ¬Έμ—, 닀크 λͺ¨λ“œλŠ” μ‘΄μž¬ν•  뿐 μ•„λ‹ˆλΌ μ–΄λ””μ—λ‚˜ μžˆλ‹€κ³  말할
μ΄μ œλŠ” 닀크λͺ¨λ“œλ„ λ””μžμΈν•΄μ•Ό ν•  λ•Œμ΄μ œλŠ” 닀크λͺ¨λ“œλ„ λ””μžμΈν•΄μ•Ό ν•  λ•Œ
https://brunch.co.kr/@thinkaboutlove/276
μ΄μ œλŠ” 닀크λͺ¨λ“œλ„ λ””μžμΈν•΄μ•Ό ν•  λ•Œμ΄μ œλŠ” 닀크λͺ¨λ“œλ„ λ””μžμΈν•΄μ•Ό ν•  λ•Œ
8 Tips for Dark Theme Design
Dark theme is one of the most requested features over the past few years. Both Apple and Google made a dark theme an essential part of UI. Dark theme's reduced luminance provides safety in dark environments and can minimize eye strain. Here are 8 tips to remember when designing a dark theme for your product.
8 Tips for Dark Theme Design8 Tips for Dark Theme Design
https://uxplanet.org/8-tips-for-dark-theme-design-8dfc2f8f7ab6
8 Tips for Dark Theme Design8 Tips for Dark Theme Design
Designing for Dark Mode on iOS 13
How I Implemented dark mode in three simple steps Dark mode has finally arrived in iOS 13. As a night owl who stays up late, I found the dark mode not only appealing to the eyes, but also soothing to the mind. Apple already offers detailed documentation.
Designing for Dark Mode on iOS 13Designing for Dark Mode on iOS 13
https://medium.com/better-programming/designing-for-dark-mode-on-ios-13-fc17a0940639
Designing for Dark Mode on iOS 13Designing for Dark Mode on iOS 13
Β