๊ณต์ง€
๋‰ด์Šค๋ ˆํ„ฐ ํ”Œ๋žซํผ ๋ณ€๊ฒฝ ์•ˆ๋‚ด

์ฃผ๊ฐ„ ์†Œ์‹์ง€

๐Ÿ”ญ๋‚ด๊ฐ€ ๋งŒ๋“  ์„œ๋น„์Šค, UI/UX ๋””์ž์ธ์€ ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ? (2) - ๊ฐœ๋ฐœ์ž๋“ค์ด ์ €์ง€๋ฅด๊ธฐ ์‰ฌ์šด UI/UX ๊ด€๋ จ ์‹ค์ˆ˜์™€ ๊ฐœ์„  ๋ฐฉ๋ฒ• & UI ์™„์„ฑ๋„ ๋†’์ด๋Š” ํŒ

์†Œ๊ทœ๋ชจ ํŒ€๊ณผ 1์ธ ๊ฐœ๋ฐœ์ž๋“ค์ด ์ €์ง€๋ฅด๊ธฐ ์‰ฌ์šด UI/UX ๊ด€๋ จ ์‹ค์ˆ˜์™€ ๊ฐœ์„  ๋ฐฉ๋ฒ• & UI ์™„์„ฑ๋„ ๋†’์ด๋Š” ํŒ์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

2025.05.05 | ์กฐํšŒ 745 |
0
|
Aidens Lab ๋‰ด์Šค๋ ˆํ„ฐ์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

Aidens Lab ๋‰ด์Šค๋ ˆํ„ฐ

DevOps ์—”์ง€๋‹ˆ์–ด๊ฐ€ ์—„์„ ํ•œ ํฅ๋ฏธ๋กœ์šด IT ๊ธฐ์ˆ /์—…๊ณ„ ์ด์•ผ๊ธฐ๋ฅผ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

์ฒจ๋ถ€ ์ด๋ฏธ์ง€

์•ˆ๋…•ํ•˜์„ธ์š” ๊ตฌ๋…์ž๋‹˜, ๋‹ค์–‘ํ•œ IT ์ง€์‹์„ ์ •๋ฆฌํ•ด์„œ ๊ณต์œ ํ•ด๋“œ๋ฆฌ๋Š” IT ์—ฌํ–‰์ž๋ฅผ ์œ„ํ•œ ์†Œ์‹์ง€์ž…๋‹ˆ๋‹ค.

์ง€๋‚œ์ฃผ ์†Œ์‹์ง€์—์„œ ์šฐ๋ฆฌ๋Š” 1์ธ ๊ฐœ๋ฐœ์ž์™€ ์†Œ๊ทœ๋ชจ ํŒ€์ด ์ œํ’ˆ์„ ๊ฐœ๋ฐœํ•  ๋•Œ UI/UX์˜ ์ค‘์š”์„ฑ๊ณผ ์ง€์ผœ์•ผ ํ•  ์›์น™๋“ค์„ ์‚ดํŽด๋ดค์Šต๋‹ˆ๋‹ค.

์ด์ œ ์‹ค์ œ ๊ฐœ๋ฐœ์ž๋“ค์ด ์ €์ง€๋ฅด๊ธฐ ์‰ฌ์šด UI/UX ๊ด€๋ จ ์‹ค์ˆ˜๋“ค๊ณผ ๊ฐœ์„  ๋ฐฉ๋ฒ•์„ ๋จผ์ € ์‚ดํŽด๋ณด๊ณ , UI ์™„์„ฑ๋„๋ฅผ ๋†’์ผ ์ˆ˜ ์žˆ๋Š” ํŒ๊ณผ UI/UX ๊ฐœ์„ ์œผ๋กœ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ์ด์ ์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

์ฒจ๋ถ€ ์ด๋ฏธ์ง€

 


๊ฐœ๋ฐœ์ž๊ฐ€ ํ”ํžˆ ์ €์ง€๋ฅด๋Š” UI/UX ์‹ค์ˆ˜, ๊ทธ๋ฆฌ๊ณ  ์‰ฝ๊ฒŒ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋Š” Tip

 

๋””์ž์ธ ๊ฒฝํ—˜์ด ๋งŽ์ง€ ์•Š์€ 1์ธ ๊ฐœ๋ฐœ์ž๋‚˜, ๋””์ž์ธ ์ „๋ฌธ ์ธ๋ ฅ์ด ๋ถ€์กฑํ•œ ์†Œ๊ทœ๋ชจ ํŒ€์€ ์ œํ’ˆ์„ ๊ฐœ๋ฐœํ•˜๋Š” ๊ณผ์ •์—์„œ ์‚ฌ์†Œํ•ด๋ณด์ด์ง€๋งŒ ์‚ฌ์‹ค ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๊ด€์ ์—์„œ ์น˜๋ช…์ ์ธ ์‹ค์ˆ˜๋ฅผ ์ข…์ข… ์ €์ง€๋ฅด๊ณค ํ•˜๋Š”๋ฐ์š”.

