image.png

โ€œ์ž‘์€ ๊ฐ€์น˜๋“ค์ด ๋ชจ์—ฌ ๋งŒ๋“œ๋Š” ํฐ ๋ณ€ํ™”, ๊ทธ ๊ณผ์ •์„ ํ•จ๊ป˜ ์‹œ๊ฐํ™”ํ•  ๋™๋ฃŒ๋ฅผ ๊ธฐ๋‹ค๋ฆฝ๋‹ˆ๋‹ค.โ€

โญํ”„๋กœ์ ํŠธ ๊ฐœ์š”

'๋””๊ตฟ'์€ ์กธ์—… ์ „์‹œ๋ฅผ ์ค€๋น„ํ•˜๋ฉฐ ๋А๋‚€ ํ•œ ๊ฐ€์ง€ ์ƒ๊ฐ์—์„œ ์‹œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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

๊ทธ๋ž˜์„œ ์ €ํฌ๋Š” ์ „์‹œ์˜ ์ค€๋น„ ๊ณผ์ •๋ถ€ํ„ฐ ์ข…๋ฃŒ ์ดํ›„๊นŒ์ง€, ํ•™์ƒ๊ณผ ํ•™๊ต, ๊ทธ๋ฆฌ๊ณ  ์—…์ฒด๋ผ๋Š” ์„ธ ์ฃผ์ฒด๊ฐ€ ์œ ๊ธฐ์ ์œผ๋กœ ์ƒ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์ƒํƒœ๊ณ„๋ฅผ ๊ฟˆ๊พธ๋ฉฐ '๋””๊ตฟ'์„ ๊ธฐํšํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ „์‹œ๋ฅผ ์œ„ํ•ด ํƒ„์ƒํ•œ ๊ฐœ๋ณ„ ์ž‘ํ’ˆ๋“ค์€ ๊ทธ ์ž์ฒด๋กœ ์†Œ์ค‘ํ•œ ํ•˜๋‚˜์˜ '๊ตฟ์ฆˆ'๊ฐ€ ๋˜๊ณ , ์ด ๊ตฟ์ฆˆ๋“ค์ด ๋ชจ์—ฌ '๋””๊ตฟ'์ด๋ผ๋Š” ํ•˜๋‚˜์˜ ๊ฑฐ๋Œ€ํ•œ ๋ธŒ๋žœ๋“œ ์ •์ฒด์„ฑ์„ ํ˜•์„ฑํ•ฉ๋‹ˆ๋‹ค. ์ €ํฌ๋Š” ์ด ํ๋ฆ„์ด ๋””์ง€ํ„ธ ์ด๋ฏธ์ง€์˜ ์ตœ์†Œ ๋‹จ์œ„์ธ ํ”ฝ์…€(Pixel)์ด ๋ชจ์—ฌ ํ•˜๋‚˜์˜ ํ˜•์ƒ์„ ์™„์„ฑํ•˜๋Š” ๊ณผ์ •๊ณผ ๋‹ฎ์•„์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‹จ์ˆœํžˆ ๋ณด์—ฌ์ฃผ๋Š” ์ „์‹œ๋ฅผ ๋„˜์–ด, ์ค€๋น„(์—…์ฒด) - ์‹คํ–‰(ํ™๋ณด) - ๋งˆ๋ฌด๋ฆฌ(๊ฑฐ๋ž˜/๊ธฐ๋ก)๊นŒ์ง€. ํ”ฝ์…€์ด ๋ชจ์—ฌ ์ด๋ฏธ์ง€๊ฐ€ ๋˜๋“ฏ, ๋””๊ตฟ์ด ์—ฌ๋Ÿฌ๋ถ„์˜ ์†Œ์ค‘ํ•œ ๊ฒฐ๊ณผ๋ฌผ๋“ค์„ ๋ชจ์•„ ๋” ํฐ ๊ฐ€์น˜๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์•ฑ์ž…๋‹ˆ๋‹ค.

ํ˜„์žฌ ๊ธฐํš๊ณผ ์ „์ฒด์ ์ธ ๋น„์ฃผ์–ผ ์ฝ˜์…‰ํŠธ(์•ฝ 30%)๋ฐ ui ๋””์ž์ธ(์•ฝ30%)๊ฐ€ ์žกํ˜€ ์žˆ์œผ๋ฉฐ, ์ด ์ฒ ํ•™์„ ํ•จ๊ป˜ ์™„์„ฑํ•ด ๋‚˜๊ฐˆ ์†Œ์ค‘ํ•œ ๋™๋ฃŒ๋ถ„๋“ค์„ ๋ชจ์‹ญ๋‹ˆ๋‹ค!

image.png

โœ… ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ โ€ข ๋ธŒ๋žœ๋“œ ๋ฉ”์‹œ์ง€: "์ž‘์€ ๊ฐ€์น˜๋“ค์ด ๋ชจ์—ฌ ํฐ ๊ฐ€์น˜๋ฅผ ๋งŒ๋“ ๋‹ค." โ€ข ํ•ต์‹ฌ ์ฝ˜์…‰ํŠธ: ํ”ฝ์…€(Pixel)์„ ํ™œ์šฉํ•œ ๋””์ง€ํ„ธ ์ „ํ™˜๊ณผ ํ˜„๋Œ€์  ๊ฐ๊ฐ์˜ ์‹œ๊ฐํ™” โ€ข ๋ชฉํ‘œ ๊ฒฐ๊ณผ๋ฌผ: ๋ธŒ๋žœ๋“œ ์ •์ฒด์„ฑ์ด ํ™•๋ฆฝ๋œ ๋””์ง€ํ„ธ ์„œ๋น„์Šค(UI/UX) ๋ฐ ์›น/์•ฑ ๊ฒฐ๊ณผ๋ฌผ

โœ… ๋ชจ์ง‘ ๋ถ„์•ผ (๊ฐ 0๋ช…)

  1. BX ๋””์ž์ด๋„ˆ: ํ”ฝ์…€ ์ฝ˜์…‰ํŠธ๋ฅผ ๋””์ง€ํ„ธ ํ™˜๊ฒฝ์— ๋งž๋Š” ๊ทธ๋ž˜ํ”ฝ ์‹œ์Šคํ…œ์œผ๋กœ ํ™•์žฅํ•˜์‹ค ๋ถ„ (๋กœ๊ณ  ๊ฐ€์ด๋“œ, ์•„์ด์ฝ˜ ์„ธํŠธ, ๊ทธ๋ž˜ํ”ฝ ๋ชจํ‹ฐํ”„ ์‹œ์Šคํ…œ ๊ตฌ์ถ• ๋“ฑ)
  2. UI/UX ๋””์ž์ด๋„ˆ: ๋ธŒ๋žœ๋”ฉ์„ ์‹ค์ œ ์„œ๋น„์Šค ํ™”๋ฉด์œผ๋กœ ์„ค๊ณ„ํ•˜์‹ค ๋ถ„ (์œ ์ € ์‹œ๋‚˜๋ฆฌ์˜ค ์„ค๊ณ„, ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ž‘์„ฑ ๋ฐ ๊ณ ํ•ด์ƒ๋„ GUI ๋””์ž์ธ)
  3. ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž: ํ”ฝ์…€ ์•„ํŠธ์˜ ๊ฐ์„ฑ์„ ์ฝ”๋“œ๋กœ ์ƒ์ƒํ•˜๊ฒŒ ๊ตฌํ˜„ํ•˜์‹ค ๋ถ„ (์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์š”์†Œ๋ฅผ ํฌํ•จํ•œ ์›น/์•ฑ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ)