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

๐Ÿ”– 2021๋…„ 12์›” 5์ฃผ TOP3

์ฃผ์š” UI ๋””์ž์ธ ์›์น™ / ์œ ์šฉํ•œ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ / UX ๋””์ž์ธ์„ ๋ฐฐ์šฐ๋Š” ๋™์•ˆ ์ €์ง€๋ฅธ ๋‚˜์˜ ์‹ค์ˆ˜

2021.12.31 | ์กฐํšŒ 910 |
0
|

from.designer

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

๐Ÿ”– 2021๋…„ 12์›” 5์ฃผ TOP3

  • ์ดˆ์‹ฌ์ž๋ฅผ ์œ„ํ•œ 5๊ฐ€์ง€ ์ฃผ์š” UI ๋””์ž์ธ ์›์น™
  • ์œ ์šฉํ•œ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ 12๊ฐ€์ง€
  • UX ๋””์ž์ธ์„ ๋ฐฐ์šฐ๋Š” ๋™์•ˆ ์ €์ง€๋ฅธ ๋‚˜์˜ ์‹ค์ˆ˜

์ดˆ์‹ฌ์ž๋ฅผ ์œ„ํ•œ 5๊ฐ€์ง€ ์ฃผ์š” UI ๋””์ž์ธ ์›์น™

์‹ ์ž… UI ๋””์ž์ด๋„ˆ๋“ค์„ ์œ„ํ•œ ์‰ฌ์šด ๊ธฐ๋ณธ ๋””์ž์ธ ์›์น™ ๊ฐ€์ด๋“œ

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

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

์ด์ œ ์šฐ๋ฆฌ๋Š” ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ UI ๋””์ž์ธ์ด ์™œ ์ค‘์š”ํ•œ์ง€ ์•Œ์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿผ ์ด์ œ ๋””์ž์ธ์„ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

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

๋‹ค์Œ์€ ๋””์ž์ธ์„ ํ•  ๋•Œ ์—ผ๋‘์— ๋‘์–ด์•ผ ํ•  5๊ฐ€์ง€ ์ฃผ์š” ๋””์ž์ธ ์›์น™๋“ค์ž…๋‹ˆ๋‹ค.

1. ์„ ๋ช…๋„

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

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

2. ์ผ๊ด€์„ฑ

๋‹น์‹ ์˜ ๋””์ž์ธ์ด ํ•œ ๋ˆˆ์— ๋น„์ „๋ฌธ์ ์œผ๋กœ ๋ณด์ผ ์ˆ˜ ์žˆ๋Š” ํ•œ ๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค๋ฉด, ๊ทธ๊ฒƒ์€ ์ผ๊ด€์„ฑ์˜ ๋ถ€์กฑ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

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

์ „๋ฌธ๊ฐ€ ํŒ: ๋””์ž์ธ์— ์‚ฌ์šฉํ•  ๋ฉ‹์ง€๊ณ  ์ผ๊ด€๋œ ์•„์ด์ฝ˜ ๋ชจ์Œ์— ์•„์ด์ฝ˜ ํŒฉ์„ ํ•œ๋ฒˆ ์‚ฌ์šฉํ•ด๋ณด์„ธ์š”. ์—ฌ๊ธฐ์—๋Š” ๋‚ด๊ฐ€ ์ œ์•ˆํ•˜๋Š” ๊ฒƒ๋“ค์ด ์žˆ์Šต๋‹ˆ๋‹ค.

3. ์ƒ‰ ์ด๋ก 

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

์ƒ‰์ƒ์— ๋Œ€ํ•ด ์ดํ•ดํ•ด์•ผ ํ•˜๋Š” ์„ธ ๊ฐ€์ง€ ์šฉ์–ด๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค:

Hue, Saturation ๋ฐ Value.

Hue

Hue๋Š” ๋ฐ์Œ์ด๋‚˜ ์–ด๋‘์›€์˜ ๋ณ€ํ™”๊ฐ€ ์—†๋Š” ์ž์—ฐ ์ƒํƒœ์˜ ์ƒ‰์ƒ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ๋นจ๊ฐ•, ํŒŒ๋ž‘, ๋…น์ƒ‰ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

Saturation

์ฑ„๋„๋Š” ์ƒ‰์ƒ์˜ ๊ฐ•๋„๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ์ฑ„๋„๊ฐ€ ๋‚ฎ์„์ˆ˜๋ก ํšŒ์ƒ‰๋น›์ด ๊ฐ๋„๋Š” ํ๋ฆฟํ•œ ์ƒ‰์ƒ์„ ์˜๋ฏธํ•˜๊ณ  ์ฑ„๋„๊ฐ€ ๋†’์„์ˆ˜๋ก ๋ฐ๊ณ  ์„ ๋ช…ํ•œ ์ƒ‰์ƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

