UXUI ์ฃผ๊ฐ„ ์•„ํ‹ฐํด

24โ€™ 3์›” 4์ฃผ ๐Ÿ”– UXUI ํ•ด์™ธ ์ฃผ๊ฐ„ ์•„ํ‹ฐํด TOP3

UX ๋””์ž์ธ์˜ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ทœ์น™, Generative AI ๊ฒฝํ—˜์˜ ์ƒˆ๋กœ์šด UX ํŒจํ„ด, ๋””์ž์ธ ์‹œ์Šคํ…œ์—์„œ ์ƒ‰์ƒ ์‚ฌ์šฉ์„ ์ •์˜ํ•˜๋Š” ๋ฐฉ๋ฒ•

2024.03.27 | ์กฐํšŒ 853 |
0
|

from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿ”– 2024๋…„ 3์›” 4์ฃผ TOP3

1๏ธโƒฃ ๋ชจ๋‘๊ฐ€ ์ง€ํ‚ค์ง€ ์•Š๋Š” UX ๋””์ž์ธ์˜ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ทœ์น™

2๏ธโƒฃ Generative AI ๊ฒฝํ—˜์˜ ์ƒˆ๋กœ์šด UX ํŒจํ„ด

3๏ธโƒฃ ๋””์ž์ธ ์‹œ์Šคํ…œ์—์„œ ์˜๋ฏธ๋ก ์  ์„ธํŠธ๋ฅผ ํ†ตํ•ด ์ƒ‰์ƒ ์‚ฌ์šฉ์„ ์ •์˜ํ•˜๋Š” ๋ฐฉ๋ฒ•


1๏ธโƒฃ ๋ชจ๋‘๊ฐ€ ์ง€ํ‚ค์ง€ ์•Š๋Š” UX ๋””์ž์ธ์˜ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ทœ์น™

๋ชจ๋“  ์ธ๊ฐ„๋“ค์ด ์ง€์ผœ์•ผ ํ•  ์กฐ์ง์˜ ์›์น™, ํŠนํžˆ ์ œํ’ˆ์„ ๋””์ž์ธํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์€ ํ•œ ๊ฐ€์ง€ ์›์น™์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ๊ทธ ๊ทœ์น™์ด ๋ฌด์—‡์ธ์ง€, ๊ทธ๋ฆฌ๊ณ  ๊ทธ๊ฒƒ์ด ์ œํ’ˆ๊ณผ ์„œ๋น„์Šค ๋””์ž์ธ์— ์–ด๋–ค ์˜๋ฏธ๋ฅผ ๊ฐ–๋Š”์ง€ ์„ค๋ช…ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ ์ด ํ˜„์ƒ์ด ์กฐ์ง ๊ด€๋ฆฌ, ํ˜‘์—… ๋ฐ ์ผ๋ฐ˜์  ์„ฑ๊ณผ์— ๋ฏธ์น  ์ˆ˜ ์žˆ๋Š” ์˜ํ–ฅ์„ ์ œ๊ธฐํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ๋…ผ์˜ํ•  ์‹ฌ๋ฆฌ์  ํ˜„์ƒ์€ ๋ฐ€๋Ÿฌ์˜ ๋ฒ•์น™์œผ๋กœ ์•Œ๋ ค์ ธ ์žˆ์Šต๋‹ˆ๋‹ค.

์ •๋ณด ์š”์†Œ๋ฅผ ํ•ญ์ƒ 9๊ฐœ ์ดํ•˜์˜ ๋ฒ”์ฃผ๋กœ ๊ตฌ์„ฑํ•˜๋˜, ๊ฐ€๊ธ‰์ ์ด๋ฉด ~5๊ฐœ์˜ ์ฒญํฌ๋กœ ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค.

