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

๐Ÿ”–UXUI ํ•ด์™ธ ์ฃผ๊ฐ„ ์•„ํ‹ฐํด TOP3

23๋…„ 3์›” 5์ฃผ | Alibaba ๋””์ž์ธ ์‹œ์Šคํ…œ, ChatGPT ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ, UI ํ…์ŠคํŠธ ๊ฐ€์ด๋“œ

2023.03.30 | ์กฐํšŒ 973 |
0
|

from.designer

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

๐Ÿ”– 2023๋…„ 3์›” 5์ฃผ TOP3

1๏ธโƒฃ Alibaba์˜ ๋””์ž์ธ ์‹œ์Šคํ…œ

2๏ธโƒฃ ChatGPT๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๋””์ž์ธํ•˜๊ธฐ

3๏ธโƒฃ UI ๋””์ž์ธ์—์„œ ํ…์ŠคํŠธ ์ž‘์—… ๊ฐ€์ด๋“œ๋ผ์ธ


1๏ธโƒฃ Alibaba์˜ ๋””์ž์ธ ์‹œ์Šคํ…œ

RTL ์šฐ์„  ์„ค๊ณ„ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๊ณ  ๋Œ€๋Œ€์ ์ธ ์žฌ์„ค๊ณ„ ๋™์•ˆ ์œ ์ง€ ๊ด€๋ฆฌํ•œ ๋ฐฉ๋ฒ•

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

2020๋…„๋ถ€ํ„ฐ 2022๋…„๊นŒ์ง€ ์ œํ’ˆ์„ ๋Œ€๋Œ€์ ์œผ๋กœ ์žฌ์„ค๊ณ„ํ•˜๋Š” ๋™์•ˆ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๊ณ , ์œ ์ง€ ๊ด€๋ฆฌ์—์„œ ๊ฒช์—ˆ๋˜ ๋ฌธ์ œ์— ๋Œ€ํ•œ ์ด์•ผ๊ธฐ์ž…๋‹ˆ๋‹ค.

์ฒ˜์Œ์—๋Š” ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ๋กœ ์‹œ์ž‘ํ–ˆ์œผ๋ฉฐ, ๋‚˜์ค‘์—๋Š” ๋””์ž์ธ ์‹œ์Šคํ…œ ์ด๋‹ˆ์…”ํ‹ฐ๋ธŒ ๋ฐ ์›น ํผ๋„์˜ ์žฌ์„ค๊ณ„๋ฅผ ์ด๋Œ์—ˆ์Šต๋‹ˆ๋‹ค.

