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

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

[23๋…„ 2์›” 4์ฃผ] ๋””์ž์ธ ์‹œ์Šคํ…œ, web3 ํŠธ๋ Œ๋“œ, ๋””์ž์ธ ํ”ผ๋“œ๋ฐฑ

2023.02.22 | ์กฐํšŒ 1.45K |
0
|

from.designer

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

๐Ÿ”– 2023๋…„ 2์›” 4์ฃผ TOP3

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

2๏ธโƒฃ 2022๋…„ ๋ธ”๋ก์ฒด์ธ์˜ Web3 ํŠธ๋ Œ๋“œ

3๏ธโƒฃ ๋‹น์‹ ์˜ ๋””์ž์ธ์ด '๊ทธ๋ƒฅ ์˜ณ์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™๋‹ค'๊ณ  ๋งํ•˜๋Š” ์ƒ์‚ฌ๊ฐ€ ์žˆ์„ ๋•Œ ์ทจํ•ด์•ผ ํ•  8๊ฐ€์ง€ ๋‹จ๊ณ„


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

์š”์•ฝ

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

UI ๋””์ž์ธ์ด ์ˆ˜๋…„์— ๊ฑธ์ณ ๋ฐœ์ „ํ•จ์— ๋”ฐ๋ผ UI ํ™”๋ฉด์„ ์ƒ์„ฑํ•ด์•ผ ํ•˜๋Š” ๊ทœ๋ชจ์™€ ์†๋„๋„ ์ฆ๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ˆ˜๋ฐฑ๋งŒ ๊ฐœ์˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ ์ˆ˜์‹ญ์–ต ๊ฐœ์˜ ์›น์‚ฌ์ดํŠธ(๋งค๋…„ ๋” ๋งŽ์ด ์ƒ์„ฑ๋จ)๊ฐ€ ์žˆ์„ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ฐ ์•ฑ๊ณผ ์›น์‚ฌ์ดํŠธ์—๋Š” ์ˆ˜๋ฐฑ ๋˜๋Š” ์ˆ˜์ฒœ ๊ฐœ์˜ ํŽ˜์ด์ง€(๋˜๋Š” ํ™”๋ฉด)๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ๊ธ‰๊ฒฉํ•œ ํ™•์žฅ์œผ๋กœ ์ธํ•ด ์กฐ์ง์€ ์„ค๊ณ„ ์ž‘์—…์„ ๊ฐ„์†Œํ™”ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋งŽ์€ ๋””์ž์ธ ํŒ€์€ ๊ฐ•๋ ฅํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ํ™œ์šฉํ•˜์—ฌ ๋””์ž์ธ์„ ๋Œ€๊ทœ๋ชจ๋กœ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

์ •์˜

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

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


2๏ธโƒฃ 2022๋…„ ๋ธ”๋ก์ฒด์ธ์˜ Web3 ํŠธ๋ Œ๋“œ

ํƒˆ์ค‘์•™ํ™” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•œ UX/UI ๋””์ž์ธ

์ด ๊ธฐ์‚ฌ์—์„œ๋Š” ์ด ์ƒˆ๋กœ์šด ์œ ํ˜•์˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜, UX/UI์˜ ์ข‹์€ ์˜ˆ์™€ ๋‚˜์œ ์˜ˆ์—์„œ ๊ณตํ†ต์ ์ธ ์ฃผ์ œ/ํŠธ๋ Œ๋“œ๋ฅผ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

์ด์ „์— ์ €๋Š” NFT ๋งˆ์ผ“ํ”Œ๋ ˆ์ด์Šค๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ธ”๋ก์ฒด์ธ์—์„œ NFT๋ฅผ ๊ตฌ๋งคํ•˜๋Š” UX์— ๋Œ€ํ•ด ๋…ผ์˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” ๋ชจ๋“  ๋ธ”๋ก์ฒด์ธ ์›น์‚ฌ์ดํŠธ/์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๊ณตํ†ต ์ฃผ์ œ๋ฅผ ํƒ์ƒ‰ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

ํŠธ๋ Œ๋“œ

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

์ง€๊ฐ‘ ์—ฐ๊ฒฐ