์ธํ„ฐํŽ˜์ด์Šค์— ์ถ”๊ฐ€ํ•˜๋Š” ์ •๋ณด ๋ฉ์–ด๋ฆฌ๊ฐ€ ๋งŽ์„์ˆ˜๋ก ํ˜„์žฌ ์ •๋ณด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ž‘์—…ํ•˜๋Š” ๊ฒƒ์ด ๋” ์–ด๋ ค์›Œ์ง‘๋‹ˆ๋‹ค. ์ด๋Š” ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์žฅ๊ธฐ ๊ธฐ์–ต์œผ๋กœ ์ธ์ฝ”๋”ฉํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์—ฐ์Šต์ด ์—†๊ฑฐ๋‚˜ ๋™์ž‘์ด ์Šต๊ด€ํ™”๋˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์—ฐ์Šต์ด ์ฒ˜์Œ ์‚ฌ์šฉ์ž์—๊ฒŒ ํŠนํžˆ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

๋ฐ€๋Ÿฌ์˜ ๋ฒ•์น™์€ ์ธ๊ฐ„์ด ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ์ •๋ณด์˜ ์–‘์ด ํ•œ์ •๋˜์–ด ์žˆ์œผ๋ฉฐ, ์ •๋ณด๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์œผ๋ฉด ์„ฑ๊ณผ์— ๋ถ€์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์ฃผ์˜๊ฐ€ ์‚ฐ๋งŒํ•ด์ง€๊ฒŒ ๋œ๋‹ค๋Š” ์ ์„ ๊ฐ€๋ฅด์ณ ์ค๋‹ˆ๋‹ค.

๊ธฐ์—…์€ ๊ณ ๊ฐ๊ณผ ์ง์›์—๊ฒŒ ํ›จ์”ฌ ๋” ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด ๋ฐฉ์‹์œผ๋กœ ์ •๋ณด๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ธ์ง€ ๊ณผ๋ถ€ํ•˜๋ฅผ ์œ ๋ฐœํ•˜๋Š” ๋„๊ตฌ๋‚˜ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ์ œ๊ฑฐํ•˜๊ฑฐ๋‚˜, ํŒ€ ๊ตฌ์„ฑ์› ์ˆ˜๋ฅผ ์ค„์ด๊ฑฐ๋‚˜, ์ž‘์—… ๊ธฐ์–ต์— ๋Œ€ํ•œ ์ง€์‹์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ถ€์„œ๋ฅผ ๊ตฌ์„ฑํ•จ์œผ๋กœ์จ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

. . ๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


2๏ธโƒฃ Generative AI ๊ฒฝํ—˜์˜ ์ƒˆ๋กœ์šด UX ํŒจํ„ด

์—ญ์‚ฌ๋ฅผ ๋˜๋Œ์•„๋ณด๋ฉด ๋ฏธ๋ž˜๋ฅผ ์„ค๊ณ„ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

๋‹น์‹ ์˜ ์ปคํ”ผ ์ฃผ๋ฌธ์„ ์ด๋ฏธ ์•Œ๊ณ  ์žˆ๋Š” ๋ฐ”๋ฆฌ์Šคํƒ€๊ฐ€ ๋ฐ˜๊ฐ‘๊ฒŒ ๋งž์•„์ค€ ์ ์ด ์žˆ๋‚˜์š”? ์˜จ๋„, ์ถ”์ถœ ์‹œ๊ฐ„, ๋ฌผ์˜ ์–‘, ์›๋‘ ์›์‚ฐ์ง€, ๋ถ„์‡„ ํฌ๊ธฐ, ๋กœ์ŠคํŒ… ๋“ฑ ๋ชจ๋“  ์ธก๋ฉด์„ ์ž์„ธํžˆ ์„ค๋ช…ํ•˜์ง€ ์•Š๊ณ  ์ปคํ”ผ๋ฅผ ๋งˆ์‹œ๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ์ด๋Š” ์˜ค๋Š˜๋‚  AI๋กœ ํƒ์ƒ‰ํ•˜๊ณ  ์žˆ๋Š” ์ŠคํŽ™ํŠธ๋Ÿผ์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

