IT๊ธฐํš์ž๋ผ๋ฉด ํ•œ๋ฒˆ์ฏค ์‚ฌ์šฉํ•ด๋ดค์„ ๊ธฐ๋ณธ์ ์ธ ์Šคํ† ๋ฆฌ๋ณด๋“œ ์ž‘์—… ํˆด, ํŒŒ์›Œํฌ์ธํŠธ ํ”Œ๋Ÿฌ๊ทธ์ธ ํŒŒ์›Œ๋ชฉ์—… (PowerMockup)

2018. 7. 21. 15:16ใ†Tech๐Ÿ’ก ์Šค๋งˆํŠธ๋ผ์ดํ”„

๋ฐ˜์‘ํ˜•

์ตœ๊ทผ ์›น ๊ธฐํš, ๋ชจ๋ฐ”์ผ ์„œ๋น„์Šค ๊ธฐํš๊ณผ ๊ด€๋ จํ•˜์—ฌ ๊ณต๋ถ€๋ฅผ ํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๋ฉด์„œ ๋‹ค์–‘ํ•œ ๋ชฉ์—… ํˆด์„ ์ ‘ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

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

๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋น ๋ฅด๊ฒŒ ์Šคํ† ๋ฆฌ๋ณด๋”ฉ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํŒŒ์›Œ๋ชฉ์—…(Power Mockup)์ด๋ผ๋Š” ํˆด์„ ์†Œ๊ฐœํ•ด๋ด…๋‹ˆ๋‹ค. ์ง๊ด€์ ์ด๊ณ  ํšจ๊ณผ์ ์œผ๋กœ ์›ํ•˜๋Š” ๋‚ด์šฉ์„ ๊พธ๋ฏธ๋Š”๋ฐ ๋งŽ์ด ๋„์›€์ด ๋˜๋”๊ตฐ์š” ^^

ํŒŒ์›Œ๋ชฉ์—… Power Mockup์„ ์‚ฌ์šฉํ•ด๋ณด์ž!

:: PowerMockup ์‹œํ—˜ํŒ ๋‹ค์šด๋กœ๋“œํ•˜๋Ÿฌ ๋ฐ”๋กœ๊ฐ€๊ธฐ ::

๋จผ์ € ํŒŒ์›Œ๋ชฉ์—…์€ ์ฒดํ—˜ํŒ์„ 30์ผ๋™์•ˆ ์‚ฌ์šฉํ•ด๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ๋‹ค ์“ธ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€ ์•„๋‹ˆ์ง€๋งŒ ๊ฐ„๋‹จํ•œ ๋‚ด์šฉ์„ ์ฑ„์šฐ๋Š” ๋ฐ๋Š” ํฐ ๋ฌธ์ œ๊ฐ€ ์—†์ฃ . ์„ค์น˜ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์„ค์น˜๋ฅผ ์™„๋ฃŒํ•ด๋ณด๋ฉด MS์˜คํ”ผ์Šค ํŒŒ์›Œํฌ์ธํŠธ ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ๋“ค์–ด๊ฐ€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ด์ œ PPT๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ 'Powermockup'์ด๋ผ๋Š” ๋ฆฌ๋ณธ ํƒญ์ด ์ƒ๊ธฐ๊ณ , ์˜ค๋ฅธ์ชฝ์— ๋ณด์ด๋Š” ์•„์ด์ฝ˜๊ณผ ์™€์ด์–ดํ”„๋ ˆ์ž„(Wire Frame)์— ์ž์ฃผ ์“ฐ์ด๋Š” ์ด๋ฏธ์ง€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋Œ์–ด๋‹ค๊ฐ€ ๋ฐ”๋กœ ์“ธ ์ˆ˜ ์žˆ์ฃ  ^^

์ƒ๋‹จ๋ฉ”๋‰ด์—์„œ 'Download Shape'๋ฅผ ํด๋ฆญํ•˜๋ฉด ๋” ๋งŽ์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์†Œ์Šค๋ฅผ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ œ ๊ฒฝ์šฐ๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ Shape๋“ค์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.

iOS ๊ธฐ๋ณธ UI ์ด๋ฏธ์ง€๋“ค...

์œ ์šฉํ•˜๊ฒŒ ์“ธ ์ˆ˜ ์žˆ๋Š” ์•„์ด์ฝ˜๋“ค...