์—ญ์‚ฌ 2019๋…„ ๋ง, ์šฐ๋ฆฌ ๋””์ž์ธ ํŒ€์€ UX ์„ฑ์ˆ™๋„์˜ ๋ถ€์ƒ ๋‹จ๊ณ„์— ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ œํ’ˆ์— ๊ทผ๋ณธ์ ์ธ UX ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๊ณ , ์ œํ’ˆ ์ธํ„ฐํŽ˜์ด์Šค๋Š” ๊ตฌ์‹์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ๋Šฅ์˜ ๊ฐœ๋ฐœ ๋น„์šฉ์ด ๋†’์•˜๊ณ , ์—”์ง€๋‹ˆ์–ด๋ง ์ธก๋ฉด์—์„œ ์ฃผ์š” ๋ฆฌํŒฉํ† ๋ง์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ์™€ ์‚ฌ์†Œํ•œ ์ˆ˜์ •์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ ํŒ€์€ ์„ฑ๋Šฅ ๋ฌธ์ œ๋กœ ์ธํ•ด ์ฝ”๋“œ๋ฒ ์ด์Šค ์žฌ์ž‘์„ฑ์„ ๊ณ ๋ คํ•˜๊ณ  ์žˆ์—ˆ๊ณ , ์žฌ์„ค๊ณ„๊ฐ€ ํ•„์š”ํ•˜๋‹ค๊ณ  ๋Š๊ผˆ์Šต๋‹ˆ๋‹ค.

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

  • ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ํŒจํ„ด๊ณผ ์ง€์นจ์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ์ œํ’ˆ ๊ฐ„์— ์†”๋ฃจ์…˜์„ ํ™•์žฅํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
  • ๋””์ž์ด๋„ˆ๋Š” ์ข…์ข… ๊ฐœ์ธ์˜ ์Šคํƒ€์ผ๋กœ ๋””์ž์ธ์„ ํ•จ์œผ๋กœ์จ ์ œํ’ˆ๊ณผ ์ฑ„๋„ ๊ฐ„์— ๋ถˆ์ผ์น˜๋ฅผ ์œ ๋ฐœํ•ฉ๋‹ˆ๋‹ค.
  • ๋””์ž์ธ๊ณผ ๊ฐœ๋ฐœ ๋ชจ๋‘ ์‹œ๊ฐ„ ์†Œ๋ชจ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ชจ๋“  ์†”๋ฃจ์…˜์€ ๋ฐ์Šคํฌํ†ฑ ์šฐ์„  ์‚ฌ๊ณ  ๋ฐฉ์‹์œผ๋กœ๋งŒ ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ์ผ๊ด€์„ฑ๊ณผ ํšจ์œจ์„ฑ์„ ๋‹ฌ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๋””์ž์ธ ์‹œ์Šคํ…œ์— ํˆฌ์žํ•˜๊ธฐ๋กœ ํ•œ ๊ฒฐ์ •์€ ์‰ฌ์šด ๊ฒฐ์ •์ด์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์šฐ๋ฆฌ๊ฐ€ ์–ด๋–ป๊ฒŒ ์ ‘๊ทผํ•˜๊ณ  ์‹ถ์—ˆ๋Š”์ง€๊ฐ€ ํฐ ๋ฌธ์ œ์˜€์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์—์„œ๋Š” ์ด๋Ÿฌํ•œ ์ผ๋ จ์˜ ๊ณผ์ œ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

๋‹ญ ๋˜๋Š” ๊ณ„๋ž€? ์žฌ์„ค๊ณ„๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ ์ƒˆ๋กœ์šด ์„ค๊ณ„๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์‹œ์Šคํ…œ์„ ์ •์˜ํ•˜์—ฌ ์žฌ์ž‘์—… ๊ฐ€๋Šฅ์„ฑ์„ ์ค„์—ฌ์•ผ ํ•˜๋Š”์ง€, ์•„๋‹ˆ๋ฉด ํ˜„์žฌ ์ƒํƒœ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์„ค๊ณ„ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•œ ํ›„ ์žฌ์„ค๊ณ„๋ฅผ ๊ฑฐ์ณ์•ผ ํ•˜๋Š”์ง€์˜ ๋‹ญ์ด๋ƒ ๋‹ฌ๊ฑ€์ด๋ƒ ๋”œ๋ ˆ๋งˆ์— ์ง๋ฉดํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด ์ƒํ™ฉ์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋‹ค์Œ์„ ๋ช…ํ™•ํžˆ ํ–ˆ์Šต๋‹ˆ๋‹ค.

  • ์žฌ์„ค๊ณ„๋Š” ์ ์ง„์ ์œผ๋กœ ์ง„ํ–‰๋  ์˜ˆ์ •์ด์—ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ชจ๋“  ์„ค๊ณ„ ๊ฒฐ์ •์€ ๋ฐ์ดํ„ฐ๋กœ ๋’ท๋ฐ›์นจ๋˜์–ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ๋ณ€๊ฒฝ์˜ ์„ฑ๊ณต์„ ์ธก์ •ํ•˜๊ธฐ ์œ„ํ•œ ๊ธฐ์ค€์„ ๊ณผ ์ง€ํ‘œ๋ฅผ ์ •์˜ํ•˜์ง€ ์•Š๊ณ ๋Š” ๋ชจ๋“  ๊ฒƒ์„ ๊ฐœํŽธํ•  ์ˆ˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ฒฐ๊ตญ ์šฐ๋ฆฌ ์ œํ’ˆ์˜ ํ˜„์žฌ ์ƒํƒœ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ธฐ๋ฐ˜์„ ๊ตฌ์ถ•ํ•˜๋˜, ๋‹ค๊ฐ€์˜ค๋Š” ์žฌ์„ค๊ณ„ ์ „์— ์‹œ๊ฐ์ ์œผ๋กœ ๊ฐœ์„ ํ•˜๋Š” ๊ฒƒ์ด ๋” ์›์น™์ ์ด๋ผ๊ณ  ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

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