์ด ๊ธฐ์‚ฌ๋Š” ์ปคํ”ผ์— ๊ด€ํ•œ ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ์ด๋Š” ์‚ฌ์šฉ์ž ์ƒํ˜ธ ์ž‘์šฉ์ด ์–ด๋–ป๊ฒŒ ๋ณ€ํ™”ํ•˜๊ณ  ์ ์‘ํ•˜๋Š”์ง€, GUI์˜ ์ด์ „ ์ถ”์„ธ์™€ ์ƒ์„ฑ AI ์ƒํ˜ธ ์ž‘์šฉ์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ƒˆ๋กœ์šด ์ถ”์„ธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ƒ์„ฑ AI ์‚ฌ์šฉ์ž ์ƒํ˜ธ ์ž‘์šฉ์ด ์–ด๋–ป๊ฒŒ ์ง„ํ™”ํ•  ์ˆ˜ ์žˆ๋Š”์ง€์— ๊ด€ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. AI ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์˜ ํ•ต์‹ฌ ํŠธ๋ Œ๋“œ๋กœ์„œ ์ปจํ…์ŠคํŠธ ๋ฒˆ๋“ค๋ง, ์‚ฌ์šฉ์ž ํ๋ ˆ์ด์…˜, ์‹ ๋ขฐ, ์ƒํƒœ๊ณ„์˜ ๊ฐ€์น˜๋ฅผ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

๋ช…๋ น๋ถ€ํ„ฐ ๋Œ€ํ™”๊นŒ์ง€

์ปดํ“จํ„ฐ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋Š” ๊ฒƒ์€ ๋ช…๋ น์ค„ ์ธํ„ฐํŽ˜์ด์Šค(CLI) ์—์„œ ์ •ํ™•ํ•œ ๋ช…๋ น์„ ์ž…๋ ฅํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ–ˆ๋˜ ์ปดํ“จํŒ… ์‹œ๋Œ€๋กœ ๋˜๋Œ์•„๊ฐ€ ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. "์ˆ™์ œ" ํด๋”๋ฅผ ์ฐพ๋Š” ๊ฒƒ์€ ๋ฌผ๋ก , ํŒŒ์ผ์„ ์—ด๊ฑฐ๋‚˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณต์‚ฌํ•˜๋Š” ์ •ํ™•ํ•œ ๋ช…๋ น์„ ๊ธฐ์–ตํ•˜๋Š” ๊ฒƒ์ด ์–ด๋ ต๋‹ค๊ณ  ์ƒ์ƒํ•ด ๋ณด์„ธ์š”. ๋ชจ๋“  ์‚ฌ๋žŒ์ด ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด ์„ ๋ฐœ๋œ ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. ๋” ๋„“์€ ์‚ฌ์šฉ์„ฑ์„ ์œ„ํ•ด์„œ๋Š” ๋ณ€ํ™”๊ฐ€ ํ•„์š”ํ–ˆ์Šต๋‹ˆ๋‹ค.

  • ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ์— ๋Œ€ํ•œ ์ดˆ๊ธฐ ์‹œ๋„์ธ 1964๋…„ ELIZA๋ฅผ ์‹œ์ž‘ํ•˜์—ฌ ํ‚ค์›Œ๋“œ ์ธ์‹ ๋ฐ ์Šคํฌ๋ฆฝํŠธ ์‘๋‹ต์„ ํ†ตํ•ด ๊ธฐ๋ณธ ๋Œ€ํ™”๋กœ ์‚ฌ์šฉ์ž๋ฅผ ์ฐธ์—ฌ์‹œํ‚ต๋‹ˆ๋‹ค. ํš๊ธฐ์ ์ด์—ˆ์ง€๋งŒ ELIZA์˜ ์ƒํ˜ธ ์ž‘์šฉ์€ ์œ ์—ฐํ•˜๊ฑฐ๋‚˜ ํ™•์žฅ ๊ฐ€๋Šฅํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.
  • ๊ฑฐ์˜ ๊ฐ™์€ ์‹œ๊ธฐ์— Xerox PARC๋Š” ๊ทธ๋ž˜ํ”ฝ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(GUI)๋ฅผ ๊ฐœ๋ฐœ ์ค‘์ด์—ˆ๊ณ  ๋‚˜์ค‘์— 1984๋…„ Apple ๊ณผ ๊ทธ ์ดํ›„ Microsoft ์— ์˜ํ•ด ๋Œ€์ค‘ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค. GUI๋Š” ๋ณต์žกํ•œ ๋ช…๋ น์„ ๋งˆ์šฐ์Šค๋กœ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๋Š” ์•„์ด์ฝ˜, ๋ฉ”๋‰ด ๋ฐ ์ฐฝ์œผ๋กœ ๋Œ€์ฒดํ•˜์—ฌ ์ปดํ“จํŒ…์„ ๋ณ€ํ™”์‹œ์ผฐ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ํ˜์‹ ์„ ํ†ตํ•ด ์ปดํ“จํ„ฐ๋Š” ์ผ์ƒ์ ์ธ ์ž‘์—…์— ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ณ  ์ง๊ด€์ ์ด๊ฒŒ ๋˜์—ˆ์œผ๋ฉฐ, ๊ธฐ์ˆ ์ด ์šฐ๋ฆฌ ์‚ถ์—์„œ ๊ฐ–๋Š” ๋ณดํŽธ์ ์ธ ์—ญํ• ์„ ์œ„ํ•œ ๋ฌด๋Œ€๋ฅผ ๋งˆ๋ จํ–ˆ์Šต๋‹ˆ๋‹ค.

