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

๐Ÿ”– 2021๋…„ 10์›” 3์ฃผ TOP3

iOS 15 UI ๋””์ž์ธ / ํ”ผ์ธ ์˜ ๋ฒ•์น™ / ํ”Œ๋žซ vs ๋จธํ„ฐ๋ฆฌ์–ผ ๋””์ž์ธ

2021.10.14 | ์กฐํšŒ 827 |
0
|

from.designer

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

๐Ÿ”– 2021๋…„ 10์›” 2์ฃผ TOP3

  • iOS 15 UI ๋””์ž์ธ ๋ณ€๊ฒฝ ์‚ฌํ•ญ
  • ํฌ๊ธฐ์˜ ์ค‘์š”์„ฑ : ๋””์ž์ธ์— ์ ์šฉ๋œ ํ”ผ์ธ ์˜ ๋ฒ•์น™
  • ํ”Œ๋žซ ๋””์ž์ธ vs ๋จธํ‹ฐ๋ฆฌ์–ผ ๋””์ž์ธ

iOS 15 UI ๋””์ž์ธ ๋ณ€๊ฒฝ ์‚ฌํ•ญ

iOS 15๊ฐ€ ์ถœ์‹œ๋˜์—ˆ์œผ๋ฉฐ OS์— ๊ฝค ํฅ๋ฏธ๋กœ์šด UI ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์žˆ์Šต๋‹ˆ๋‹ค.  ํ™ˆ ํ™”๋ฉด์—์„œ ๊ฐ€์žฅ ํฐ ์‹œ๊ฐ์  ์ฐจ์ด๋Š” ์™„์ „ํžˆ ์ƒˆ๋กœ์šด ๋‚ ์”จ์™€ ์ง€๋„ ์•„์ด์ฝ˜์ž…๋‹ˆ๋‹ค.  ์ผ๋ฐ˜์ ์ธ ์Šคํƒ€์ผ์€ ๋” ๋งŒํ™”์ ์ธ ์Šคํƒ€์ผ๋กœ ํ–ฅํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๋‚ ์”จ ์•„์ด์ฝ˜์€ ๊ธ€๋ผ์Šค๋ชจํ”ฝ(glassmorphic) ๋ชจ์–‘์˜ ๊ตฌ๋ฆ„์ด ์žˆ๊ณ  ์ง€๋„์— ๋Œ€๋‹ดํ•˜๊ณ  ๊ฐ•ํ•œ ์ƒ‰์ƒ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ ์ƒˆ ์ง€๋„ ์•„์ด์ฝ˜์€ ์šด์ „๊ณผ ๊ธฐํƒ€ ๊ตํ†ต ์ˆ˜๋‹จ ๋ชจ๋‘์—์„œ ๊ธธ์ฐพ๊ธฐ ๊ธฐ๋Šฅ์— ์ดˆ์ ์„ ๋งž์ถ”๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

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

UI ํ˜๋ช…?

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

์ €๋Š” ๋˜ํ•œ ์• ํ”Œ(Apple)์ด ๊ทธ๋Ÿฐ ๊ณผ๊ฐํ•œ ์›€์ง์ž„์„ ๋‘๋ ค์›Œํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ์‚ฌ์‹ค์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ์šฐ๋ฆฌ๊ฐ€ ์ต์ˆ™ํ•œ ๊ฒƒ์—์„œ ํฌ๊ฒŒ ๋ฒ—์–ด๋‚˜๋Š” ๋ฌด์–ธ๊ฐ€๋ฅผ ํ…Œ์ŠคํŠธํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.  ํŠนํžˆ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด UI๋ฅผ "๊ฐ•์ œ์ ์œผ๋กœ" ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์—์„œ ๋ฏธ๋ž˜์˜ UI๋ฅผ ๋ฐœ์ „์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.  ๊ทธ๊ฒƒ์€ ์šฐ๋ฆฌ๊ฐ€ ์›น์„ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜๋Š”์ง€์— ๋Œ€ํ•œ ํฅ๋ฏธ๋กœ์šด ๋ฐœ๊ฒฌ์œผ๋กœ ์ด์–ด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์‹ค์ˆ˜๋ฅผ ์ธ์ •ํ•ฉ๋‹ˆ๋‹ค