Value

์ด์ œ Value์— ๋Œ€ํ•ด ๋…ผ์˜ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ์ƒ‰์ƒ ๊ฐ’์€ ๊ฐ ์ƒ‰์ƒ์˜ ๋ช…์•” ์ •๋„๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ๊ฐ’์ด 0%์ด๋ฉด ํฐ์ƒ‰์ด ๋˜๊ณ  ๊ฐ’์ด 100%์ด๋ฉด ๊ฒ€์ •์ƒ‰์ด ๋ฉ๋‹ˆ๋‹ค.

์ƒ‰ ๊ตฌ์„ฑํ‘œ ๋งŒ๋“ค๊ธฐ

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

์•„๋ž˜ ์ด๋ฏธ์ง€๋Š” ์ƒ‰์ƒ์„ ์กฐํ™”์™€ ๊ฒฐํ•ฉํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

60โ€“30โ€“10 ๊ทœ์น™

์ดˆ๋ณด์ž๊ฐ€ ์ƒ‰ ๊ตฌ์„ฑํ‘œ๋ฅผ ๋งŒ๋“ค ๋•Œ ์ฐธ๊ณ ํ•  ์ข‹์€ ๋ฐฉ๋ฒ•์€ ๋ฐ”๋กœ ์„ธ ๊ฐ€์ง€ ์ƒ‰์ƒ์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ทธ ์ค‘ ํ•˜๋‚˜๋ฅผ Dominant/Primary ์ƒ‰์ƒ์œผ๋กœ ์„ ํƒํ•˜์—ฌ ๋””์ž์ธ์˜ 60%์— ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

Secondary ์ƒ‰์ƒ์„ ์„ ํƒํ•˜์—ฌ ๋””์ž์ธ์˜ 30%์— ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋จธ์ง€ ์„ธ ๋ฒˆ์งธ ์ƒ‰์ƒ์€ CTA ๋ฐ ์ฆ‰๊ฐ์ ์ธ ์ฃผ์˜๊ฐ€ ํ•„์š”ํ•œ ์š”์†Œ์— ์‚ฌ์šฉ๋˜๋Š” Accent ์ƒ‰์ƒ์ž…๋‹ˆ๋‹ค.

..

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


์œ ์šฉํ•œ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ 12๊ฐ€์ง€

ํ”„๋กœ์ ํŠธ ์ž‘์—… ์‹œ ์‚ฌ์šฉ๋˜๋Š” Figma ์ž‘์—…์— ์œ ์šฉํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ๋“ค์„ ๋ชจ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค. ์˜ฌ๋ฐ”๋ฅธ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก 3๊ฐ€์ง€ ๋ฒ”์ฃผ๋กœ ๋‚˜๋ˆ„์—ˆ์Šต๋‹ˆ๋‹ค.

์ฝ˜ํ…์ธ  ์ƒ์„ฑ์„ ์œ„ํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ

Unsplash

Unsplash๋Š” ๊ฐ„ํŽธํ•œ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ˜ ๋ฐฉ๋Œ€ํ•œ ์Šคํ†ก ์‚ฌ์ง„ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ์ข‹์•„ํ•˜๋Š” ์‚ฌ์ง„ ์ฝ˜ํ…์ธ ๋“ค์„ ํ”„๋กœ์ ํŠธ์— ์ง์ ‘ ์‰ฝ๊ฒŒ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Icons8 Icons

์•„์ด์ฝ˜์„ ์ฐพ์•„ Figma์— ์ง์ ‘ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐ ๋งค์šฐ ์œ ์šฉํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์ปฌ๋ ‰์…˜์—๋Š” 38๊ฐ€์ง€ ์Šคํƒ€์ผ์˜ 190,000๊ฐœ์˜ ์•„์ด์ฝ˜์ด ํฌํ•จ๋˜์–ด ์žˆ์œผ๋ฉฐ ๊ธฐ๋ฐ˜์€ ์ง€์†์ ์œผ๋กœ ํ™•์žฅ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  PNG ๋ฐ SVG ํŒŒ์ผ์€ ์ˆ˜์ž‘์—…์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ๊ฒƒ๋“ค์ด๋ฉฐ ํ”ฝ์…€ ํฌ๊ธฐ๊ฐ€ ์™„๋ฒฝํ•ฉ๋‹ˆ๋‹ค.

Streamline Icons

