๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ UXUI

[๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ ์‚ฌ์ „์บ ํ”„ 3์ผ์ฐจ] UXUI๋””์ž์ด๋„ˆ ์˜จ๋ณด๋”ฉ

dmstj5923 2025. 4. 3. 16:03

์–ด์ œ ํ”ผ๊ทธ๋งˆ ๊ธฐ์ดˆ 2์ฃผ์ฐจ ์ˆ™์ œ๋ฅผ ํ•˜๋˜ ๋„์ค‘,,

๊ณ„์† ์•ˆํ’€๋ฆฌ๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์–ด์„œ ๊ฒฐ๊ตญ ๋‹ค ๋ชปํ–ˆ๋‹ค..! ํ•˜ํ•˜!

๊ทธ๋ž˜์„œ ๊ฒฐ๊ตญ ์งˆ๋ฌธ ์—”๋”ฉ,, ์ผ๋‹จ ์ด๊ฑด ๋‚˜์ค‘์— ํ•˜๊ณ 

์˜ค๋Š˜ UXUI๋””์ž์ด๋„ˆ ์˜จ๋ณด๋”ฉ์— ๋Œ€ํ•ด์„œ ์ง„.์ง€.ํ•˜๊ฒŒ ์ƒ๊ฐํ•ด ๋ณผ ๊ฒƒ์ด๋‹ค!

์ผ๋‹จ ๋ ›์ธ ๊ณ ,,

 

 

<UXUI๋””์ž์ด๋„ˆ ์˜จ๋ณด๋”ฉ>

-์›น/์•ฑ ์„œ๋น„์Šค ์กฐ์‚ฌ ๋ฐ ๋‚˜์˜ ๊ด€์‹ฌ ๋ถ„์•ผ ์ฐพ์•„๋ณด๊ธฐ

1. ํ˜„์žฌ ์›น/์•ฑ์—๋Š” ์–ด๋–ค ์„œ๋น„์Šค๋“ค์ด ์žˆ๋Š”์ง€ ์‚ดํŽด๋ณด๊ธฐ

    a. ๋‚ด๊ฐ€ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์›น/์•ฑ

    โžก๏ธ  ์นด์นด์˜คํ†ก, ์นด์นด์˜ค๋งต, ์ฟ ํŒก, ๋ฉœ๋ก , ์œ ํŠœ๋ธŒ, ์ธ์Šคํƒ€๊ทธ๋žจ ๋“ฑ

    b. ๊ด€์‹ฌ ์žˆ๋Š” ์›น/์•ฑ

    โžก๏ธ  ์นด์นด์˜คํ†ก, ๋ฉœ๋ก , ๋น…์›Œํฌ, ์บ์‹œ์›Œํฌ, ๋ฌด์‹ ์‚ฌ

    c. ๋‚ด๊ฐ€ ๊ฐ€๊ณ  ์‹ถ์€ ๊ธฐ์—…์—์„œ ์šด์˜ํ•˜๊ณ  ์žˆ๋Š” ์„œ๋น„์Šค ์ข…๋ฅ˜

    โžก๏ธ  ์นด์นด์˜ค : ์นด์นด์˜คํ†ก, ์นด์นด์˜ค๋งต, ์นด์นด์˜คํƒ์‹œ, ๋ฉœ๋ก , ๋‹ค์Œ ๋“ฑ

          ์ฟ ํŒก : ์ฟ ํŒก, ์ฟ ํŒก์ด์ธ , ์ฟ ํŒกํ”Œ๋ ˆ์ด

          ๋น…์›Œํฌ (์š”์ฆ˜ ๊ฐ€์žฅ ๊ด€์‹ฌ์žˆ๋Š” ์•ฑ์ด๋ฉฐ ์Šคํƒ€ํŠธ์—…์ด๋ผ ๋‹ค๋ฅธ ์„œ๋น„์Šค ์ข…๋ฅ˜๋Š” ์—†๋Š” ๋“ฏ ํ•˜๋‹ค.)

 

2. ์„œ๋น„์Šค ๋ณ„ ์ฃผ์š” ๋ชฉ์  ๊ธฐ์ค€์„ ์กฐ์‚ฌํ•˜์—ฌ ์ •๋ฆฌํ•˜๊ธฐ

    a. ์„œ๋น„์Šค ์†Œ๊ฐœ

    โžก๏ธ  ๋น…์›Œํฌ : ๊ฑธ์Œ ๊ธฐ๋ถ€ ํ”Œ๋žซํผ

    b. ํƒ€๊ฒŸ

    โžก๏ธ  ์ „์—ฐ๋ น

    c. ๊ธฐ๋Šฅ

    โžก๏ธ  ๊ฑธ์Œ ๊ธฐ๋ถ€ ์บ ํŽ˜์ธ, ๊ฑธ์Œ ๊ด€๋ จ ์ฑŒ๋ฆฐ์ง€ ๋ฐ ํฌ๋ฃจ ํ˜•์„ฑ

 

3. ๋น„์Šทํ•˜๊ฑฐ๋‚˜ ๊ฐ™์€ ์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•˜๊ณ  ์žˆ๋Š” ์›น/์•ฑ

    ์บ์‹œ์›Œํฌ, ์›Œ์ปค ๋“ฑ

 

4. ๋‚ด๊ฐ€ ์„ ์ •ํ•œ ์„œ๋น„์Šค๋ฅผ ํ•˜๊ณ  ์žˆ๋Š” ๋‹ค์–‘ํ•œ ๊ธฐ์—…

    ์ฒด๋ฆฌ, ์•Œ์ง€? ๋“ฑ

 

5. ๋‚˜์˜ ๊ด€์‹ฌ ์„œ๋น„์Šค

    ๊ธฐ๋ถ€, ๋ด‰์‚ฌ ๊ด€๋ จ ํ”Œ๋žซํผ

 

 

-๋‚ด๊ฐ€ ์ƒ๊ฐํ•˜๋Š” UXUI๋””์ž์ด๋„ˆ์˜ ํ•ต์‹ฌ ์—ญ๋Ÿ‰

1. ์š”๊ตฌ์‚ฌํ•ญ

   (1) sk๋ Œํ„ฐ์นด

    -Web, Mobile ์„œ๋น„์Šค์— ๋Œ€ํ•œ ์ดํ•ด๋„ ๋ฐ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„

    -์ธํ•˜์šฐ์Šค์˜ Web, Mobile UI/UX ๋””์ž์ธ ๊ตฌ์ถ• ๋ฐ ์šด์˜ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„

    -๋””์ž์ธ ์ž์ฒด๋ณด๋‹ค ๋””์ž์ธ์„ ํ†ตํ•ด ์„œ๋น„์Šค์˜ ๋ชฉํ‘œ๋ฅผ ๋‹ฌ์„ฑํ•˜๋Š” ๊ฒƒ์— ๋” ๊ด€์‹ฌ์ด ๋งŽ์€ ๋ถ„

    -์ปค๋จธ์Šค ํ”„๋กœ๋ชจ์…˜ ํŽ˜์ด์ง€ ๋””์ž์ธ ๊ฒฝํ—˜

    -ํŒ€ ์ž‘์—… ๋ฐ ํƒ€ ์ง๊ตฐ(๊ธฐํš, ๊ฐœ๋ฐœ)๊ณผ ์›ํ™œํ•œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์ด ๊ฐ€๋Šฅํ•˜์‹  ๋ถ„

    -Figma, Adobe XD, Photoshop, Illustrator, Zeplin ์‚ฌ์šฉ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„

  (2) ๋„ฅ์Šจ

    -๋ผ์ด๋ธŒ ๋ชจ๋ฐ”์ผ ๊ฒŒ์ž„ UX/UI์˜ ๊ฒฝ๋ ฅ์ด 3๋…„ ์ด์ƒ์ด์‹  ๋ถ„

    -Adobe Photoshop, Unity NGUI ๋“ฑ์˜ ํˆด ์‚ฌ์šฉ์— ์ˆ™๋ จ๋˜์‹  ๋ถ„

    -์กฐ์ง ๋‚ด ํ˜‘์—…๊ณผ ์›ํ™œํ•œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋Šฅ๋ ฅ์„ ๋ณด์œ ํ•˜์‹  ๋ถ„

    -๊ธฐ์ดˆ ๋“œ๋กœ์ž‰์ด ๊ฐ€๋Šฅํ•˜์‹  ๋ถ„

 

2. ํ•ต์‹ฌ ์—ญ๋Ÿ‰ ํ‚ค์›Œ๋“œ

์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜, ๋””์ž์ธ ํˆด ์‚ฌ์šฉ ๋Šฅ๋ ฅ

 

3. ๋‚ด๊ฐ€ ์ƒ๊ฐํ•˜๋Š” ํ•ต์‹ฌ ์—ญ๋Ÿ‰

ํ”ผ๊ทธ๋งˆ ๋“ฑ ๋””์ž์ธ ํˆด์˜ ์‚ฌ์šฉ ๋Šฅ๋ ฅ์ด ์šฐ์ˆ˜ํ•ด์•ผ ํ•œ๋‹ค.

๋‹ค์–‘ํ•œ ์ง๊ตฐ๊ณผ ์›ํ™œํ•œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์ด ๊ฐ€๋Šฅํ•ด์•ผ ํ•œ๋‹ค.

 

 