๊ทธ ์ค‘ ๋Œ€ํ‘œ์ ์ธ ์‹ค์ˆ˜ 5๊ฐ€์ง€๋ฅผ ๊ผฝ์•„ ์‚ดํŽด๋ณด๊ณ , ๊ฐ ์‹ค์ˆ˜๋ฅผ ์–ด๋–ป๊ฒŒ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์„์ง€ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

  • โš ๏ธ 1. ๋ชจํ˜ธํ•˜๊ฑฐ๋‚˜ ์ผ๊ด€์„ฑ ์—†๋Š” ๋ฒ„ํŠผ/๋งํฌ ๋ ˆ์ด๋ธ”
    • Don't: 'ํ™•์ธ', '์ „์†ก', '๊ณ„์†'์ฒ˜๋Ÿผ ๋งฅ๋ฝ ์—†์ด๋Š” ๋ฌด์Šจ ๋™์ž‘์ธ์ง€ ์•Œ๊ธฐ ์–ด๋ ค์šด ๋ ˆ์ด๋ธ” ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜, ๋™์ผํ•œ ๊ธฐ๋Šฅ์˜ ๋ฒ„ํŠผ๋งˆ๋‹ค '์ €์žฅ', 'Save', '๊ธฐ๋ก' ๋“ฑ ๋‹ค๋ฅธ ์šฉ์–ด ์‚ฌ์šฉ
    • Do: '์„ค์ • ์ €์žฅํ•˜๊ธฐ', '๋‰ด์Šค๋ ˆํ„ฐ ๊ตฌ๋…ํ•˜๊ธฐ', '๋‹ค์Œ ๋‹จ๊ณ„๋กœ ์ด๋™'์ฒ˜๋Ÿผ ๊ตฌ์ฒด์ ์ธ ํ–‰๋™์„ ๋ช…์‹œํ•˜๋Š” ๋ ˆ์ด๋ธ” ์‚ฌ์šฉ. ์„œ๋น„์Šค ์ „์ฒด์—์„œ ์šฉ์–ด๋ฅผ ํ†ต์ผํ•˜์—ฌ ์ผ๊ด€์„ฑ ์œ ์ง€.
  • โš ๏ธ 2. ํ”ผ๋“œ๋ฐฑ ์—†๋Š” ์ธํ„ฐ๋ž™์…˜
    • Don't: ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ๋„ ์•„๋ฌด๋Ÿฐ ์‹œ๊ฐ์  ๋ณ€ํ™”๊ฐ€ ์—†๊ฑฐ๋‚˜, ๋ฐ์ดํ„ฐ๊ฐ€ ๋กœ๋”ฉ ์ค‘์ธ๋ฐ ์•„๋ฌด ํ‘œ์‹œ๋„ ์—†๋Š” ๊ฒฝ์šฐ. ์‚ฌ์šฉ์ž๋Š” ์‹œ์Šคํ…œ์ด ๋ฉˆ์ท„๋‹ค๊ณ  ์˜คํ•ดํ•  ์ˆ˜ ์žˆ์Œ.
    • Do: ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋ˆŒ๋ฆผ ํšจ๊ณผ๋‚˜ ์ƒ‰์ƒ ๋ณ€ํ™” ์ ์šฉ. ๋ฐ์ดํ„ฐ ๋กœ๋”ฉ ์‹œ ์Šคํ”ผ๋„ˆ๋‚˜ ํ”„๋กœ๊ทธ๋ ˆ์Šค ๋ฐ” ํ‘œ์‹œ. ์ž‘์—… ์™„๋ฃŒ ํ›„ "์ €์žฅ๋˜์—ˆ์Šต๋‹ˆ๋‹ค", "์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค"์™€ ๊ฐ™์€ ๋ช…ํ™•ํ•œ ๋ฉ”์‹œ์ง€(ํ† ์ŠคํŠธ, ์Šค๋‚ต๋ฐ” ๋“ฑ) ๋ณด์—ฌ์ฃผ๊ธฐ.
  • โš ๏ธ 3. ๋‹ต๋‹ตํ•˜๊ณ  ๊ตฌ๋ถ„ ์•ˆ ๋˜๋Š” ๋ ˆ์ด์•„์›ƒ (์—ฌ๋ฐฑ ๋ถ€์กฑ & ๊ณ„์ธต ๊ตฌ์กฐ ๋ถ€์žฌ)
    • Don't: ๋น„์Šทํ•œ ํฌ๊ธฐ์™€ ๊ตต๊ธฐ์˜ ํ…์ŠคํŠธ์™€ ์š”์†Œ๋“ค์ด ํ™”๋ฉด์— ๋นฝ๋นฝํ•˜๊ฒŒ ๋ถ™์–ด์žˆ์–ด ๋‹ต๋‹ตํ•œ ๊ฒฝ์šฐ. ์–ด๋””์„œ๋ถ€ํ„ฐ ์–ด๋””๊นŒ์ง€๊ฐ€ ๊ด€๋ จ ๋‚ด์šฉ์ธ์ง€ ์•Œ๊ธฐ ์–ด๋ ค์›€.
    • Do: ์ œ๋ชฉ, ๋ถ€์ œ๋ชฉ, ๋ณธ๋ฌธ ๋“ฑ ํ…์ŠคํŠธ ์œ„๊ณ„์— ๋”ฐ๋ผ ํฌ๊ธฐ, ๊ตต๊ธฐ, ์ƒ‰์ƒ ๋“ฑ์„ ๋ช…ํ™•ํžˆ ๊ตฌ๋ถ„. ์š”์†Œ๋“ค ์‚ฌ์ด์— ์ถฉ๋ถ„ํ•œ ์—ฌ๋ฐฑ์„ ๋‘์–ด ๊ทธ๋ฃน์„ ์‹œ๊ฐ์ ์œผ๋กœ ๋ถ„๋ฆฌํ•˜๊ณ  ๊ฐ€๋…์„ฑ ํ™•๋ณด.
  • โš ๏ธ 4. ๋„ˆ๋ฌด ๋งŽ์€ ์ •๋ณด์™€ ๊ธฐ๋Šฅ์„ ํ•œ ํ™”๋ฉด์— ํ‘œ์‹œ (์ธ์ง€ ๊ณผ๋ถ€ํ•˜ ์œ ๋ฐœ)
    • Don't: ์‚ฌ์šฉ์ž๊ฐ€ ํ•„์š”ํ• ์ง€๋„ ๋ชจ๋ฅด๋Š” ๋ชจ๋“  ๊ธฐ๋Šฅ๊ณผ ์ •๋ณด๋ฅผ ์ผ๋‹จ ํ•œ ํ™”๋ฉด์— ๋‹ค ๋ณด์—ฌ์ฃผ๋ ค๊ณ  ํ•จ. ์‚ฌ์šฉ์ž๋Š” ๋ฌด์—‡๋ถ€ํ„ฐ ๋ด์•ผ ํ• ์ง€ ํ˜ผ๋ž€์„ ๋А๋‚Œ.
    • Do: ํ•ต์‹ฌ ๊ธฐ๋Šฅ ์œ„์ฃผ๋กœ ํ™”๋ฉด์„ ๊ตฌ์„ฑ. ๊ด€๋ จ ๊ธฐ๋Šฅ์€ ๊ทธ๋ฃนํ™”ํ•˜๊ณ , ์ƒ์„ธ ์ •๋ณด๋‚˜ ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ์€ ํ•„์š” ์‹œ ํŽผ์ณ๋ณด๊ฑฐ๋‚˜(Accordion/Expandable), ๋ณ„๋„ ํŽ˜์ด์ง€๋‚˜ ๋ชจ๋‹ฌ ์ฐฝ์œผ๋กœ ๋ถ„๋ฆฌ(Progressive Disclosure)ํ•  ๊ฒƒ.
  • โš ๏ธ 5. ๊ฐœ๋ฐœ์ž ์ค‘์‹ฌ์˜ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€ ์‚ฌ์šฉ
    • Don't: 'Error Code: 500, NullPointerException occurred' ๊ฐ™์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜๋ฏธ ์—†๋Š” ๊ธฐ์ˆ ์ ์ธ ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ๋…ธ์ถœ.
    • Do: ์‚ฌ์šฉ์ž๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์‰ฌ์šด ์–ธ์–ด๋กœ ๋ฌด์—‡์ด ์ž˜๋ชป๋˜์—ˆ๋Š”์ง€ ์„ค๋ช…ํ•˜๊ณ , ๋‹ค์Œ์— ๋ฌด์—‡์„ ํ•ด์•ผ ํ• ์ง€ ์•ˆ๋‚ดํ•  ๊ฒƒ. (์˜ˆ: '์„œ๋ฒ„์— ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. ์ž ์‹œ ํ›„ ๋‹ค์‹œ ์‹œ๋„ํ•ด์ฃผ์„ธ์š”.', '๋น„๋ฐ€๋ฒˆํ˜ธ๋Š” 8์ž ์ด์ƒ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.')

