์ด ์ผ์ง€๋Š” ์ง€๊ทนํžˆ ๊ฐœ์ธ์ ์ธ ์ƒ๊ฐ์œผ๋กœ ์“ฐ๋Š” ๊ฒƒ์ด๋‹ˆ ์ฝ๋Š” ๋ถ„์˜ ์˜๊ฒฌ๊ณผ ๋ฐฐ์น˜๋œ๋‹ค๋ฉด ๋‹น์‹ ์˜ ์ƒ๊ฐ์ด ๋งž์Šต๋‹ˆ๋‹ค.


---


3์ค„ ์š”์•ฝ:

1. ์ถœ์‹œ ํ”Œ๋žซํผ ๊ณ ๋ฏผ, ๋ชจ๋ฐ”์ผ๋กœ ๊ทธ๋Œ€๋กœ ๊ฒฐ์ •

2. Figma ํ™œ์šฉ UI ๋””์ž์ธ ์‹œ์ž‘

3. UI ์ˆ˜์ž‘์—… ์˜ˆ์ •


---


์—ฌ๋Ÿฌ ์ƒ๊ฐ์œผ๋กœ ํ”Œ๋žซํผ์„ ๋ฐ”๊ฟ€๊นŒ ํ•˜๋Š” ๊ณ ๋ฏผ์„ ํ•˜๋‹ค๊ฐ€


์–ด์งœํ”ผ ์„œ๋ธŒํ”„๋กœ์ ํŠธ๋‹ˆ๊นŒ ๊ฐ€๋ณ๊ฒŒ ์ƒ๊ฐํ•˜์ž๊ณ  ๋งˆ์Œ์„ ๋จน๊ณ  ๊ทธ๋Œ€๋กœ ๋ชจ๋ฐ”์ผ๋กœ ๋ฐ€๊ธฐ๋กœํ•จ


์•„๋ž˜๋Š” ์ด ๊ฒŒ์ž„์˜ UI ์ดˆ์•ˆ (์ด๋ผ๊ณ  ํด๋กœ๋“œ๊ฐ€ ์ฃผ์žฅ)ย 




ํ”„๋กœ์ ํŠธ ์‹œ์ž‘์€ ์•„์ด๋””์–ด๋งŒ ๋˜์ง€๊ณ  AI๋กœ ๊ตฌ์ฒดํ™”ํ•ด์„œ ์ถœ์‹œ๊นŒ์ง€ ํ•ด๋ณด์ž ์˜€์ง€๋งŒ


๋‚ด ํ”„๋กฌํ”„ํŠธ ํ•œ๊ณ„์ธ์ง€ย ํ€ผ๋ฆฌํ‹ฐ๊ฐ€ ์ข€ ์งœ์นจ


์—ฌ๋Ÿฌ ๊ณ ๋ฏผ ๋์— ํ”ผ๊ทธ๋งˆ๋ฅผ ์ผฌ





์ด์ „์— ๋“œ๋žํ•œ ํ”„๋กœ์ ํŠธ์˜ ์ž”์ƒ์ด ๋‚จ์•„์žˆ์—ˆ์Œ


์ด๊ฒƒ๋„ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ๋†’์€ ๊ฒƒ์€ ์•„๋‹ˆ์ง€๋งŒ ๊ทธ๋ž˜๋„ UX๋ฅผ ์–ด๋А์ •๋„ ์ƒ๊ฐํ•˜๊ณ  ๋งŒ๋“ค์—ˆ๋‹ค๋Š” ์ ์—์„œ


์ €๊ฑฐ๋ณด๋‹จ ๋‚ซ๊ฒ ๋‹ค ์‹ถ์–ด์„œ ์ด๊ฑธ ์ข€ ์ˆ˜์ •ํ•ด๋ณด๋ คํ•จ


๊ทธ๋Ÿฐ๋ฐ ์“ธ ์ˆ˜ ์žˆ๋Š” ํ™”๋ฉด์ด ํƒ€์ดํ‹€ ๋ฐ–์— ์—†๋‚˜...?