ํ•œํŽธ, ๊ทธ๋“ค์€ ๋˜ํ•œ ๋ถˆํŽธํ•œ ํ•„๋“œ ๋‚ด ํƒ€์ž„ํ”ผ์ปค(time-pickers)๋ฅผ ๋˜๋Œ๋ ธ์Šต๋‹ˆ๋‹ค.  ๊ทธ ์‹คํ—˜์€ ์ž˜ ๋˜์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์—, ์ต์ˆ™ํ•œ ํฐ ํ”ผ์ปค(picker)๊ฐ€ ์ด๋ฅผ  ๋Œ€์ฒดํ•˜๋Š” ๊ฒƒ์€ ์ข‹์€ ์ผ์ž…๋‹ˆ๋‹ค. ๊ทธ ๊ฒฝํ—˜์€ ์ž‘์€ ํŒ์—…์—์„œ๋„ ์—ฌ์ „ํžˆ ์ž‘์€ ํ…์ŠคํŠธ ํ•„๋“œ ๋‚ด์—์„œ ์Šคํฌ๋กคํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋” ์นœ์ˆ™ํ•˜๊ณ  ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ์—…๋ฐ์ดํŠธ์— ๋Œ€ํ•ด ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜์‹ญ๋‹ˆ๊นŒ?  ๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ ๋ณ€ํ™”๋Š” ๋งค์šฐ ๋ฏธ๋ฌ˜ํ•˜๊ณ  ๋ฐ˜๋ณต์ ์ธ ์—…๋ฐ์ดํŠธ์— ๊ฐ€๊น์ง€๋งŒ, ๋ณด๋‹ค ํ˜์‹ ์ ์ธ(์‚ฌํŒŒ๋ฆฌ, Safari)๋ฅผ ๋„์ž…ํ•˜๊ณ  ๋” ๋‚˜์€ ํŒจํ„ด์„ ๊ฐ€์ ธ์˜ค๊ธฐ ์œ„ํ•ด ์ •๋ณด์— ์ž…๊ฐํ•œ ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ๋Š” ๊ณผ์ •์„ ๋ณด๋Š” ๊ฒƒ์ด ํฅ๋ฏธ๋กญ์Šต๋‹ˆ๋‹ค.  iOS 16์ด ์‚ฌ๋ผํ”ผ(Safari) ์ฃผ์†Œ ํ‘œ์‹œ์ค„์„ ๋‹ค์‹œ ๋งจ ์œ„๋กœ ์ด๋™ํ• ์ง€ ๋ˆ„๊ฐ€ ์•Œ๊ฒ ์Šต๋‹ˆ๊นŒ?  ๊ทธ๋Ÿฌ๋‚˜ ์ ์–ด๋„ ๊ทธ๋“ค์€ ์ƒˆ๋กœ์šด ๊ฒƒ์„ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค.

.  .

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


ํฌ๊ธฐ์˜ ์ค‘์š”์„ฑ : ๋””์ž์ธ์— ์ ์šฉ๋œ ํ”ผ์ธ ์˜ ๋ฒ•์น™

๋ˆˆ์น˜ ์ฑ„์…จ๋‹ค๋ฉด, ๋น„์ƒ ๋ฒ„ํŠผ์€ ํ•ญ์ƒ ํฐ ๋นจ๊ฐ„์ƒ‰ ๋ฒ„ํŠผ์ด๋ฉฐ, ์ž๋™์ฐจ์˜ ๋ธŒ๋ ˆ์ดํฌ ํŒจ๋“ค์€ ํ•ญ์ƒ ์„ธ ๊ฐœ์˜ ํŽ˜๋‹ฌ ์ค‘ ๊ฐ€์žฅ ํฝ๋‹ˆ๋‹ค.

