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

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

2022๋…„ 3์›” 2์ฃผ! ์ธ๊ธฐ ์•„ํ‹ฐํด ์ฝ๊ธฐ

2022.03.10 | ์กฐํšŒ 1.48K |
0
|

from.designer

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

๐Ÿ”– 2022๋…„ 3์›” 2์ฃผ TOP3

  • 2022๋…„ Web3 ๋ธ”๋ก์ฒด์ธ ํŠธ๋ Œ๋“œ
  • "์—„์ง€ ๊ธฐ๋ฐ˜ ๋””์ž์ธ"๊ณผ UI๊ฐ€ ์•„๋ž˜๋กœ ์ด๋™ํ•˜๋Š” ์ด์œ 
  • ๋ชจ๋“  ๋””์ž์ด๋„ˆ๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์•ผ ํ•˜๋Š” 10๊ฐ€์ง€ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ

2022๋…„ web3 ๋ธ”๋ก์ฒด์ธ ํŠธ๋ Œ๋“œ

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

ํŠธ๋ Œ๋“œ

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

1.์ง€๊ฐ‘์„ ์—ฐ๊ฒฐํ•˜์„ธ์š”๐Ÿ’ธ

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

2.์‹ค์ œ ํ™”ํ๐Ÿ’ฐ

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

3.๊ณตํ†ต์ ์ธ ๋„ค๋น„๊ฒŒ์ด์…˜ ๐Ÿ”Ž

  • ๋ˆˆ์— ๋„๋Š” ๊ฒ€์ƒ‰์ฐฝ(2008๋…„ Facebook์˜ ํŒจํ„ด ์—†์Œ)
  • CTA: ์ง€๊ฐ‘ ์—ฐ๊ฒฐ
  • ๋„ค๋น„๊ฒŒ์ด์…˜ ๋˜๋Š” ๋“œ๋กญ๋‹ค์šด์„ ํ†ตํ•ด ์ปจํ…์ธ ์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋ชจ๋ฐ”์ผ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ ๋ ˆ์ด์•„์›ƒ

4.๋ฐ์ดํ„ฐ ๋ฐ ํ†ต๊ณ„๐Ÿงฉ

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

5.ํ‘๋ฐฑ ๋ฏธ๋‹ˆ๋ฉ€ UI ๐ŸŽฑ

  • ํ‘๋ฐฑ ์ธํ„ฐํŽ˜์ด์Šค
  • ํšŒ์ƒ‰ ํ…์ŠคํŠธ
  • ์ปฌ๋Ÿฌ ํŒ์—… ๋ฒ„ํŠผ(Foundation์˜ ๊ทธ๋ผ๋””์–ธํŠธ ๋ฒ„ํŠผ ์ฐธ์กฐ)
  • ํ…Œ๋‘๋ฆฌ ์œค๊ณฝ์„  ๊ฒฐ์—ฌ
  • ๊ทธ๋ฆผ์ž์™€ ๋ธ”๋Ÿฌ ์‚ฌ์šฉ

..

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

 


"์—„์ง€ ๊ธฐ๋ฐ˜ ๋””์ž์ธ"๊ณผ UI๊ฐ€ ์•„๋ž˜๋กœ ์ด๋™ํ•˜๋Š” ์ด์œ 

์ „ํ™” ํ™”๋ฉด์€ ์ ์  ์ปค์ง€๊ณ  ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋Š” ์›€์ง์ด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ“ํŠธ๋ Œ๋“œ ๊ด€์ฐฐ vs ํŠธ๋ Œ๋“œ ๋ฉ”์ดํ‚น

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

๋ˆ„๊ตฌ์˜ ๋ˆˆ์น˜๋„ ๋ณด์ง€ ์•Š๊ณ  ํŠธ๋ Œ๋“œ๋ฅผ ๋”ฐ๋ฅด๊ฑฐ๋‚˜ ๋‚˜๋งŒ์˜ ๋…ํŠนํ•œ ์ œํ’ˆ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ๊ฐœ์ธ์˜ ์„ ํƒ์ด๋ฉฐ ๋•Œ๋กœ๋Š” ๋งค์šฐ ์–ด๋ ค์šด ์„ ํƒ์ž…๋‹ˆ๋‹ค.

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

