์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

ํ”ผ๊ทธ๋งˆ(Figma)๋ฅผ ํ™œ์šฉํ•œ UI๋””์ž์ธ ์ž…๋ฌธ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ A to Z

๋””์ž์ธ์„ ๊ณต๋ถ€ํ•ด๋ณธ ์ ์ด ์—†๋Š” ๋น„์ „๊ณต์ž ๋ถ„๋“ค, ์ด์ œ ๋ง‰ UX๋””์ž์ธ์„ ๊ณต๋ถ€ํ•˜๊ธฐ ์‹œ์ž‘ํ•œ ํ•™์ƒ๋“ค, UX ๋ฐ UI ๋””์ž์ธ ์ทจ์ค€์ƒ ๋ถ„๋“ค์„ ์œ„ํ•ด ์ค€๋น„ํ•œ "ํ”ผ๊ทธ๋งˆ๋กœ UI๋””์ž์ธํ•˜๊ธฐ A to Z" ์ˆ˜์—…์ž…๋‹ˆ๋‹ค. ํฌํ† ์ƒต ๋“ฑ ๋‹ค๋ฅธ ํˆด์„ ์ „ํ˜€ ๋ชจ๋ฅด๋Š” ๋ถ„๋„ ํ”ผ๊ทธ๋งˆ๋งŒ ํ™œ์šฉํ•ด UI๋””์ž์ธ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋  ์ˆ˜ ์žˆ๋„๋ก ๊ธฐ์ดˆ๋ถ€ํ„ฐ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ๊นŒ์ง€ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์—๋ฆญ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

UX/UI ์ž…๋ฌธ์ž/์ทจ์ค€์ƒ์ด ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ๋งˆ์Šคํ„ฐํ•ด์•ผ ํ•˜๋Š” ์ด์œ  (Ft. ๋ฐ˜์‘ํ˜• ๋””์ž์ธ ๊ฐ•์˜๋Ÿฐ์นญ ๋ฐ ์–ผ๋ฆฌ๋ฒ„๋“œ 50% ํ• ์ธ ์•ˆ๋‚ด)

์š”์ฆ˜ ํšŒ์‚ฌ์— ์ž…์‚ฌํ•˜๋Š” ์‹ ์ž… ๋˜๋Š” ์ฃผ๋‹ˆ์–ด๋‚˜ ๋””์ž์ด๋„ˆ๋“ค์„ ๋ณด๋ฉด ๋ช‡๊ฐ€์ง€ ํŒจํ„ด์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜๋‚˜๋Š” ๋””์ž์ธ ์‹œ์Šคํ…œ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ๊ธฐ์™€ ๊ด€๋ฆฌ ๋Šฅ๋ ฅ์ด ์žˆ๋‹ค๋Š” ๊ฒƒ์ด๊ณ , ๋‹ค๋ฅธ ํ•˜๋‚˜๋Š” ํ”ผ๊ทธ๋งˆ์—์„œ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ”์—ˆ๋‹ค๋Š” ๊ฒƒ์ด์—์š”.

 

๊ทธ ์ด์œ ๋Š” ๊ต‰์žฅํžˆ ๊ฐ„๋‹จํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ด์š”. ์ด ๋Šฅ๋ ฅ์ด ์žˆ์œผ๋ฉด "ํ˜„์—…์— ๋ฐ”๋กœ ํˆฌ์ž…"์ด ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ๊ฒƒ์ด์—์š”. ๋ฐ˜๋Œ€๋กœ ๋””์ž์ธ ์‹œ์Šคํ…œ, ๋ฐ˜์‘ํ˜• ๋””์ž์ธ ๋Šฅ๋ ฅ์ด ์—†๋Š” ์ƒํƒœ๋กœ ์ž…์‚ฌ๋ฅผ ํ•˜๊ฒŒ ๋˜๋ฉด ํšŒ์‚ฌ ์ž…์žฅ์—์„œ๋Š” ์ •๋ง ๋งŽ์€ ๋น„์šฉ๊ณผ ์‹œ๊ฐ„์„ ํˆฌ์žํ•ด์„œ ๊ต์œก์„ ์‹œ์ผœ์•ผ ํ•˜๋Š”๋ฐ ์ด๊ฒŒ ๋งŒ๋งŒ์น˜ ์•Š์Šต๋‹ˆ๋‹ค. 

 

๊ทธ๋ ‡๋‹ค๊ณ  ํ•ด์„œ ๋ชจ๋“  ์ง€์›์ž๋“ค์ด ์ด ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ”๊ณ  ์žˆ๋Š” ๊ฒƒ์€ ์•„๋‹ˆ์—์š”. ์ œ ๊ฒฝํ—˜์ƒ ์†Œ์ˆ˜๋งŒ ์ด ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ”๊ณ  ์žˆ์—ˆ์–ด์š”. ๊ทธ๋ ‡๋‹ค๋Š” ๊ฒƒ์€ ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ˜๋‹ค๋ฉด ๊ธˆ๋ฐฉ ๋ˆˆ์— ๋„๊ณ  ๋ฉด์ ‘์œผ๋กœ ์˜ฌ๋ผ๊ฐˆ ๊ฐ€๋Šฅ์„ฑ๋„ ๋†’์•„์ง„๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ด์š”.

 

