๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ UXUI

[๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ 37์ผ์ฐจ(2)] ์•„ํ‹ฐํด

dmstj5923 2025. 6. 9. 20:10

<์•„ํ‹ฐํด>

https://designcompass.org/2024/10/29/google-calendar-dark-mode/

 

๊ตฌ๊ธ€ ์บ˜๋ฆฐ๋” ์—…๋ฐ์ดํŠธ: ๋“œ๋””์–ด ๋‹คํฌ๋ชจ๋“œ

๊ตฌ๊ธ€์ด ๊ตฌ๊ธ€ ์บ˜๋ฆฐ๋” ์›น์˜ UI๋ฅผ ์ƒˆ๋กœ๊ณ ์นจ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ฃผ๋กœ ์‹œ๊ฐ์ ์ธ ์˜์—ญ์ด ๋ฐ”๋€Œ์—ˆ์œผ๋ฉฐ ๋“œ๋””์–ด ๋‹คํฌ ๋ชจ๋“œ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ์ฃผ๋ถ€ํ„ฐ ์ถœ์‹œํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์œผ๋ฉฐ ์ง€๋ฉ”์ผ ์‚ฌ์šฉ์ž๋‚˜ ๊ตฌ๊ธ€ ์›Œํฌ์ŠคํŽ˜์ด์Šค ์‚ฌ

designcompass.org

 

 

 

 

 

 

 

 

 

๐Ÿค” ๋А๋‚€ ์ 

์—ญ์‹œ ๋‹คํฌ๋ชจ๋“œ๊ฐ€ ๋Œ€์„ธ๊ธด ํ•œ๊ฐ€๋ณด๋‹ค. ๋‹คํฌ๋ชจ๋“œ๊ฐ€ ํ™•์‹คํžˆ ๋ˆˆ์˜ ํ”ผ๋กœ๋„๋ฅผ ๋œ์–ด์ฃผ๊ณ  ์‹ค์ œ๋กœ ์•ก์ •๋„ ํ™”์ดํŠธ๊ฐ€ ๋งŽ์„์ˆ˜๋ก ๋นจ๋ฆฌ ์ƒํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค. ๊ทผ๋ฐ ์ƒ๊ฐํ•ด ๋ณด๋‹ˆ ๋‚˜๋Š” ํ•ธ๋“œํฐ์€ ๋‹คํฌ๋ชจ๋“œ๋ฅผ ๋งค์šฐ ์• ์šฉํ•˜๋Š” ํŽธ์ธ๋ฐ ๋…ธํŠธ๋ถ์€ ๋‹คํฌ๋ชจ๋“œ๋ฅผ ์ž˜ ์“ฐ์ง€ ์•Š๋Š”๋‹ค.  ์™œ๋ƒํ•˜๋ฉด ๋…ธํŠธ๋ถ์— ๋‹คํฌ๋ชจ๋“œ๋ฅผ ์ ์šฉํ•˜๋ฉด ์ƒ๋‹จ๋ฐ”์™€ ํ•˜๋‹จ๋ฐ”๋งŒ ๋ณ€๊ฒฝ๋ผ ์˜คํžˆ๋ ค ์ด์งˆ๊ฐ์ด ๋“ค๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์ด๊ฒƒ๋„ ์“ฐ๋‹ค ๋ณด๋ฉด ์ ์‘์ด ๋˜๋ ค๋‚˜,, ์š”์ฆ˜ ํ•ธ๋“œํฐ๋ณด๋‹ค ๋…ธํŠธ๋ถ์„ ๋” ๋งŽ์ด ์‚ฌ์šฉํ•˜๋‹ค ๋ณด๋‹ˆ ๋…ธํŠธ๋ถ์— ์ ์šฉํ•˜๊ณ  ์‹ถ๊ธด ํ•˜๋‹ค. ํ•œ ๋ฒˆ ๋„์ „ํ•ด ๋ด์•ผ๊ฒ ๋‹ค.

 

 

๋ฐ”๋€ UI๋“ค์ด ์ „์ฒด์ ์œผ๋กœ ๋‘ฅ๊ธ€๋‘ฅ๊ธ€ํ•ด์„œ ๋” ์นœ์ˆ™ํ•œ ๋А๋‚Œ์ด ๋“ค์–ด ์ข‹๊ธด ํ•˜์ง€๋งŒ ์ €์žฅ ๋ฒ„ํŠผ ์ƒ‰์€ ์ „์ด ๋” ๋‚˜์€ ๊ฒƒ ๊ฐ™๋‹ค. ์ƒ‰์ด ๋” ์ง„ํ•ด์ ธ์„œ ๊ทธ๋Ÿฐ์ง€ ๋ญ”๊ฐ€ ๋ฒ„ํŠผ์ด ๋ˆŒ๋Ÿฌ์กŒ์„ ๋•Œ ์ƒ‰ ๊ฐ™๋‹ค.

 

 

"์šฐ์ธก ์‚ฌ์ด๋“œ ๋ฐ”์—์„œ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๊ตฌ๊ธ€ ํ‚ต, ์ง€๋„ ๋“ฑ์€ ์•„์ง ๋‹คํฌ ๋ชจ๋“œ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์ถ”๊ฐ€๋กœ ์‚ฌ์šฉํ•˜๋Š” ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ๋„ ๋‹คํฌ๋ชจ๋“œ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค."

โžก๏ธ ์ด ๋ถ€๋ถ„์€ ์กฐ๊ธˆ ์•„์‰ฝ๋‹ค. ์™œ ์‚ฌ์ด๋“œ ๋ฐ”๋Š” ๋‹คํฌ๋ชจ๋“œ๋ฅผ ํ•ด ์ฃผ์ง€ ์•Š์•˜์„๊นŒ? ๊ถ๊ธˆํ–ˆ๋‹ค. ๋Œ€๊ธฐ์—…์ด๋‹ˆ๊นŒ ๋ญ”๊ฐ€ ์‚ฌ์ •์ด ์žˆ๊ฒ ์ง€,,