์ด๋Ÿฌํ•œ ์ถ”์„ธ ์ค‘ ํ•˜๋‚˜๋Š” ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์•„๋ž˜๋กœ ์ด๋™ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์†Œ์œ„ ๋งํ•˜๋Š” ํ•˜๋‹จ ํƒ์ƒ‰์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ๋ชจ๋ฐ”์ผ ์žฅ์น˜๋ฅผ ์žก๊ณ  ์กฐ์ž‘ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๊ฐ€์žฅ ์ž˜ ์•Œ๋ ค์ง„ ์—ฐ๊ตฌ์ž๋Š” Steven Hoober์™€ Josh Clark์ž…๋‹ˆ๋‹ค.

๐Ÿ“์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ ์˜ˆ

์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ์€ ์„ธ ๊ฐ€์ง€ ๊ธฐ๋ณธ ์†์žก์ด๋กœ ์ •์˜๋˜๋ฉฐ ์šฐ๋ฆฌ๋Š” ์ข…์ข… ๊ทธ ์‚ฌ์ด๋ฅผ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์˜ ํ•ต์‹ฌ์€ ๊ฑฐ์˜ ๋ชจ๋“  ๊ฒฝ์šฐ์— ์„ธ ๊ฐ€์ง€ ์ฃผ์š” ๊ทธ๋ฆฝ์ด ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ด๋ผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.  49%๋Š” ํ•œ ์†์œผ๋กœ ์ „ํ™”๊ธฐ๋ฅผ ๋“ค๊ณ , 36%๋Š” ํ•œ ์†์œผ๋กœ ์ „ํ™”๊ธฐ๋ฅผ ์žก๊ณ  ๋‹ค๋ฅธ ์†์˜ ์†๊ฐ€๋ฝ์ด๋‚˜ ์—„์ง€์†๊ฐ€๋ฝ์œผ๋กœ ๋‘๋“œ๋ฆฌ๊ณ , ๋‚˜๋จธ์ง€ 15%๋Š” ์–‘์†์œผ๋กœ ๋ธ”๋ž™๋ฒ ๋ฆฌ ๊ธฐ๋„ ์ž์„ธ๋ฅผ ์ทจํ•˜๊ณ  ๋‘ ์—„์ง€์†๊ฐ€๋ฝ์„ ๋‘๋“œ๋ฆฐ๋‹ค๊ณ  Josh Clark์€ ๋งํ•ฉ๋‹ˆ๋‹ค. Steven Hoober๋Š” ์‚ฌ์šฉ์ž์˜ 75%๊ฐ€ ์—„์ง€์†๊ฐ€๋ฝ ํ•˜๋‚˜๋งŒ์œผ๋กœ ํ™”๋ฉด์„ ํ„ฐ์น˜ํ•œ๋‹ค๋Š” ์‚ฌ์‹ค์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.  ๊ทธ๋ž˜์„œ "์—„์ง€ ๊ธฐ๋ฐ˜ ๋””์ž์ธ"์ด๋ผ๋Š” ๊ฐœ๋…์ด ๋‚˜์˜จ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ „ํ™”๊ธฐ๊ฐ€ ์ž‘์•˜์„ ๋•Œ ๋Œ€๋ถ€๋ถ„์˜ ์ง€์—ญ์€ ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.  ํ™”๋ฉด์ด ์ปค์ง์— ๋”ฐ๋ผ ์ „ํ™”๋ฅผ ์„ค์ •ํ•˜์ง€ ์•Š๊ณ  ์ƒ๋‹จ์„ ๋งŒ์ง€๋Š” ๊ฒƒ์ด ๊ฑฐ์˜ ๋ถˆ๊ฐ€๋Šฅํ•ด์กŒ์Šต๋‹ˆ๋‹ค.  ์ผ๋ถ€ ์ „ํ™” ์ œ์กฐ์—…์ฒด๋Š” "์†๊ฐ€๋ฝ์„ ํ‚ค์›Œ๋ผ"๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค. ์‚ผ์„ฑ์˜ 7์ธ์น˜ ๊ฐค๋Ÿญ์‹œ W ๋ฐ ์ด์™€ ์œ ์‚ฌํ•œ ํ™”๋ฉด์ด ํฐ ๊ธฐ๊ธฐ๋Š” ํœด๋Œ€ํฐ๊ณผ ํƒœ๋ธ”๋ฆฟ์˜ ๊ฒฝ๊ณ„๋ฅผ ๋ชจํ˜ธํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