30,000๊ฐœ ์ด์ƒ์˜ ์•„์ด์ฝ˜ ๋ชจ์Œ์ด ์žˆ๋Š” ๋˜ ๋‹ค๋ฅธ ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ๊ฐ๊ฐ์€ ์–‡์€, ์ผ๋ฐ˜ ๋ฐ ๋‘๊บผ์šด์˜ 3๊ฐ€์ง€ ์Šคํƒ€์ผ๋กœ ์ œ๊ณต๋˜๋ฏ€๋กœ ์„ ํƒ์˜ ํญ์ด ๋„“์Šต๋‹ˆ๋‹ค.

User Profile

ํ”„๋กœํ† ํƒ€์ž… ๋””์ž์ธ์—์„œ ๋ฉ‹์ง€๊ฒŒ ์ƒ์„ฑ๋œ ์•„๋ฐ”ํƒ€๋“ค์„ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜ํ”ฝ ๋ฐ ๋ ˆ์ด์•„์›ƒ ์ž‘์—…์„ ์œ„ํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ

Color Kit

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

Image Palette

์—…๋กœ๋“œ๋œ ์ด๋ฏธ์ง€๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค.

Content Buddy

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

Remove BG

์ด๋ฏธ์ง€์˜ ๋ฐฐ๊ฒฝ์„ ์ฆ‰์‹œ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค.

..

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


UX ๋””์ž์ธ์„ ๋ฐฐ์šฐ๋Š” ๋™์•ˆ ์ €์ง€๋ฅธ ๋‚˜์˜ ์‹ค์ˆ˜

์œ ํŠœ๋ธŒ์—์„œ Figma Tutorial ์˜์ƒ์„ ๋ณธ์ง€ 4๊ฐœ์›”์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ๋ˆ์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ถ€ํŠธ ์บ ํ”„์— ๊ฐ€์ง€ ์•Š์•˜์–ด์š”. ์ €๋Š” ๋…ํ•™์œผ๋กœ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ณต๋ถ€ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ์‹œ๊ฐ„ ๋™์•ˆ ์ €๋Š” ์‹ค์ˆ˜๋ฅผ ํ•˜๊ณ , ์ œ ์ž์‹ ์„ ํ‰๊ฐ€ํ•˜๊ณ , ์ƒˆ๋กœ์šด ๊ฒƒ์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์ด ๊ธ€์€ 4๊ฐœ์›” ๋™์•ˆ UX ๋””์ž์ธ์„ ์ž˜๋ชป ๋ฐฐ์šด ์ œ ๊ฒฝํ—˜์— ๋Œ€ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ์ œ๊ฐ€ ํ•œ ๊ฒƒ๊ณผ ๊ฐ™์€ ์‹ค์ˆ˜๋ฅผ ์—ฌ๋Ÿฌ๋ถ„์ด ์ €์ง€๋ฅด๋Š” ๊ฒƒ์„ ๋ง‰์„ ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๊ธฐ์ดˆ๋ฅผ ๋ฐฐ์šฐ์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์ด ๋งค์šฐ ๊ณ ์ „์ ์ด๋ผ๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์ง€๋งŒ, ๋‹น์‹ ๋„ ๋‚˜์ฒ˜๋Ÿผ ๋…ํ•™์œผ๋กœ ๋ฐฐ์šฐ๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด '๋ฌด์˜๋ฏธํ•œ ํ•™์Šต ์ง„ํ–‰'์— ์‹œ๊ฐ„์„ ๋‚ญ๋น„ํ•˜์ง€ ์•Š๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ์‹ค๋ฌด์— ๋“ค์–ด๊ฐ€๊ธฐ ์ „์— ์ดํ•ดํ•ด์•ผ ํ•  ๊ธฐ๋ณธ ์‚ฌํ•ญ์€ ๋ฌด์—‡์ผ๊นŒ์š”?

a. UX์˜ ๋ฒ•์น™, ๋ชจ๋“  UX ๋””์ž์ด๋„ˆ๊ฐ€ ์ดํ•ดํ•ด์•ผ ํ•  ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ธฐ๋ณธ๊ณผ ์›์น™์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ์ฝ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

c. ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ๋Š” ๊ธ€์ด ๋˜๋ ทํ•˜๊ณ  ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ณ , ๋งค๋ ฅ์ ์œผ๋กœ ์ฝํž ์ˆ˜ ์žˆ๋„๋ก ํ™œ์ž๋ฅผ ๋ฐฐ์—ดํ•˜๋Š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ์— ๋Œ€ํ•œ ์ดํ•ด๋Š” UX ๋””์ž์ธ์„ ๋ฐฐ์šฐ๊ณ ์ž ํ•˜๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ํ•„์ˆ˜์ž…๋‹ˆ๋‹ค.

..

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

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

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