โœจTip: ํ˜ผ์ž์„œ ๋ชจ๋“  ๊ฒƒ์„ ๋””์ž์ธํ•˜๊ธฐ ์–ด๋ ต๋‹ค๋ฉด, ์ž˜ ๋งŒ๋“ค์–ด์ง„ ๋””์ž์ธ ์‹œ์Šคํ…œ(Google์˜ Material Design, Apple์˜ Human Interface Guidelines)์„ ์ ๊ทน ์ฐธ๊ณ ํ•˜์„ธ์š”. ์ด ๊ฐ€์ด๋“œ๋ผ์ธ๋“ค์€ ์œ„์—์„œ ์–ธ๊ธ‰ํ•œ ์›์น™๋“ค์„ ์ด๋ฏธ ์ž˜ ๋ฐ˜์˜ํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์„œ๋น„์Šค์˜ ์™„์„ฑ๋„๋ฅผ ๋†’์ด๋Š” ๋ฐ์— ํฐ ๋„์›€์ด ๋  ๊ฒ๋‹ˆ๋‹ค.

 


๋””์ž์ธ์„ ์ž˜ ๋ชฐ๋ผ๋„ UI ์™„์„ฑ๋„๋ฅผ ๋†’์ด๋Š” ๋ฐฉ๋ฒ•