2๏ธโƒฃ ChatGPT๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๋””์ž์ธํ•˜๊ธฐ

์ด์ „์— ChatGPT๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ชจ๋ฐ”์ผ ์•ฑ์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋…ผ์˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

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

ํŒŒํŠธ 1: ChatGPT๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํŽ˜์ด์ง€ ๊ตฌ์กฐ ์ •์˜ ํŒŒํŠธ 2: ChatGPT ์„ค๋ช…์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๋””์ž์ธ ํŒŒํŠธ 3: ChatGPT๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‹ค์ œ ์ฝ˜ํ…์ธ ๋กœ ๋ ˆ์ด์•„์›ƒ ์ฑ„์šฐ๊ธฐ ์ด ๊ธฐ์‚ฌ๋Š” ๋น„๋””์˜ค ํ˜•์‹์œผ๋กœ๋„ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค.

ํŒŒํŠธ 1: ํŽ˜์ด์ง€ ๊ตฌ์กฐ ์ •์˜

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

ChatGPT๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋‹ค์Œ ์„น์…˜์„ ์„ค๊ณ„ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

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

ChatGPT๊ฐ€ ์ œ์•ˆํ•œ ๊ตฌ์กฐ์—๋Š” ๋‘ ๊ฐ€์ง€๊ฐ€ ๋น ์ ธ ์žˆ์Šต๋‹ˆ๋‹ค.

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

ํŒŒํŠธ 2: ํŽ˜์ด์ง€ ๊ตฌ์กฐ ๋””์ž์ธ

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

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

์ฃผ์š” ํŠน์ง• ์„น์…˜ ์ด ์„น์…˜์—์„œ๋Š” ์ง€๊ทธ์žฌ๊ทธ ๋ ˆ์ด์•„์›ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ง€๊ทธ์žฌ๊ทธ ๋ ˆ์ด์•„์›ƒ์—๋Š” ์ด๋ฏธ์ง€์™€ ํ…์ŠคํŠธ ๋ธ”๋ก ์Œ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐฉ๋ฌธ์ž๊ฐ€ ์ด ์„น์…˜์„ ์Šค์บ”ํ•˜๋ฉด ์ด๋ฏธ์ง€-ํ…์ŠคํŠธ ๋˜๋Š” ํ…์ŠคํŠธ-์ด๋ฏธ์ง€ ๋ธ”๋ก์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ์‹œ๊ฐ์ ์ธ ํฅ๋ฏธ๋ฅผ ์œ ๋ฐœํ•˜๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ๊ณ„์† ์Šคํฌ๋กคํ•˜๋„๋ก ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋‹จ์ˆœํ•˜๋ฉด์„œ๋„ ๋งค์šฐ ํšจ๊ณผ์ ์ธ ๋ ˆ์ด์•„์›ƒ์ž…๋‹ˆ๋‹ค.

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


3๏ธโƒฃ UI ๋””์ž์ธ์—์„œ ํ…์ŠคํŠธ ์ž‘์—… ๊ฐ€์ด๋“œ๋ผ์ธ

์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์— ํ…์ŠคํŠธ๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ ๋‹ค์Œ ์ง€์นจ์„ ๊ธฐ์–ตํ•˜์„ธ์š”.

1. ๊ธ€๊ผด์—๋Š” ๊ฐœ์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ๋žŒ์ฒ˜๋Ÿผ ๋ชจ๋“  ๊ธ€๊ผด์—๋Š” ๊ฐœ์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์šฉ์ž๋Š” ์ผ๋ถ€ ์„ฑ๊ฒฉ์„ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋ณด๋‹ค ๋” ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž์™€ ์ธํ„ฐํŽ˜์ด์Šค์˜ ๋ชฉ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ์‚ฌ์šฉ์ž์˜ ๊ธฐ๋Œ€์— ๋งž๋Š” ๊ธ€๊ผด์„ ์„ ํƒํ•˜์„ธ์š”. ๋‹ค๋ฅธ ๊ธ€๊ผด์€ ๋‹ค๋ฅธ ์„ฑ๊ฒฉ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์žฌ๋ฏธ์žˆ๊ณ  ํ˜„๋Œ€์ ์ด๋ฉฐ ์ „๋ฌธ์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์›ํ•˜๋Š”์ง€ ๊ฒฐ์ •ํ•˜๊ณ  ์ ์ ˆํ•˜๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ๊ธ€๊ผด์„ ์„ ํƒํ•˜์„ธ์š”.