๊ธฐ์กด ํƒ€์ดํ‹€ ํ™”๋ฉด ๊ธ€์ž๊ฐ€ ์ด๋ฏธ์ง€๋กœ ์ž‘์—…๋˜์–ด ์žˆ์—ˆ์Œ


๊ณผ๊ฑฐ์˜ ๋‚˜๋Š” ํ˜„์žฌ์˜ ๋‚˜๋ฅผ ์ƒ๊ฐํ•˜์ง€ ์•Š์•˜๋˜๊ฑธ๊นŒ


ํ”„๋ ˆ์ž„ ํฌ๊ธฐ๋„ ๋‹ฌ๋ผ์„œ ๊ทธ๋ƒฅ ๋””์ž์ธ ์ปจ์…‰ ์ฐธ๊ณ ์šฉ์œผ๋กœ๋งŒ ์จ์•ผ ํ• ๋“ฏ




๋ฉ”์ธํ™”๋ฉด... ์—ฌ์ „ํžˆ ์งœ์น˜์ง€๋งŒ ์–ด์šธ๋ฆฌ๋Š” ์ด๋ฏธ์ง€๋กœ ๋งŒ๋“ค๊ณ  ์—ฐ์ถœ ๋„ฃ๊ณ  ํ•˜๋ฉด ๋‚ซ๊ฒ ์ง€


๋ฉ”์ธํ™”๋ฉด์„ ์ •๋น„์†Œ๋กœ ์‹œ์ž‘ํ•˜๋Š”๊ฒŒ ๋‚˜์„์ง€๋„ ๋ชจ๋ฅด๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ์žˆ๋Š”๋ฐ, ์ข€ ๊ณ ๋ฏผํ•ด๋ณด๊ณ  ๋‹ค์‹œ ์งœ์•ผํ•  ๋“ฏ ํ•˜๋‹ค


์ตœ์ข…์œผ๋กœ๋Š” ๊ฐ ํ™”๋ฉด์— ๋Œ€ํ•ด ์Šค์™€์ดํ”„ ํ–ˆ์„๋•Œ ์‚ฌ๋ น๋ถ€ -> ์˜๋ขฐ์†Œ -> ์ •๋น„์†Œ -> ๊ธฐ๋ก์‹ค -> ์‚ฌ๋ น๋ถ€ ํ˜•ํƒœ๋กœ ๋„˜์–ด๊ฐ€๋Š” ๊ฒƒ์„ ๊ตฌํ˜„ ํ•˜๋ คํ•จ


์ผ์ง€ ๋‚ด์šฉ์ด ๊ณ„์† UI ๋…ธ๊ฐ€๋‹ค์ผ๋“ฏํ•˜์—ฌ


์™„์„ฑํ•˜๊ณ  ์™„์„ฑ๋ณธ์œผ๋กœ ๋‹ค์Œ ์ผ์ง€ ์ž‘์„ฑ์˜ˆ์ •


+ ์ผ๋ถ€ ์ถ”๊ฐ€





---


์ด์ „ ํŽธ


PROXYCLE ๊ธฐํš์ผ์ง€ - 1 ์ปจ์…‰๊ธฐํš

PROXYCLE ๊ธฐํš์ผ์ง€ - 2 ์ปจ์…‰๊ธฐํš
PROXYCLE ๊ธฐํš์ผ์ง€ - 3 ์‹œ์Šคํ…œ๊ธฐํš
PROXYCLE ๊ธฐํš์ผ์ง€ - 4 ์‹œ์Šคํ…œ๊ธฐํš


PROXYCLE ๊ธฐํš์ผ์ง€ - 5 ์‹œ์Šคํ…œ๊ธฐํš


PROXYCLE ๊ธฐํš์ผ์ง€ - 6 ์‹œ์Šคํ…œ๊ธฐํš


PROXYCLE ๊ธฐํš์ผ์ง€ - 7 UI๊ธฐํš


PROXYCLE ๊ธฐํš์ผ์ง€ - 8ย UI๊ธฐํš