์ฒจ๋ถ€ ์ด๋ฏธ์ง€

"์›์น™์€ ์•Œ๊ฒ ๋Š”๋ฐ, ์–ด๋””์„œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์•ผ ํ• ์ง€ ๋ชจ๋ฅด๊ฒ ์–ด์š”..."

 

๊ฑฑ์ • ๋งˆ์„ธ์š”! ์ฒ˜์Œ๋ถ€ํ„ฐ ์ „๋ฌธ ๋””์ž์ด๋„ˆ์ฒ˜๋Ÿผ ํ™”๋ คํ•˜๊ณ  ์˜ˆ์˜๊ฒŒ ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š” ๊ฒŒ ์•„๋‹™๋‹ˆ๋‹ค. ์ง€๊ธˆ ์†Œ๊ฐœํ•˜๋Š” ๊ฐ€์ด๋“œ๋งŒ ํ™œ์šฉํ•ด๋„ ํ›จ์”ฌ ๊น”๋”ํ•˜๊ณ  ์ „๋ฌธ์ ์œผ๋กœ ๋ณด์ด๋Š” UI๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์œผ๋‹ˆ๊นŒ์š”.

  • ๐ŸŽจ ์ƒ‰์ƒ: ์š•์‹ฌ์€ ๋ฒ„๋ฆฌ๊ณ  ๋‹จ์ˆœํ•˜๊ฒŒ
    • ๋„ˆ๋ฌด ๋งŽ์€ ์ƒ‰์„ ์‚ฌ์šฉํ•˜๋ฉด ์˜คํžˆ๋ ค ์ดŒ์Šค๋Ÿฌ์›Œ ๋ณด์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ ์ƒ‰์ƒ(Primary - ๋ธŒ๋žœ๋“œ/ํ•ต์‹ฌ ๊ฐ•์กฐ), ๋ณด์กฐ ์ƒ‰์ƒ(Secondary - ๋ณด์กฐ ์š”์†Œ), ๊ฐ•์กฐ ์ƒ‰์ƒ(Accent - ๋ฒ„ํŠผ ๋“ฑ ํ–‰๋™ ์œ ๋„) ์ •๋„๋งŒ ์ •ํ•ด์„œ ์ผ๊ด€๋˜๊ฒŒ ์‚ฌ์šฉํ•ด๋ณด์„ธ์š”.
    • ๋ฐฐ๊ฒฝ์€ ํฐ์ƒ‰์ด๋‚˜ ๋ฐ์€ ํšŒ์ƒ‰์ด ๊ฐ€์žฅ ๋ฌด๋‚œํ•ฉ๋‹ˆ๋‹ค.
    • Tip: ์ƒ‰ ์กฐํ•ฉ์ด ์–ด๋ ต๋‹ค๋ฉด Colors.co์—์„œ ์ธ๊ธฐ ์žˆ๋Š” ํŒ”๋ ˆํŠธ๋ฅผ ์ฐธ๊ณ ํ•˜๊ฑฐ๋‚˜ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•ด๋ณด์„ธ์š”.
  • ๐Ÿ–‹๏ธ ํฐํŠธ: ๊ฐ€๋…์„ฑ์ด ์ƒ๋ช…
    • ํ™”๋ คํ•˜๊ฑฐ๋‚˜ ํŠน์ดํ•œ ํฐํŠธ๋ณด๋‹ค๋Š” ์ฝ๊ธฐ ํŽธํ•œ ํฐํŠธ๊ฐ€ ์ตœ๊ณ ์ž…๋‹ˆ๋‹ค. ๊ฐ ์šด์˜์ฒด์ œ์˜ ์‹œ์Šคํ…œ ๊ธฐ๋ณธ ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์•ˆ์ „ํ•˜๊ณ  ์„ฑ๋Šฅ ์ธก๋ฉด์—์„œ๋„ ์ข‹์ฃ .
    • ์›น ์ œํ’ˆ์ด๋ผ๋ฉด Google Fonts์—์„œ์ œ๊ณตํ•˜๋Š” Noto Sans, Roboto ๋“ฑ ๊ฒ€์ฆ๋œ ๋ฌด๋ฃŒ ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. ํฐํŠธ ์ข…๋ฅ˜๋Š” 1~2๊ฐœ ์ด๋‚ด๋กœ ์ œํ•œํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.
    • Tip: ์ œ๋ชฉ๊ณผ ๋ณธ๋ฌธ์˜ ํฌ๊ธฐ(Size)์™€ ๊ตต๊ธฐ(Weight)์— ๋ช…ํ™•ํ•œ ์ฐจ์ด๋ฅผ ๋‘ฌ์„œ ์œ„๊ณ„๋ฅผ ๋‚˜๋ˆ„์„ธ์š”.
  • โฌœ๏ธ ์—ฌ๋ฐฑ: ๋น„์šธ์ˆ˜๋ก ์•„๋ฆ„๋‹ค์šด ๋ฒ•
    • ๊ฐœ๋ฐœ์ž๋“ค์ด ๊ฐ€์žฅ ๊ฐ„๊ณผํ•˜๊ธฐ ์‰ฌ์šด ๋ถ€๋ถ„ ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋ฐ”๋กœ '์—ฌ๋ฐฑ'์ž…๋‹ˆ๋‹ค. ์š”์†Œ๋“ค ์‚ฌ์ด์— ์ถฉ๋ถ„ํ•œ ๊ฐ„๊ฒฉ(Padding, Margin)์„ ์ฃผ์„ธ์š”.
    • ์—ฌ๋ฐฑ์€ ์ฝ˜ํ…์ธ ๋ฅผ ์ˆจ ์‰ฌ๊ฒŒํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ์„œ๋กœ ๊ด€๋ จ๋œ ์š”์†Œ๋ฅผ ๊ทธ๋ฃนํ™”ํ•˜๊ณ , ์‚ฌ์šฉ์ž์˜ ์‹œ์„ ์„ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์œ ๋„ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ต๋‹ตํ•ด๋ณด์ธ๋‹ค๋ฉด ์—ฌ๋ฐฑ์„ ๋” ๋Š˜๋ ค๋ณด์„ธ์š”.
    • Tip: ์ผ๊ด€๋œ ์—ฌ๋ฐฑ ๊ทœ์น™์„ ์ •ํ•ด๋‘๋ฉด ์ž‘์—…์ด ๋”์šฑ ์‰ฌ์›Œ์ง‘๋‹ˆ๋‹ค.
  • ๐Ÿ–ผ๏ธ ์•„์ด์ฝ˜: ๋ฐฑ ๋งˆ๋”” ๋ง๋ณด๋‹ค ํ•˜๋‚˜์˜ ๊ทธ๋ฆผ์œผ๋กœ
    • ์ ์ ˆํ•œ ์•„์ด์ฝ˜ ์‚ฌ์šฉ์€ ํ…์ŠคํŠธ๋งŒ ์žˆ๋Š” ๊ฒƒ๋ณด๋‹ค ์ •๋ณด ์ „๋‹ฌ๋ ฅ์„ ๋†’์ด๊ณ  ์‹œ๊ฐ์ ์ธ ์žฌ๋ฏธ๋ฅผ ๋”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ๋‹จ, ์•„์ด์ฝ˜ ์Šคํƒ€์ผ(์™ธ๊ณฝ์„ , ์ฑ„์›€, ๊ตต๊ธฐ ๋“ฑ)์„ ํ†ต์ผํ•˜๊ณ , ๋ˆ„๊ตฌ๋‚˜ ์˜๋ฏธ๋ฅผ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์•„์ด์ฝ˜์„ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์• ๋งคํ•˜๋ฉด ํ…์ŠคํŠธ๋ฅผ ์กฐ๊ธˆ ๊ณ๋“ค์ด์„ธ์š”.
  • ๐Ÿ‘€ ์˜๊ฐ ์–ป๊ธฐ: ์ž˜ ๋งŒ๋“  ์„œ๋น„์Šค ๋”ฐ๋ผํ•ด๋ณด๊ธฐ
    • ๋›ฐ์–ด๋‚œ ์ฐฝ์ž‘์€ ๋ชจ๋ฐฉ์—์„œ ์‹œ์ž‘๋˜์ฃ . ํ‰์†Œ์— ์‚ฌ์šฉ์„ฑ์ด ์ข‹๊ฑฐ๋‚˜ ๋””์ž์ธ์ด ๊น”๋”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ์•ฑ/์›น์‚ฌ์ดํŠธ๋ฅผ ์œ ์‹ฌํžˆ ๊ด€์ฐฐํ•˜๊ณ , ์ข‹์€ ์ ๋“ค์„ ์ฐธ๊ณ ํ•ด์„œ ๋‚ด ์„œ๋น„์Šค์— ์ ์šฉํ•ด๋ณด์„ธ์š”.
    • Pinterest, Dribble, Behance์™€ ๊ฐ™์€ ์‚ฌ์ดํŠธ์—์„œ ์ž์‹ ์˜ ์ œํ’ˆ๊ณผ ๊ด€๋ จ๋œ ํ‚ค์›Œ๋“œ๋กœ ๊ฒ€์ƒ‰ํ•ด์„œ ๋‹ค์–‘ํ•œ ๋ ˆํผ๋Ÿฐ์Šค๋ฅผ ์ฐธ๊ณ ํ•ด๋ณด์„ธ์š”.