๐Ÿ“๋ชจ๋ฐ”์ผ ์›น ๋ฐ ํ•˜๋‹จ ํƒ์ƒ‰

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

์˜ˆ) ์ธํ„ฐํŽ˜์ด์Šค์˜ ํ•ต์‹ฌ์„ ์•„๋ž˜๋กœ ์ด๋™์‹œํ‚ค๋Š” ๋ฐฉํ–ฅ์˜ ํ”Œ๋ž˜๊ทธ์‹ญ์€ ๋‹จ์—ฐ One UI๋ฅผ ๊ฐ€์ง„ ์‚ผ์„ฑ์ž…๋‹ˆ๋‹ค. ํ™”๋ฉด ํ•˜์œ„ 60%์—์„œ ์ธํ„ฐํŽ˜์ด์Šค์™€์˜ ๋ชจ๋“  ์ƒํ˜ธ์ž‘์šฉ์ด ์ด๋ฃจ์–ด์ง€๋ฉฐ, ๋ฌผ๋ก  13๊ฐœ์˜ iOS์—์„œ ์• ํ”Œ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.

๐Ÿ“ํ•˜๋‚˜์˜ UI ๋””์ž์ธ ๊ฐ€์ด๋“œ

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

ํ†ต์ œ๋ฅผ ์•„๋ž˜๋กœ ์˜ฎ๊ธฐ๋Š” ๊ฒƒ์ด ์˜์‹ฌํ•  ์—ฌ์ง€ ์—†์ด ์ „ํ†ต์ ์ธ ์ตœ๊ณ  ๊ฒฝ์˜์ง„๋ณด๋‹ค ์Šน๋ฆฌํ•œ ๋‹ค๋ฅธ ์˜ˆ ์ค‘์—๋Š” Apple๊ณผ Google ์ œํ’ˆ์˜ ๋น„๊ต๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. Apple ์ง€๋„์™€ Google ์ง€๋„ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋น„๊ตํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ๋Š” ํ•˜๋‹จ ํƒ์ƒ‰ ํŒจํ„ด์„ ์‚ฌ์šฉํ•˜๊ณ  ๋‘ ๋ฒˆ์งธ๋Š” ๋” ์ „ํ†ต์ ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ์–ด๋Š ๊ฒƒ์ด ๋” ์œ ์šฉํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๊นŒ?

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

ํ•œ๋™์•ˆ ํ•˜๋‹จ ํƒ์ƒ‰์„ ์‚ฌ์šฉํ•ด ์˜จ ๊ฑฐ๋Œ€ ๋ธŒ๋žœ๋“œ์˜ ๋‘ ๊ฐ€์ง€ ๋‹ค๋ฅธ ์˜ˆ๋Š” Instagram๊ณผ Tinder์ž…๋‹ˆ๋‹ค.

..

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

 


๋ชจ๋“  ๋””์ž์ด๋„ˆ๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์•ผ ํ•˜๋Š” 10๊ฐ€์ง€ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ

1. Lorem ipsum

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

2. ์Šค์™‘