2.๊ธฐ๋ณธ ๊ธ€๊ผด ์ฃผ์˜

๊ธฐ๋ณธ ๊ธ€๊ผด์€ ๋‚จ์šฉ๋˜๋Š” ๊ฒฝํ–ฅ์ด ์žˆ์–ด ์‚ฌ๋žŒ๋“ค์ด ๋ณด๊ธฐ ์‹ซ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ธ€๊ผด์„ ํƒ์ƒ‰ํ•˜๊ณ  ๋ชฉ์ ์— ๋ถ€ํ•ฉํ•˜์ง€๋งŒ ๊ณผ๋„ํ•˜๊ฒŒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์€ ๊ธ€๊ผด์„ ์ฐพ์œผ์„ธ์š”. ์ด๊ฒƒ์€ ๋˜ํ•œ ๋‹น์‹ ์ด ๊ฒŒ์œผ๋ฅธ UI ๋””์ž์ด๋„ˆ๊ฐ€ ์•„๋‹ˆ๋ฉฐ ๋””์ž์ธ์„ ์œ„ํ•œ ๊ธ€๊ผด์„ ํƒ์ƒ‰ํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์ „๋‹ฌํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

3. ์ง„๋ถ€ํ•˜๊ณ  ๋ณด๊ธฐ ํ‰ํ•œ ๊ธ€๊ผด์„ ํ”ผํ•˜์„ธ์š”.

๋‚จ์šฉ๋œ ๊ธ€๊ผด์„ ํ”ผํ•˜์„ธ์š”. Hello poppins ๋ฐ Montserrat, ํŒŒํ”ผ๋ฃจ์Šค, ์ฝ”๋ฏน ์‚ฐ์„ธ, Trajan pro, Curlz MT ๋“ฑ ๋ณด๊ธฐ ํ‰ํ•œ ๊ธ€๊ผด๋„ ํ”ผํ•˜์„ธ์š”. ๋ณด๊ธฐ ํ‰ํ•œ ๊ธ€๊ผด์„ ๊ฐ•์กฐํ•˜๋Š” ๊ฒƒ์„ ํ”ผํ•˜์„ธ์š”. ์ด ๊ธ€๊ผด์€ ์ธ์‡„๋œ ๋‚ ์ด ์žˆ์—ˆ์„์ง€ ๋ชจ๋ฅด์ง€๋งŒ ๋””์ง€ํ„ธ ์ธํ„ฐํŽ˜์ด์Šค์—์„œ๋Š” ํ˜•ํŽธ์—†์Šต๋‹ˆ๋‹ค. ๊ทธ๋“ค์„ ํ”ผํ•˜์„ธ์š”.

4. ๋‘ ๊ฐ€์ง€ ๊ธ€๊ผด ์‚ฌ์šฉ

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

5. ๋Œ€๋น„ ๊ธ€๊ผด ๋ชจ์Œ

๊ธ€๊ผด์„ ๊ฒฐํ•ฉํ•˜๋ ค๊ณ  ํ•  ๋•Œ ์•ฝ๊ฐ„์˜ ๋Œ€๋น„๋ฅผ ์ ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ๋ฅผ ๋‹๋ณด์ด๊ฒŒ ๋งŒ๋“ค๊ณ  ์‹ถ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด serif ๊ธ€๊ผด๊ณผ sans serif ๊ธ€๊ผด ๋˜๋Š” ์••์ถ• ๊ธ€๊ผด๊ณผ ์ผ๋ฐ˜ ๋˜๋Š” ์™€์ด๋“œ ๊ธ€๊ผด์ž…๋‹ˆ๋‹ค.

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

๐ŸŽ„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ํ˜ธ

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