๋งˆ์šฐ์Šค ์ปค์„œ ๋ฐ ํ„ฐ์น˜ ์ œ์Šค์ฒ˜๋“ค ๋“ฑ๋“ฑ...

์ด๋ ‡๊ฒŒ ์›ํ•˜๋Š” ์ด๋ฏธ์ง€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•˜๋‹ค๋ฉด ์šฐ์ธก PowerMockup Shape์—์„œ ์›ํ•˜๋Š” ์˜ค๋ธŒ์ ํŠธ๋“ค์„ ๋Œ์–ด๋‹ค๊ฐ€ ๋†“๊ธฐ๋กœ ๋ฌธ์„œ์— ์‚ฝ์ž…ํ•ด์„œ ํ™œ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

์ œ ๊ฒฝ์šฐ์—๋Š” ์œ„์™€ ๊ฐ™์ด ์‹œํ—˜์‚ผ์•„ ๋ชจ๋ฐ”์ผ ์•ฑ์„ ํ•œ๋ฒˆ ๊ทธ๋ ค๋ณด๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ์š” ^^ ์‡ผํ•‘๋ชฐ์ด๋‚˜ ์ปค๋จธ์Šค ์•ฑ์„ ๊ธฐํšํ•˜๋Š” ๋ถ„๋“ค์ด๋ผ๋ฉด ์ด๋Ÿฐ ํ™”๋ฉด์„ ๋งŽ์ด ๊ทธ๋ ค๋ณด์…จ๊ฒ ์ฃ  ^^

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

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

:: ํŒŒ์›Œ๋ชฉ์—…(Powermockup) ๋‹ค์šด๋กœ๋“œํ•˜๋Ÿฌ ๋ฐ”๋กœ๊ฐ€๊ธฐ ::


ํŒŒ์›Œํฌ์ธํŠธ ํ”Œ๋Ÿฌ๊ทธ์ธ ํ˜•ํƒœ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํŒŒ์›Œ๋ชฉ์—…์€ ๊ฐœ์ธ ์‚ฌ์šฉ์ž ์šฉ์œผ๋กœ๋Š” ์•ฝ 59.99$ ์ž…๋‹ˆ๋‹ค. ์›ํ™”๋กœ๋Š” ์•ฝ 6๋งŒ7์ฒœ์› ์ •๋„์— ๊ตฌ์ž…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

IT ๊ธฐํš์ž๋ผ๋ฉด ๋ฌธ์„œ์ž‘์—… ์‹œ๊ฐ„์„ ํฌ๊ฒŒ ๋‹จ์ถ•์‹œ์ผœ์ค„ ์ˆ˜ ์žˆ๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ ์†”๋ฃจ์…˜ ํˆด์ด๊ธฐ์—... ๊ฐ„๋‹จํ•œ ์Šคํ† ๋ฆฌ๋ณด๋“œ๋ฅผ ๋นจ๋ฆฌ ๋งŒ๋“ค์–ด๋‚ด์•ผ ํ•˜๋Š” ๋ถ„๋“ค์—๊ฒŒ ์ถ”์ฒœํ•ด๋ด…๋‹ˆ๋‹ค. :)

[๊ด€๋ จ๊ธ€]

์ผ๋Ÿฌ์ŠคํŠธ๋ ˆ์ดํ„ฐ CC ๊ฐ€๊ฒฉ์€? ์–ด๋„๋น„ CC ๊ตฌ์ž… ๋ฐ ๊ตฌ๋…ํ•˜๋Š” ๋ฐฉ๋ฒ•

์–ด๋„๋น„ CC ํ•™์ƒ ํ• ์ธ ๋ฐ›๋Š” ๋ฒ• (Adobe CC ์œ ๋ฃŒ ์•ฑ ํ•™์ƒ ๊ต์‚ฌ์šฉ ๊ต์œก์šฉ ์ œํ’ˆ ๊ตฌ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ•)

ํ”„๋กœํ† ํŒŒ์ด (ProtoPie) ๋ชจ๋ฐ”์ผ ์•ฑ ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด ๋ผ์ด์„ผ์Šค ๊ตฌ์ž… ํ›„๊ธฐ

728x90
๋ฐ˜์‘ํ˜•