์ด ๊ฐ€์ด๋“œ๋งŒ ์กฐ๊ธˆ์”ฉ ์ ์šฉํ•ด๋ด๋„ ๋‚ด ์ œํ’ˆ์ด ๋ˆˆ์— ๋„๊ฒŒ ๋‹ฌ๋ผ์ง์„ ๊ธˆ๋ฐฉ ๋А๋ผ๊ฒŒ ๋˜์‹ค ๊ฒ๋‹ˆ๋‹ค.

 


UI/UX ๊ฐœ์„ ์œผ๋กœ ์–ป๋Š” ์ด์ ๋“ค

์ฒจ๋ถ€ ์ด๋ฏธ์ง€

๊ทธ๋ ‡๋‹ค๋ฉด ์ง€๊ธˆ๊นŒ์ง€ ์‚ดํŽด๋ณธ UI/UX ์›์น™๊ณผ ๊ฐ€์ด๋“œ๋ฅผ ๋”ฐ๋ฆ„์œผ๋กœ์จ ์šฐ๋ฆฌ๊ฐ€ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฑด ๋ฌด์—‡์ผ๊นŒ์š”? ๋‹จ์ˆœํžˆ '๋ณด๊ธฐ ์ข‹์•„์ง€๋Š” ๊ฒƒ'์„ ๋„˜์–ด ์•„๋ž˜์™€ ๊ฐ™์ด ์„œ๋น„์Šค์˜ ์„ฑ๊ณต์— ์ง๊ฒฐ๋˜๋Š” ์ด์ ์„ ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๐Ÿ“ˆ ์‚ฌ์šฉ์ž ๋งŒ์กฑ๋„ UP! ๊ธ์ •์  ๋ฆฌ๋ทฐ & ์ž…์†Œ๋ฌธ ํšจ๊ณผ:
    • ์‚ฌ์šฉํ•˜๊ธฐ ํŽธ๋ฆฌํ•˜๊ณ  ๋งŒ์กฑ์Šค๋Ÿฌ์šด ์„œ๋น„์Šค๋Š” ์‚ฌ์šฉ์ž์˜ ๋งŒ์กฑ๋„๋ฅผ ๋†’์—ฌ ๊ธ์ •์ ์ธ ์•ฑ ๋ฆฌ๋ทฐ๋‚˜ ์ฃผ๋ณ€ ์ถ”์ฒœ์œผ๋กœ ์ด์–ด์ง‘๋‹ˆ๋‹ค.
    • ๋ณ„๋‹ค๋ฅธ ๋งˆ์ผ€ํŒ… ์—†์ด๋„ ์ƒˆ๋กœ์šด ์‚ฌ์šฉ์ž๋ฅผ ์œ ์ž…์‹œํ‚ค๋Š” ์„ ์ˆœํ™˜์ด ๋งŒ๋“ค์–ด์ง€๋Š” ๊ฒƒ์ด์ฃ .
  • ๐Ÿ“‰ ์ดํƒˆ๋ฅ  DOWN! ์œ ์ง€์œจ UP! (์‚ฌ์šฉ์ž๋ฅผ ๋ถ™์žก๋Š” ํž˜):
    • ๋ถˆํŽธํ•œ UI/UX๋Š” ์‚ฌ์šฉ์ž๋ฅผ ๋– ๋‚˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฐ€์žฅ ํฐ ์ด์œ  ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค.
    • ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— UI/UX ๊ฐœ์„ ์€ ์‚ฌ์šฉ์ž๋ฅผ ์„œ๋น„์Šค์— ๋” ์˜ค๋ž˜ ๋จธ๋ฌด๋ฅด๊ฒŒ ํ•˜๊ณ , ๊พธ์ค€ํžˆ ์žฌ๋ฐฉ๋ฌธํ•˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๐Ÿ“ž ๊ณ ๊ฐ ์ง€์› ๋ถ€๋‹ด ๊ฐ์†Œ (๊ฐœ๋ฐœ์ž์˜ ์‹œ๊ฐ„ ์ ˆ์•ฝ):
    • ์ง๊ด€์ ์ธ UI๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์Šค์Šค๋กœ ๊ธฐ๋Šฅ์„ ํƒ์ƒ‰ํ•˜๊ณ  ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋„๋ก ๋•์Šต๋‹ˆ๋‹ค.
    • "์ด๊ฑฐ ์–ด๋–ป๊ฒŒ ์จ์š”?"์™€ ๊ฐ™์€ ๋‹จ์ˆœ ๋ฌธ์˜๋ฅผ ์ค„์—ฌ ์†Œ๊ทœ๋ชจ ํŒ€์ด๋‚˜ 1์ธ ๊ฐœ๋ฐœ์ž๊ฐ€ ํ•ต์‹ฌ ๊ฐœ๋ฐœ์— ๋” ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.
  • โฑ๏ธ ๋” ๋น ๋ฅธ ํ•™์Šต ๊ณก์„  & ๊ธฐ๋Šฅ ํ™œ์šฉ๋„ ์ฆ๊ฐ€:
    • ์‚ฌ์šฉ์ž๊ฐ€ ์„œ๋น„์Šค๋ฅผ ์ตํžˆ๋Š” ๋ฐ์— ๋“œ๋Š” ์‹œ๊ฐ„๊ณผ ๋…ธ๋ ฅ์ด ์ค„์–ด๋“ญ๋‹ˆ๋‹ค.
    • ์ œํ’ˆ์˜ ์ข‹์€ ๊ธฐ๋Šฅ๋“ค์ด ์‰ฝ๊ฒŒ ๋ฐœ๊ฒฌ๋˜๊ณ  ํ™œ์šฉ๋  ์ˆ˜ ์žˆ์–ด ์‚ฌ์šฉ์ž๊ฐ€ ์„œ๋น„์Šค์˜ ๊ฐ€์น˜๋ฅผ ์˜จ์ „ํžˆ ๊ฒฝํ—˜ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
  • โœจ ์ „๋ฌธ์ ์ธ ์ด๋ฏธ์ง€ & ์‹ ๋ขฐ๋„ ์ƒ์Šน:
    • ์ž˜ ๋‹ค๋“ฌ์–ด์ง„ UI/UX๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ '์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค'๋ผ๋Š” ์ธ์ƒ์„ ์ค๋‹ˆ๋‹ค.
    • ์ด๋Š” ํŠนํžˆ ๊ธˆ์œต์ด๋‚˜ ๊ฑด๊ฐ•๊ณผ ๊ฐ™์ด ๋ฏผ๊ฐํ•œ ์ •๋ณด๋ฅผ ๋‹ค๋ฃจ๋Š” ์„œ๋น„์Šค์—์„œ ๋”์šฑ ์ค‘์š”ํ•˜์ฃ .