์„ ํƒํ•œ ๋‘ ๊ฐœ์˜ ๊ฐœ์ฒด๋ฅผ ์‰ฝ๊ฒŒ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋ชจ๋“  ๊ฐœ์ฒด๋ฅผ ๋ฐ”๊ฟ‰๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„, ๊ทธ๋ฃน, ๋ ˆ์ด์–ด ๋“ฑ ์•„๋ฌด๊ฑฐ๋‚˜
  • ๊ฐœ์ฒด์˜ ์›๋ž˜ ํฌ๊ธฐ์™€ ์œ„์น˜๋ฅผ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.
  • ์ค‘์ฒฉ๋œ ๊ฐœ์ฒด์™€ ํ•จ๊ป˜ ์ž‘๋™๊ฐ€๋Šฅ

์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•:

  1. ๋‘ ๊ฐœ์ฒด๋ฅผ ์„ ํƒ
  2. ํ”Œ๋Ÿฌ๊ทธ์ธ ์‚ฌ์šฉ

3. Figma์—์„œ HTML, CSS, React ๋“ฑ์œผ๋กœ!

๋ผ์ด๋ธŒ ์›น์‚ฌ์ดํŠธ๋ฅผ Figma ๋””์ž์ธ์œผ๋กœ ๋ณ€ํ™˜

4. ์ฝ˜ํ…์ธ  ๋ฆด

์ฝ˜ํ…์ธ ๋ฅผ ์ฐพ์•„๋ณด๊ฑฐ๋‚˜ ๊ฒ€์ƒ‰ํ•˜์—ฌ ๊ฒŒ์‹œ๋œ ํ…์ŠคํŠธ ๋ฌธ์ž์—ด, ์ด๋ฏธ์ง€ & ์•„์ด์ฝ˜ ๋ชจ์Œ์„ ์ฐพ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด ์ฝ˜ํ…์ธ ์—์„œ ํ•„์š”ํ•œ ๊ฒƒ์„ ์ฐพ๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€ ์žˆ๋‚˜์š”? ์ถ”๊ฐ€๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ž์‹ ๋งŒ์˜ ํ…์ŠคํŠธ &์ด๋ฏธ์ง€ ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

5. ์ด๋ฏธ์ง€ ์ถ”์ ๊ธฐ

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

6. ๋น„๋ธ”

Bibble์€ ์ด๋Ÿฐ์ผ๋“ค์„ ๋„์™€์ค๋‹ˆ๋‹ค.

  • ํ”„๋กœ์ ํŠธ์— ์ ํ•ฉํ•œ ๋ ˆ์ด์•„์›ƒ ์ฐพ๊ธฐ / UI & UX ์†”๋ฃจ์…˜ ์ฐพ๊ธฐ
  • ์—…๊ณ„ ๋ฆฌ๋”๋กœ๋ถ€ํ„ฐ ์˜๊ฐ์„ ์–ป๊ธฐ
  • ๋ช‡ ์ดˆ ์•ˆ์— ๊ณ ํ’ˆ์งˆ ์Šคํฌ๋ฆฐ์ƒท ๊ฐ€์ ธ์˜ค๊ธฐ
  • ํŠน์ • ํ‚ค์›Œ๋“œ๋กœ ๋””์ž์ธ ๊ฒ€์ƒ‰
  • ์‹ค์ œ ์›น์‚ฌ์ดํŠธ์˜ ์‹ค์ œ ์†”๋ฃจ์…˜

7. Figma๋ฅผ Sketch/XD๋กœ ๋ณ€ํ™˜

ํ•œ ๋ฒˆ์˜ ํด๋ฆญ์œผ๋กœ ๋””์ž์ธ์„ Figma์—์„œ Sketch, Adobe XD ๋˜๋Š” After Effects๋กœ ๋ณ€ํ™˜ํ•˜๊ณ  ๋‚ด๋ณด๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

..

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

 

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

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