์˜ค๋Š˜์˜  ์•„ํ‹ฐํด

CUX : AI์ฑ—๋ด‡, VUI(์‹œ๋ฆฌ, ๊ตฌ๊ธ€ ์–ด์‹œ์Šคํ„ดํŠธ, ๋‚ด๋น„๊ฒŒ์ด์…˜ ์Œ์„ฑ ๊ฒ€์ƒ‰ ๋“ฑ)

ํ”ผ์ง€ํ„ธ : VR(๊ฐ€์ƒํ˜„์‹ค), AR(์ฆ๊ฐ•ํ˜„์‹ค)

 

AI๊ฐ€ ๋ฐœ์ „ํ•˜๊ณ  ์žˆ๋Š” ํ˜„์‹ค์—์„œ ๋””์ž์ด๋„ˆ๋Š” ์ด๋ฅผ ์ž˜ ์‘์šฉํ•ด

ํšจ์œจ์ ์œผ๋กœ ์—…๋ฌด๋ฅผ ํ•˜๊ณ  ์ด์— ๋ฐœ ๋งž์ถฐ ๋ฐœ์ „ํ•ด ๋‚˜๊ฐ€์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค..!

์ฑ—์ง€ํ”ผํ‹ฐ๋„ ์ œ๋Œ€๋กœ ์จ๋ณธ ์  ์—†๋Š”๋ฐ,, ์ž์ฃผ ์‚ฌ์šฉํ•ด ๋ด์•ผ๊ฒ ๋‹ค๊ณ  ๋А๊ผˆ๋‹ค,,

 

 

ํ”ผ๊ทธ๋งˆ  ๊ธฐ์ดˆ  2์ฃผ์ฐจ  ์ˆ™์ œํ•˜๊ธฐ

์œผ์•„์•„์•„์•„!! ์–ด์ฐŒ์ €์ฐŒ ๋‹ค ํ–ˆ๋‹ค..!! 4๋ฒˆ, 5๋ฒˆ ๋ฌธ์ œ๊ฐ€ ๋ง‰ํ˜”์—ˆ๋Š”๋ฐ

๋ถ€๋ชจ ํ”„๋ ˆ์ž„ ์„ค์ •์„ ์•ˆํ•ด์„œ ๊ทธ๋Ÿฐ๋“ฏ ํ•˜๋‹ค,,

๊ฐˆ ๊ธธ์ด ๋ฉ€๋‹ค,, 2์ฃผ์ฐจ ๊ฐ•์˜ ์žฌ์ˆ˜๊ฐ•ํ•˜์ž๐Ÿซ 

 

 

๋А๋‚€ ์ 

์ด๊ฑฐ,, ์ด๋ ‡๊ฒŒ ํ•˜๋Š”๊ฒŒ ๋งž๋‚˜์š”..?

๋‚˜๋ฆ„ ์—ด์‹ฌํžˆ ํ•œ๊ฑด๋ฐ ์ œ๋Œ€๋กœ ํ•œ๊ฑด์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค

๊ทผ๋ฐ ๋А๋‚€ ๊ฑด ๋‚ด๊ฐ€ ์ƒ๊ฐ๋ณด๋‹ค ๊ธฐ๋ถ€๋‚˜ ๋ด‰์‚ฌ ๊ด€๋ จ ํ”Œ๋žซํผ์— ๊ด€์‹ฌ์ด ๋งŽ๋‹ค๋Š” ๊ฒƒ,,

(๊ด€๋ จ ์•ฑ์ด ๋น…์›Œํฌ๋ฐ–์— ์—†๊ธด ํ•˜์ง€๋งŒ;;)์ƒˆ์‚ผ ๋А๊ผˆ๋‹ค

์‚ฌ์‹ค ์–ด๋””๋“  ๋ฝ‘์•„๋งŒ ์ฃผ์‹ ๋‹ค๋ฉด ๊ฐ์‚ฌํ•œ ๋งˆ์Œ์œผ๋กœ ๋“ค์–ด๊ฐ€๊ฒ ์ง€๋งŒ ์ผ๋‹จ ๋ชฉํ‘œ๋Š” ์ด ์ชฝ ๋ฐฉํ–ฅ์ธ ๊ฒƒ ๊ฐ™๋‹ค..!

 

 

+๋‚ด์ผ ํ•™์Šต ํ•  ๊ฒƒ

1. ํ”ผ๊ทธ๋งˆ ๊ธฐ์ดˆ 3์ฃผ์ฐจ ์ˆ˜๊ฐ•ํ•˜๊ธฐ