์œ„์˜ ์˜ˆ์‹œ ์ด๋ฏธ์ง€๋ฅผ ๋ณด์„ธ์š”. ์˜ค๋Š˜๋‚  ์šฐ๋ฆฌ๋Š” ํ‰ํ–‰ ์ง„ํ™”๋ฅผ ๋ชฉ๊ฒฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ****์‚ฌ์šฉ์ž ํ”„๋กฌํ”„ํŠธ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์ž์—ฐ์–ด๋กœ ์ œ์ž‘๋œ ๋ฏธ๋‹ˆ ํ”„๋กœ๊ทธ๋žจ์ด๋ฉฐ ๊ฒฐ๊ณผ์˜ ํ’ˆ์งˆ์€ ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๊ธฐ์ˆ ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ์ดˆ๊ธฐ ์ปดํ“จํŒ…์ด CLI์˜ ๋ณต์žก์„ฑ์—์„œ GUI์˜ ๋‹จ์ˆœํ•จ์œผ๋กœ ์ „ํ™˜๋˜์–ด ๋ชจ๋“  ์‚ฌ๋žŒ์ด ๊ธฐ์ˆ ์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋œ ๊ฒƒ์ฒ˜๋Ÿผ, ๋ณต์žกํ•œ ์ž…๋ ฅ์„ ๋ณต์žกํ•˜๊ณ  ๋” ๊ฐ„๋‹จํ•˜๊ณ  ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค๋กœ ๋ฌถ๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ๋ฐœ์ „ํ•˜๋Š” ์œ ์‚ฌํ•œ ์ถ”์„ธ๊ฐ€ ์ƒ์„ฑ AI์— ๋‚˜ํƒ€๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 
. . ๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


3๏ธโƒฃ ๋””์ž์ธ ์‹œ์Šคํ…œ์—์„œ ์˜๋ฏธ๋ก ์  ์„ธํŠธ๋ฅผ ํ†ตํ•ด ์ƒ‰์ƒ ์‚ฌ์šฉ์„ ์ •์˜ํ•˜๋Š” ๋ฐฉ๋ฒ•

์‹œ์ž‘ํ•˜๊ธฐ ์ „์—, ๋ธŒ๋žœ๋“œ ์ปฌ๋Ÿฌ๋ฅผ ์„ ํƒํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ์ปฌ๋Ÿฌ ๋žจํ”„๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํ™•์ธํ•˜์„ธ์š”.

์›์‹œ ์ƒ‰์ƒ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