ํ…Œ๋งˆ๊ฐ€ ์•„๋‹ˆ๋ผ ํ•„์ˆ˜ํ’ˆ์ž…๋‹ˆ๋‹ค.  ํ•˜์ง€๋งŒ ๊ฐ€์žฅ ํฐ ์ง„์ž…์žฅ๋ฒฝ์€

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

์ง„์งœ ๋ˆ

์•”ํ˜ธํ™”ํ๋ฅผ USD ๋˜๋Š” ์„ ํƒํ•œ ํ˜„์ง€ ํ†ตํ™”๋กœ ๋ณ€ํ™˜

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

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


3๏ธโƒฃ ๋‹น์‹ ์˜ ๋””์ž์ธ์ด '๊ทธ๋ƒฅ ์˜ณ์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™๋‹ค'๊ณ  ๋งํ•˜๋Š” ์ƒ์‚ฌ๊ฐ€ ์žˆ์„ ๋•Œ ์ทจํ•ด์•ผ ํ•  8๊ฐ€์ง€ ๋‹จ๊ณ„

๋””์ž์ด๋„ˆ๋กœ์„œ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ์งœ์ฆ๋‚˜๋Š” ํ”ผ๋“œ๋ฐฑ์€ ์‚ฌ๋žŒ๋“ค์ด '๋Š๋‚Œ์ด ์—†๋‹ค'๊ณ  ๋งํ•  ๋•Œ์ผ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ญ”๊ฐ€ ์ž˜๋ชป๋˜์—ˆ์ง€๋งŒ, ๊ทธ๋“ค์ด ๋‹น์‹ ์—๊ฒŒ ๋ฌด์—‡์ธ์ง€ ๋งํ•  ์ˆ˜ ์—†์„ ๋•Œ์ž…๋‹ˆ๋‹ค.

๋˜๋Š” ๋” ๋‚˜์€ ๋ฐฉ๋ฒ•์€ ์ฒ˜์Œ ๋งˆ์ฃผํ–ˆ์„ ๋•Œ์˜ ๊ฐ์ •์„ ํ”ผํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. (UI) ๋””์ž์ธ์—์„œ ์ด๊ฒƒ์€ ์ข…์ข… ๊ทธ๋ฆผ์ž, ํ”ฝ์…€, ์ƒ‰์ƒ ๋ฐ ํ…Œ๋‘๋ฆฌ๋ฅผ ์กฐ๊ธˆ์”ฉ ๋‹ค๋“ฌ๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ Figma์˜ UI, ํด๋ผ์ด์–ธํŠธ์šฉ ๋กœ๊ณ  ๋˜๋Š” ์ง€์—ญ ์ œ๊ณผ์ ์šฉ ๋ช…ํ•จ ๋“ฑ ์ง์ ‘ ๋””์ž์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋ช‡ ๊ฐ€์ง€ ๊ฐ„๋‹จํ•œ ๊ธฐ๋ณธ ์š”์†Œ์ž…๋‹ˆ๋‹ค.

1. ์Šค์ผ€์น˜์—์„œ ์‹œ์ž‘ํ•˜๊ธฐ

์—ฌ๋Ÿฌ๋ถ„์€ ๋””์ž์ธ์„ ํ•  ๋•Œ ์ฒ˜์Œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜๊ณ  ์‹ถ์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ฐฉํ–ฅ ์—†์ด ์ž‘์—…ํ•˜๊ณ  ๊ทธ ๊ณผ์ •์—์„œ ์•„์ด๋””์–ด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐ ๋„ˆ๋ฌด ๋งŽ์€ ์‹œ๊ฐ„์„ ์†Œ๋น„ํ•˜๊ฒŒ ๋˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

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

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

2. ๋” ๋‚˜์€ ์นดํ”ผ ์ž‘์„ฑํ•˜๊ธฐ

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