์ž์ฃผ ์‚ฌ์šฉํ•˜๊ณ  ์ฆ‰๊ฐ์ ์ธ ์ฃผ์˜๊ฐ€ ํ•„์š”ํ•œ ๋ฒ„ํŠผ์€ ํ•ญ์ƒ ๋” ํฌ๊ณ  ๋ˆˆ์— ์ž˜ ๋„๋Š” ๋ฒ„ํŠผ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ ‘๊ทผํ•˜๊ธฐ๊ฐ€ ๋” ์‰ฌ์›Œ์ง€๊ฑฐ๋‚˜, ์ตœ์†Œํ•œ ๋” ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

ํ‚คํŒจ๋“œ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค. ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋ฒ„ํŠผ (Ctrl, Shift, Backspace, Enter ๋ฐ Space)์€ ํ‚คํŒจ๋“œ ๋ชจ์„œ๋ฆฌ์— ๋ฐฐ์น˜๋˜์–ด ์†๊ฐ€๋ฝ์„ ์‰ฝ๊ฒŒ ๋ป—์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋‚˜๋จธ์ง€ ๋ฒ„ํŠผ๋ณด๋‹ค ์ƒ๋Œ€์ ์œผ๋กœ ํฝ๋‹ˆ๋‹ค.

์ด ๋ชจ๋“  ๊ฒƒ์€ ์ž˜ ์กฐ์‚ฌ๋œ ์—ฐ๊ตฌ์ธ ํ”ผ์ธ ์˜ ๋ฒ•์น™์„ ๊ธฐ๋ฐ˜์œผ๋กœํ•ฉ๋‹ˆ๋‹ค.

ํ”ผ์ธ ์˜ ๋ฒ•์น™์— ๋Œ€ํ•œ ์—ฐ๊ตฌ

1954๋…„ ํด ํ”ผ์ธ ์— ์˜ํ•ด ์ฒ˜์Œ ์—ฐ๊ตฌ๋œ ์ด ์ •์‹  ๋ชจ๋ธ์€ ๊ฒฐ๊ตญ ์ธ๊ฐ„ ์šด๋™์˜ ๊ฐ€์žฅ ์—ฐ๊ตฌ๋œ ๋ชจ๋ธ ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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

๊ฐ„๋‹จํžˆ ๋งํ•ด์„œ, ๋” ์ž‘์€ ๋ชฉํ‘œ๋ฅผ ์‰ฝ๊ฒŒ ๋˜๋Š” ์ •ํ™•ํ•˜๊ฒŒ ๋‹ฌ์„ฑํ•˜๋Š” ๊ฒƒ์ด ๋” ์–ด๋ ต๊ณ  ๋” ๋งŽ์€ ์‹œ๊ฐ„์ด ์†Œ์š”๋ฉ๋‹ˆ๋‹ค.

๋‹น์‹ ์€ ํ”ผ์ธ ์˜ ๋ฒ•์น™ ๋ชจ๋ธ์„ ์ง์ ‘ ์‹คํ—˜ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋นจ๊ฐ„์ƒ‰ ์›์„ ๊ฐ€๋Šฅํ•œ ํ•œ ๋นจ๋ฆฌ ํด๋ฆญํ•˜์—ฌ ์˜ค๋ฅ˜๋ฅผ ์ตœ์†Œํ™”ํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ข‹์Šต๋‹ˆ๋‹ค.

ํ”ผ์ธ ๊ฐ€ ํ”„๋กœ๋•ํŠธ ๋””์ž์ธ์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ

๋””์ž์ด๋„ˆ๋Š” ํ”ผ์ธ ์˜ ๋ฒ•์น™์„ ์ ์šฉํ•˜์—ฌ ํ”„๋กœ๋•ํŠธ์˜ ์‚ฌ์šฉ์„ฑ์„ ๊ฐœ์„  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชฉํ‘œ๋Š” ์‚ฌ์šฉ์ž์˜ ์ž‘์—… ์˜์—ญ๊ณผ ์ž‘์—… ๊ด€๋ จ ๋ฒ„ํŠผ ์‚ฌ์ด์˜ ๊ฑฐ๋ฆฌ๋ฅผ ์ค„์—ฌ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๊ณ  ์ปค์„œ ์ด๋™์„ ์ตœ์†Œํ™”ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ, ์ธํ„ฐํŽ˜์ด์Šค์˜ ๊ฐ€์žฅ ์ ํ•ฉํ•œ ์ƒํ˜ธ์ž‘์šฉ ์š”์†Œ์˜ ํฌ๊ธฐ๋ฅผ ์ถ”์ •ํ•˜๋Š” ๋ฐ์—๋„ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ SlideShop์ด ์™ผ์ชฝ ํ•˜์œ„ ์นดํ…Œ๊ณ ๋ฆฌ ํ‘œ์‹œ ์ค„์˜ '์žฅ๋ฐ”๊ตฌ๋‹ˆ ์ถ”๊ฐ€'๋ฒ„ํŠผ์„ ๊ต์ฒดํ•˜์—ฌ ์ฐธ์—ฌ๋„๋ฅผ 8.9% ์ฆ๊ฐ€์‹œํ‚ค๊ณ  ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ์ถ”๊ฐ€ํ•˜๋Š” ๋น„์œจ์„ 34% ์ฆ๊ฐ€์‹œํ‚จ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์‚ฌ๋ก€ ์—ฐ๊ตฌ์ž…๋‹ˆ๋‹ค.

..

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


ํ”Œ๋žซ ๋””์ž์ธ vs ๋จธํ‹ฐ๋ฆฌ์–ผ ๋””์ž์ธ ์ผ๋ถ€ ์—ญ์‚ฌ

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

์˜ค๋Š˜ ์•„ํ‹ฐํด์—์„œ ์šฐ๋ฆฌ๋Š” ๊ทธ๋Ÿฌํ•œ ์ง€์นจ ์ค‘ 2๊ฐ€์ง€์— ๋Œ€ํ•ด ๋…ผ์˜ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋˜๋Š” ํ”Œ๋žซ ๋””์ž์ธ๊ณผ ๋จธํ‹ฐ๋ฆฌ์–ผ ๋””์ž์ธ์ด๋ผ๊ณ  ํ•˜๋Š” ๋””์ž์ธ ์‹œ์Šคํ…œ์ด๋ผ๊ณ  ํ•ด์•ผ ํ• ๊นŒ์š”? ๊ทธ๊ฒƒ๋“ค์€ ๋ฌด์—‡์ด๋ฉฐ ๋ชฉ์ ์€ ๋ฌด์—‡์ด๋ฉฐ ์–ด๋–ค ๊ฒƒ์„ ์„ ํƒํ•ด์•ผ ํ•ฉ๋‹ˆ๊นŒ(์žˆ๋Š” ๊ฒฝ์šฐ)? ๋” ์ด์ƒ ๊ณ ๋ฏผํ•˜์ง€ ์•Š๊ณ  ์‹œ์ž‘ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค!

์ผ๋ถ€ ์—ญ์‚ฌ