์›์‹œ ์ƒ‰์ƒ์€ ๋ธŒ๋žœ๋“œ ์ƒ‰์ƒ ์นดํƒˆ๋กœ๊ทธ(purple.100, purple.200 ๋“ฑ)์—์„œ ๊ฐ€์ ธ์˜จ ๊ฐœ๋ณ„์ ์ธ ์ƒ‰์ƒ์ž…๋‹ˆ๋‹ค. ์ด๋Š” ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ํ˜•ํƒœ์˜ ์ƒ‰์ƒ์œผ๋กœ์„œ ์˜๋ฏธ๋ก ์  ์ปฌ๋Ÿฌ ์ด๋ฆ„์— ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

์˜๋ฏธ๋ก ์  ์ปฌ๋Ÿฌ ์ด๋ฆ„์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

์ƒ‰์ƒ์˜ ์˜๋ฏธ๋ก ์  ์ด๋ฆ„์€ ์›์‹œ ์ƒ‰์ƒ์ด ๋””์ž์ธ ์‹œ์Šคํ…œ ์ „์ฒด์—์„œ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉ๋ ์ง€๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค. (์˜ˆ: foreground. primary.)

์›์‹œ ์ƒ‰์ƒ์€ ์•„๋ฌด๋„ #7748F9๋ฅผ ๊ธฐ์–ตํ•˜์ง€ ๋ชปํ•  ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์— ์„ ํƒ๋œ HSL/Hex ๊ฐ’์— ๋Œ€ํ•ด green.200, purple.500 ๋“ฑ๊ณผ ๊ฐ™์€ ๋” ์‹ค์šฉ์ ์ธ ์ด๋ฆ„์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์›์‹œ ์ด๋ฆ„๋“ค์€ ์‹œ์Šคํ…œ ๋‚ด์—์„œ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉ๋˜๋Š”์ง€์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์ด ๊ธฐ๋ณธ ๋ฒ„ํŠผ์˜ ๋ฐฐ๊ฒฝ์ƒ‰์ผ๊นŒ์š”? ํฌ์ปค์Šค ์ƒํƒœ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ผ๊นŒ์š”? ์•„๋ฌด๋„ ์•Œ ์ˆ˜ ์—†์œผ๋ฉฐ, ์ด๊ฒƒ์ด ์šฐ๋ฆฌ๊ฐ€ ์˜๋ฏธ๋ก ์  ์ด๋ฆ„์— ์˜์กดํ•˜๋Š” ์ด์œ ์ž…๋‹ˆ๋‹ค.

์‹œ๋งจํ‹ฑ ๋„ค์ž„์€ ์ปฌ๋Ÿฌ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ชจ๋“  ๋‹ค๋ฅธ ๊ธฐ๋ณธ ์Šคํƒ€์ผ์— ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋””์ž์ธ ์‹œ์Šคํ…œ ์—ฐ์žฌ ์ค‘๊ฐ„ ์ค‘๊ฐ„์— ๊ณ„์†ํ•ด์„œ ์ด ๊ฐœ๋…์„ ๋‹ค๋ฃฐ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์œ„ ์˜ˆ์ œ์—์„œ ๋ณด๋ฉด, ์›์‹œ ์ƒ‰์ƒ purple.500์€ ์‹œ๋งจํ‹ฑ ๋„ค์ž„ background.interactive.primary.default๊ณผ ์—ฐ๊ฒฐ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด purple.500์ด ๊ธฐ๋ณธ ์ƒํƒœ(primary button in its default state)์—์„œ ๋ฐฐ๊ฒฝ์ƒ‰์œผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค๋Š” ๊ฒƒ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์›์‹œ์ ์ด๊ณ  ์˜๋ฏธ์ ์ธ ๊ด€๊ณ„