์‚ฌ๋žŒ๋“ค์€ ๊ทธ๊ฒƒ์ด ์‰ฝ๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ๋Ÿฐ ํ”ผ๋“œ๋ฐฑ์„ ์ค๋‹ˆ๋‹ค. ์–ดํœ˜์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์„ ์ œ๊ณตํ•˜๋Š” ๋ฐ ๋งŽ์€ ๋””์ž์ธ ๊ธฐ์ˆ ์ด๋‚˜ ์˜ˆ์ˆ  ํ•™์œ„๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ง€์‹๋ณด๋‹ค๋Š” ๋Š๋‚Œ์— ๊ด€ํ•œ ๊ฒƒ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜คํ•ดํ•˜์ง€ ๋งˆ์„ธ์š”. ์นดํ”ผ๋ผ์ดํ„ฐ๋Š” ๋ˆ์„ ์ง€๋ถˆํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๋ฉด ๋จผ์ € ์–ดํœ˜์™€ ๋””์ž์ธ์ด ๋น„์ฆˆ๋‹ˆ์Šค ์นœ๊ตฌ๋“ค์—๊ฒŒ ๋ฌด์—‡์„ ๋งํ•˜๊ณ  ์‹ถ์€์ง€ ์ƒ๊ฐํ•ด ๋ณด์„ธ์š”. Lorem Ipsem๋„ ๋ฒ„๋ฆฌ์‹œ๊ตฌ์š”.

3. ๋” ๋‚˜์€ ์นด๋“œ ๋งŒ๋“ค๊ธฐ

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

์นด๋“œ๋ฅผ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋ณด์ด๊ฒŒ ํ•˜๋Š” ์š”์†Œ

  • ์นด๋“œ์˜ ๋ชจ์„œ๋ฆฌ ๋ฐ˜๊ฒฝ(20)์„ ์ด๋ฏธ์ง€(8)์™€ ๋‹ค๋ฅด๊ฒŒ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฒ„ํŠผ์ด ์ˆจ ์‰ด ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์„ ์ œ๊ณตํ•˜๊ณ , ์นด๋“œ ์ƒ๋‹จ ๋ฐ ์ธก๋ฉด๊ณผ ๋ฒ„ํŠผ ์•„๋ž˜์˜ ๊ฐ„๊ฒฉ์„ ๋‹ค๋ฅด๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.
  • ์ด๋ฏธ์ง€: ์ข‹์€ ์ด๋ฏธ์ง€๋ฅผ ์–ป์œผ์„ธ์š”. ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์—์„œ ํŽธ์•ˆํ•จ์„ ๋Š๋ผ๊ธฐ ์œ„ํ•œ ํŒ์œผ๋กœ๋Š” ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์˜ ๋ธŒ๋žœ๋”ฉ๊ณผ ์ผ์น˜ํ•˜๋Š” ์ƒ‰์กฐ๋ฅผ ์ ์šฉํ•˜์‹ญ์‹œ์˜ค. ๋ฏธ๋ฌ˜ํ•œ ์ฐจ์ด์ง€๋งŒ ์ผ๊ด€์„ฑ ์žˆ๋Š” ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐ ํฐ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
  • ์ œ๋ชฉ(๋ชจ๋“  ํ…์ŠคํŠธ)์ด ๊ฒ€์€์ƒ‰์ด ์•„๋‹ˆ์ง€๋งŒ, ๊ฒ€์€์ƒ‰์— ๊ฐ€๊น์Šต๋‹ˆ๋‹ค.
  • ๋ถ€์ œ๋ชฉ์˜ ๋ฌด๊ฒŒ, ์ƒ‰์ƒ, ํฌ๊ธฐ๋ฅผ ๊ฐ€๋ณ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ณธ๋ฌธ ํ…์ŠคํŠธ๋Š” 16ํ”ฝ์…€์ž…๋‹ˆ๋‹ค. ๋””์ž์ธํ•  ๋•Œ ๊ธฐ๋ณธ ํฌ๊ธฐ๋กœ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • ๋ฒ„ํŠผ: ์œค๊ณฝ์„ ์ด ์žˆ๋Š” ๋ฒ„ํŠผ๊ณผ ์ฑ„์›Œ์ง„ ๋ฒ„ํŠผ์œผ๋กœ ๊ตฌ๋ถ„ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ทธ๋ฆผ์ž: ์ž์—ฐ์Šค๋Ÿฌ์šด ๊ทธ๋ฆผ์ž๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. (eg. x=0, y=4, ๋ธ”๋Ÿฌ=16) ๊ธฐ๋ณธ ๊ทธ๋ฆผ์ž ์„ค์ •์„ ํ”ผํ•˜์„ธ์š”. ์•ฝ๊ฐ„ ๊ฑฐ์นœ ๊ฒฝํ–ฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

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

 

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

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