๊ฒฐ๊ตญ, UI/UX์— ๋Œ€ํ•œ ํˆฌ์ž๋Š” ์„œ๋น„์Šค์˜ ๊ฒฝ์Ÿ๋ ฅ์„ ๋†’์ด๊ณ  ์ง€์†๊ฐ€๋Šฅํ•œ ์„ฑ์žฅ์„ ์ด๋„๋Š” ํ˜„๋ช…ํ•œ ์ „๋žต์ธ ์…ˆ์ž…๋‹ˆ๋‹ค.

 


๐Ÿ”ญ๋งˆ์น˜๋ฉฐ...

 

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

์ง€๊ธˆ ๊ฐ€์žฅ ๋ฌธ์ œ๊ฐ€ ์‹ฌ๊ฐํ•ด ๋ณด์ด๋Š” ํ™”๋ฉด ํ•˜๋‚˜, ์‚ฌ์šฉ์ž๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ๋ถˆํŽธํ•ดํ•˜๋Š” UI ์š”์†Œ ํ•˜๋‚˜๋ถ€ํ„ฐ ๊ฐœ์„ ์„ ์‹œ์ž‘ํ•ด๋ณด๋Š” ๊ฑด ์–ด๋–จ๊นŒ์š”?

๋ฒ„ํŠผ ๋ ˆ์ด๋ธ” ํ•˜๋‚˜๋ฅผ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ๋ฐ”๊พธ๊ณ , ๋‹ต๋‹ตํ–ˆ๋˜ ์—ฌ๋ฐฑ์„ ์กฐ๊ธˆ ๋” ์ฃผ๋Š” ์ž‘์€ ์‹œ๋„๋“ค์ด ๋ชจ์—ฌ ํฐ ์ฐจ์ด๋ฅผ ๋งŒ๋“ค์–ด๋‚ผ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ €๋„ 'IT ์—ฌํ–‰์ž๋ฅผ ์œ„ํ•œ ์•ˆ๋‚ด์„œ'์—์„œ ๊ธ€์ด ํ‘œ์‹œ๋˜๋Š” ํ™”๋ฉด์— ์—ฌ๋ฐฑ์„ ๋” ๊ฐœ์„ ํ•˜๊ณ  ๊ฐ€๋…์„ฑ์„ ๋†’์ด๋ ค ํ•˜๋Š”๋ฐ์š”. ์ œ๊ฐ€ ์ž˜ ํ•˜๊ณ  ์žˆ๋Š”์ง€ ํ•œ๋ฒˆ ์ง€์ผœ๋ด์ฃผ์„ธ์š”.๐Ÿ˜…

 