์˜๋ฏธ๋ก ์  ์ด๋ฆ„(semantic name)์€ ์›๋ž˜ ์›์‹œ ๋„ค์ž„(primitive name) ๋Œ€์‹ ์œผ๋กœ ์‚ฌ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์›๋ž˜ ์›์น™์ ์œผ๋กœ ํŠน์ •ํ•œ semantic name๊ณผ ๊ด€๋ จ๋œ primitive color๋ฅผ ๋ถ„๋ฆฌํ•˜๊ณ  ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— primitives๊ฐ€ semantic names๊ณผ ๊ฒฐํ•ฉํ•ฉ๋‹ˆ๋‹ค.

์œ„ ์˜ˆ์ œ์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋“ฏ์ด, ์šฐ๋ฆฌ๋Š” purple .500 ๊ฐ’์„ green .600์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๊ณ  ์žˆ๋‹ค - ๊ทธ๋ฆฌ๊ณ  ๊ทธ ๊ฒฐ๊ณผ๋กœ ์˜๋ฏธ๋ก ์  ์ปฌ๋Ÿฌ ๊ฐ’๊ณผ ํ•ด๋‹น ์ปฌ๋Ÿฌ๊ฐ€ ์ ์šฉ๋œ ๋ชจ๋“  ๊ตฌ์„ฑ ์š”์†Œ๋„ ํ•จ๊ป˜ ์—…๋ฐ์ดํŠธ๋ฉ๋‹ˆ๋‹ค.

์œ„ ์˜ˆ์ œ์ฒ˜๋Ÿผ ํ•œ ๋ฒˆ ์„ค์ •ํ•œ ์˜๋ฏธ๋ก ์  ์ด๋ฆ„์€ ์ž์ฃผ ๋ณ€๊ฒฝ๋˜๊ฑฐ๋‚˜ ์ „ํ˜€ ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ํ…Œ๋ฐ(theming) ๊ฐœ๋…๊ณผ ์–ด์šธ๋ฆด ์ˆ˜ ์žˆ๋Š” ๋ฐฉ์‹์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹คํฌ ๋ชจ๋“œ๋ฅผ ๋งŒ๋“ค๋ ค๋ฉด ์›์‹œ์ ์ธ ์ฒจ๋ถ€ํŒŒ์ผ๋งŒ ๊ต์ฒดํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

๋””์ž์ธ ์‹œ์Šคํ…œ์— ์ต์ˆ™ํ•˜๋‹ค๋ฉด "ํ•˜์ง€๋งŒ ๋‹น์‹ ์€ ๋ธŒ๋žœ๋“œ ์นผ๋ผ๋ฅผ ์ •์˜ํ•˜๋Š” ์˜๋ฏธ๋ก ์  ์ˆ˜์ค€ ํ•˜๋‚˜๋ฅผ ๋†“์น˜์…จ๊ตฐ์š”!"๋ผ๊ณ  ์ƒ๊ฐํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค! ๊ทธ๊ฑด ์˜๋„์ ์ธ ๊ฒƒ ์ž…๋‹ˆ๋‹ค! ์„ฑ๊ณต์ ์ธ ๋””์ž์ธ ์‹œ์Šคํ…œ์œผ๋ก  ํ•„์ˆ˜ ์š”์†Œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค! ๊ทธ๋Ÿฌ๋‚˜ ์ €๋Š” ๋‹ค์Œ ๊ธฐ์‚ฌ์—์„œ ์ด๊ฒƒ์— ๋Œ€ํ•œ ์ „๋žต์„ ๋‹ค๋ฃฐ ๊ฒƒ์ด๋ฉฐ, ์ƒ‰์ƒ ํ…Œ๋งˆ๋ฅผ ์œ„ํ•œ ๊ณ ๊ธ‰ ์ „์ˆ ์— ์ดˆ์ ์„ ๋งž์ถœ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

. .  ๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.

 