๊ทธ๋ž˜์„œ ์ดˆ๊ธฐ์—๋Š” ํ˜ผ๋ˆ์ด ์žˆ์—ˆ๊ณ ... ๋‚˜๋จธ์ง€ ์ด์•ผ๊ธฐ๋Š” ์ž˜ ์•„์‹ค ๊ฒ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ง„์ง€ํ•˜๊ฒŒ, ์šฐ๋ฆฌ๊ฐ€ ์ง€๊ธˆ ์•Œ๊ณ  ์žˆ๊ณ  ์‚ฌ๋ž‘ํ•˜๋Š” ์›น์‚ฌ์ดํŠธ์™€ ์•ฑ์˜ ์‹œ๋Œ€๊ฐ€ ์‹œ์ž‘๋˜์—ˆ์„ ๋•Œ (์œ ๋น„์ฟผํ„ฐ์Šค GIF๋ฅผ ์ œ์™ธํ•˜๊ณ ) ๊ทธ ์‚ฌ์ด์—๋Š” ๊ฑฐ์˜ ์ผ๊ด€์„ฑ์ด ์—†์—ˆ์Šต๋‹ˆ๋‹ค. ์˜คํ•ดํ•˜์ง€ ๋งˆ์„ธ์š”. ์ง€๊ธˆ์€ ๋ชจ๋‘ ๋˜‘๊ฐ™์•„ ๋ณด์ด์ง€ ์•Š์ง€๋งŒ ์ ์–ด๋„ ๊ฐ€๋…์„ฑ, ๊ท ํ˜• ์žกํžŒ ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ, ๋•Œ๋กœ๋Š” ์ „์ฒด ๋””์ž์ธ ์‹œ์Šคํ…œ๊ณผ ๊ฐ™์€ ๋ช‡ ๊ฐ€์ง€ ๊ธฐ๋ณธ ์›์น™์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค!

๋””์ž์ธ ์‹œ์Šคํ…œ

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

์Šคํ์–ด๋ชจํ”ผ์ฆ˜

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

์Šคํ์–ด๋ชจํ”ฝ(skeuomorphic) ๋””์ž์ธ์„ ํ†ตํ•ด ์‹ค์ œ ๊ฐ์ฒด์— ์ต์ˆ™ํ•œ ์‚ฌ์šฉ์ž๊ฐ€ ๊ฐ€์ƒ ์„ธ๊ณ„๋กœ ์‰ฝ๊ฒŒ ์ „ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์ข‹์€ ์˜ˆ๊ฐ€ 2007๋…„์— ์ถœ์‹œ๋œ iOS(๋‹น์‹œ์—๋Š” iPhone OS) ์šด์˜ ์ฒด์ œ๋ฅผ ํƒ‘์žฌํ•œ ์˜ค๋ฆฌ์ง€๋„ iPhone์ž…๋‹ˆ๋‹ค. UI๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๋Š” ๊ฐ€์ƒ ์ „์ž์ฑ…์„ ์ฝ๊ฑฐ๋‚˜ ์—ฐ๋ฝ์ฒ˜ ๋ชฉ๋ก์„ ์Šคํฌ๋กคํ•  ๋•Œ ์ง‘๊ณผ ๊ฐ™์€ ํŽธ์•ˆํ•จ์„ ๋Š๋‚„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„์ดํฐ๊ณผ ์•„์ดํŒจ๋“œ๊ฐ€ ์ตœ์ดˆ๋ผ๋Š” ์‚ฌ์‹ค์„ ๊ฐ์•ˆํ•  ๋•Œ, ๊ทธ๋“ค์€ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋””์ž์ธ๊ณผ ํŠธ๋ Œ๋“œ์— ๋งŽ์€ ์˜๊ฐ์„ ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ์˜ ๋“ฑ์žฅ๊ณผ ํ•จ๊ป˜ ์Šคํ์–ด๋ชจํ”ผ์ฆ˜์˜ ์‚ฌ์šฉ์ด ์ •์ ์— ๋‹ฌํ–ˆ์ง€๋งŒ, ๊ณง Windows 8(2012), iOS 7(2013), Mac OS(2014)์™€ ๊ฐ™์€ ์ œํ’ˆ์ด ๋‹ค๋ฅธ ๋””์ž์ธ ์‹œ์Šคํ…œ์œผ๋กœ ์ „ํ™˜๋˜๋ฉด์„œ ์Šคํ์˜ค๋ชจํ”ผ์ฆ˜์˜ ์‚ฌ์šฉ์ด ์ค‘๋‹จ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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

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

..

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

๐ŸŽ„from.designer 

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UX ์ปค๋ฎค๋‹ˆํ‹ฐ! 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ํ˜ธ

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