์˜ค๋Š˜ ์ด์•ผ๊ธฐ๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ์—ฌ์ •์— ๋„์›€์ด ๋˜์—ˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ ๋‹ค์Œ ์†Œ์‹์ง€์—์„œ ๋ณด๋‹ค ์•Œ์ฐจ๊ณ  ํฅ๋ฏธ๋กœ์šด ๋‚ด์šฉ์œผ๋กœ ์ฐพ์•„๋ต™๊ฒ ์Šต๋‹ˆ๋‹ค.

์˜ค๋Š˜๋„ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค, ๊ตฌ๋…์ž๋‹˜ ๐Ÿ˜บ

์ด๋ฒˆ ์†Œ์‹์ง€ ๋‚ด์šฉ์€ ์–ด๋– ์…จ๋‚˜์š”? ์†Œ์‹์ง€๋ฅผ ๋” ๋‚˜์€ ๋ฐฉํ–ฅ์œผ๋กœ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์•„๋ž˜ ํผ์—์„œ 1~2๋ถ„ ์ •๋„๋ฉด ๋๋‚˜๋Š” ์งง์€ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›๊ณ  ์žˆ์–ด์š”.๐Ÿ‘‡

https://forms.gle/jjkvp9htV3atYLHG8

์—ฌ๋Ÿฌ๋ถ„๋“ค์˜ ์†Œ์ค‘ํ•œ ์˜๊ฒฌ์— ํ•ญ์ƒ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

 