๐ŸŽ„from.designer 

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ from.designer ๋Š” ๋‹ค์–‘ํ•œ ์‚ถ์˜ ๊ฒฝํ—˜ ๊ณต์œ ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ UXUI ์Šคํ„ฐ๋””, ํŠน๊ฐ•, ๋ถํด๋Ÿฝ ๋“ฑ ๋‹ค์–‘ํ•œ ํ”„๋กœ๊ทธ๋žจ์„ ์šด์˜ํ•˜๋Š” ๋””์ž์ด๋„ˆ ์ค‘์‹ฌ์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ, ๋””์ž์ด๋„ˆ์— ๊ด€์‹ฌ์žˆ๋Š” ๋ˆ„๊ตฌ๋‚˜ ์ฐธ์—ฌ ๊ฐ€๋Šฅํ•œ ์˜คํ”ˆ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.


๐Ÿ—“๏ธ
ํ–‰์‚ฌ ์ผ์ • & UXUI ์ž๋ฃŒ 

๋””์ž์ด๋„ˆ ๊ณต์œ , UXUI ์Šคํ„ฐ๋”” ์ฐธ๊ด€, UX ๋ฐœํ‘œ์ž๋ฃŒ ๊ณต์œ ๋“ฑ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ๋…ธ์…˜์—์„œ ํ™•์ธํ•˜์„ธ์š”.

๐Ÿ’ญ ๋‹จํ†ก๋ฐฉ ๊ฐ€์ž…๋ฌธ์˜  (2,070๋ช…)

๐ŸŽฅ ์œ ํŠœ๋ธŒ UXUI ์ž๋ฃŒ ์˜์ƒ  

๐Ÿ”– ์ด๋ฉ”์ผ 

๐Ÿ“ SNS   @from.designer ํŽ˜์ด์Šค๋ถ , ์ธ์Šคํƒ€๊ทธ๋žจ
 




 

๋‹ค๊ฐ€์˜ฌ ๋‰ด์Šค๋ ˆํ„ฐ๊ฐ€ ๊ถ๊ธˆํ•˜์‹ ๊ฐ€์š”?

์ง€๊ธˆ ๊ตฌ๋…ํ•ด์„œ ์ƒˆ๋กœ์šด ๋ ˆํ„ฐ๋ฅผ ๋ฐ›์•„๋ณด์„ธ์š”

โœ‰๏ธ

์ด๋ฒˆ ๋‰ด์Šค๋ ˆํ„ฐ ์–ด๋– ์…จ๋‚˜์š”?

from.designer ๋‹˜์—๊ฒŒ โ˜•๏ธ ์ปคํ”ผ์™€ โœ‰๏ธ ์ชฝ์ง€๋ฅผ ๋ณด๋‚ด๋ณด์„ธ์š”!

๋Œ“๊ธ€

์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”

ํ™•์ธ
์˜๊ฒฌ์ด ์žˆ์œผ์‹ ๊ฐ€์š”? ์ œ์ผ ๋จผ์ € ๋Œ“๊ธ€์„ ๋‹ฌ์•„๋ณด์„ธ์š” !
ยฉ 2024 from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

๋‰ด์Šค๋ ˆํ„ฐ ๋ฌธ์˜from.ddesigner@gmail.com

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ ์„œ๋น„์Šค ์†Œ๊ฐœ์„œ ์˜ค๋ฅ˜ ๋ฐ ๊ธฐ๋Šฅ ๊ด€๋ จ ์ œ๋ณด

์„œ๋น„์Šค ์ด์šฉ ๋ฌธ์˜admin@team.maily.so

๋ฉ”์ผ๋ฆฌ ์‚ฌ์—…์ž ์ •๋ณด

๋ฉ”์ผ๋ฆฌ (๋Œ€ํ‘œ์ž: ์ดํ•œ๊ฒฐ) | ์‚ฌ์—…์ž๋ฒˆํ˜ธ: 717-47-00705 | ์„œ์šธ ์„œ์ดˆ๊ตฌ ๊ฐ•๋‚จ๋Œ€๋กœ53๊ธธ 8, 8์ธต 11-7ํ˜ธ

์ด์šฉ์•ฝ๊ด€ | ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ | ์ •๊ธฐ๊ฒฐ์ œ ์ด์šฉ์•ฝ๊ด€