๊ทธ๋ž˜์„œ ์š”์ฆ˜ UX/UI๋””์ž์ธ ์ž…๋ฌธ์ž ๋ฐ ์ทจ์ค€์ƒ ์—ฌ๋Ÿฌ๋ถ„๋“ค์—๊ฒŒ ๊ผญ ๊ฐ–์ถ”๋ผ๊ณ  ๊ฐ•์กฐํ•˜๋Š” ๊ฒƒ ์ค‘์— ํ•˜๋‚˜๊ฐ€ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์ž…๋‹ˆ๋‹ค. ์ด ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ˜๋‹ค๋ฉด ์ทจ์—… ์‹œ์žฅ์—์„œ๋Š” ํฐ ๊ฒฝ์Ÿ๋ ฅ์„ ๊ฐ–์ถœ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

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

 

Frame 427322174.png.webp

"๋ฐ˜์‘ํ˜• ๋””์ž์ธ ์™„์ „ ์ •๋ณต with ํ”ผ๊ทธ๋งˆ" ๊ฐ•์˜๋ฅผ ์ด๋ฒˆ์ฃผ์— ๋Ÿฐ์นญํ•ฉ๋‹ˆ๋‹ค. (์–ผ๋ฆฌ๋ฒ„๋“œ 50% ํ• ์ธ ์ฟ ํฐ์„ ๋“œ๋ ค์š”.)

 

์•ž์„œ์„œ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์˜ ์ค‘์š”์„ฑ์— ๋Œ€ํ•ด์„œ ๋ง์”€์„ ๋“œ๋ ธ๋Š”๋ฐ์š”. ํ”ผ๊ทธ๋งˆ๋ฅผ ํ™œ์šฉํ•ด ๋ฐ˜์‘ํ˜• ์•ฑ๋ถ€ํ„ฐ, ์›น, ์นด๋“œ, ์ปดํฌ๋„ŒํŠธ ๋“ฑ ๋งŽ์€ ๊ฒƒ๋“ค์„ ์ง์ ‘ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋„๋ก ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ์ง‘์ค‘์ ์œผ๋กœ ๋‹ค๋ฃฌ ๊ฐ•์˜๋ฅผ ์ด๋ฒˆ์ฃผ์— ๋Ÿฐ์นญํ•ฉ๋‹ˆ๋‹ค. (์ˆ˜์š”์ผ ์ „ํ›„) ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์ด ๋ฌด์—‡์ธ์ง€, ์–ด๋–ป๊ฒŒ ์‹œ์ž‘ํ•˜๋ฉด ์ข‹์„์ง€ ๋ง‰๋ง‰ํ•˜์…จ๋‹ค๋ฉด ์ด๋ฒˆ ๊ฐ•์˜๊ฐ€ ์ข‹์€ ์ถœ๋ฐœ์ ์ด ๋˜์–ด์ค„ ๊ฑฐ์˜ˆ์š”.

 

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

  • ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์˜ ํ•ต์‹ฌ ๊ฐœ๋… ์ •๋ฆฌ

  • Auto Layout, Constraints, Layout Grid ์ดํ•ด์™€ ํ™œ์šฉ

  • ์‹ค๋ฌด์—์„œ ์ž์ฃผ ์“ฐ์ด๋Š” ๋‚ด์šฉ์œผ๋กœ ๊ตฌ์„ฑ

  • ๋ฐ˜์‘ํ˜• ์›น๊ณผ ์•ฑ ๋ชจ๋‘ ๋งˆ์Šคํ„ฐ

๊ฐ•์˜์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์ปค๋ฆฌํ˜๋Ÿผ๊ณผ ๋‚ด์šฉ์ด ๊ถ๊ธˆํ•˜์‹œ๋‹ค๋ฉด ์ด ๋งํฌ๋ฅผ ๋ˆŒ๋Ÿฌ ํ™•์ธํ•ด๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. 

 

โœจ ์–ผ๋ฆฌ๋ฒ„๋“œ 50% ํ• ์ธ ์•ˆ๋‚ด ๋ฐ ์‹ ์ฒญ์„œ

๊ฐ•์˜์— ๊ด€์‹ฌ ์žˆ์œผ์‹  ๋ถ„๋“ค์„ ์œ„ํ•ด ์ด๋ฒˆ์—๋Š” ํŠน๋ณ„ํžˆ ์–ผ๋ฆฌ๋ฒ„๋“œ ํ˜œํƒ์„ ์ค€๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ๋งํฌ์˜ ๊ฐ„๋‹จํ•œ ์„ค๋ฌธ์— ์ฐธ์—ฌํ•ด์ฃผ์‹œ๋ฉด, ์ถœ์‹œ ์‹œ์ ์— 50% ํ• ์ธ๋œ ๊ฐ€๊ฒฉ์œผ๋กœ ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ๋Š” ์ฟ ํฐ์„ ๋“œ๋ฆด ์˜ˆ์ •์ด์—์š”.

 

>> ์–ผ๋ฆฌ๋ฒ„๋“œ ์‹ ์ฒญ(50% ํ• ์ธ): https://forms.gle/reSTKbdhMn1Yo6ni8

 

์–ผ๋ฆฌ๋ฒ„๋“œ ํ• ์ธ ํ˜œํƒ์„ ๋ฐ›๊ณ  ์‹ถ์œผ์‹  ๋ถ„๋“ค์€ ์ด๋ฒˆ์ฃผ ๋ชฉ์š”์ผ(6์ผ)๊นŒ์ง€ ์‹ ์ฒญํ•ด์ฃผ์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋Œ“๊ธ€
์•„์ง ๋‹ฌ๋ฆฐ ๋Œ“๊ธ€์ด ์—†์–ด์š”

์›” โ‚ฉ16,500

5๊ฐœ์›” ํ• ๋ถ€ ์‹œ

โ‚ฉ82,500