๋ณธ ์†Œ์‹์ง€๋ฅผ ์•„์นด์ด๋น™ํ•˜๊ณ  ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ๊ณต์œ ํ•˜๋Š” ๋ธ”๋กœ๊ทธ๋„ ์šด์˜ ์ค‘์ž…๋‹ˆ๋‹ค :)

๐Ÿ”ญAiden's Lab ๋‘˜๋Ÿฌ๋ณด๊ธฐ

 

๋‹ค๊ฐ€์˜ฌ ๋‰ด์Šค๋ ˆํ„ฐ๊ฐ€ ๊ถ๊ธˆํ•˜์‹ ๊ฐ€์š”?

์ง€๊ธˆ ๊ตฌ๋…ํ•ด์„œ ์ƒˆ๋กœ์šด ๋ ˆํ„ฐ๋ฅผ ๋ฐ›์•„๋ณด์„ธ์š”

โœ‰๏ธ

์ด๋ฒˆ ๋‰ด์Šค๋ ˆํ„ฐ ์–ด๋– ์…จ๋‚˜์š”?

Aidens Lab ๋‰ด์Šค๋ ˆํ„ฐ ๋‹˜์—๊ฒŒ โ˜•๏ธ ์ปคํ”ผ์™€ โœ‰๏ธ ์ชฝ์ง€๋ฅผ ๋ณด๋‚ด๋ณด์„ธ์š”!

๋Œ“๊ธ€

์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”

ํ™•์ธ
์˜๊ฒฌ์ด ์žˆ์œผ์‹ ๊ฐ€์š”? ์ œ์ผ ๋จผ์ € ๋Œ“๊ธ€์„ ๋‹ฌ์•„๋ณด์„ธ์š” !
ยฉ 2025 Aidens Lab ๋‰ด์Šค๋ ˆํ„ฐ

DevOps ์—”์ง€๋‹ˆ์–ด๊ฐ€ ์—„์„ ํ•œ ํฅ๋ฏธ๋กœ์šด IT ๊ธฐ์ˆ /์—…๊ณ„ ์ด์•ผ๊ธฐ๋ฅผ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

๋‰ด์Šค๋ ˆํ„ฐ ๋ฌธ์˜eduukulelekim@gmail.com

๋ฉ”์ผ๋ฆฌ ๋กœ๊ณ 

๋„์›€๋ง ์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ ์˜ค๋ฅ˜ ๋ฐ ๊ธฐ๋Šฅ ๊ด€๋ จ ์ œ๋ณด

์„œ๋น„์Šค ์ด์šฉ ๋ฌธ์˜admin@team.maily.so

๋ฉ”์ผ๋ฆฌ ์‚ฌ์—…์ž ์ •๋ณด

๋ฉ”์ผ๋ฆฌ (๋Œ€ํ‘œ์ž: ์ดํ•œ๊ฒฐ) | ์‚ฌ์—…์ž๋ฒˆํ˜ธ: 717-47-00705 | ์„œ์šธํŠน๋ณ„์‹œ ์„ฑ๋™๊ตฌ ์™•์‹ญ๋ฆฌ๋กœ10๊ธธ 6, 11์ธต 1109ํ˜ธ

์ด์šฉ์•ฝ๊ด€ | ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ | ์ •๊ธฐ๊ฒฐ์ œ ์ด์šฉ์•ฝ๊ด€ | ๋ผ์ด์„ ์Šค