UXUI ์ฃผ๊ฐ„ ์•„ํ‹ฐํด

๐Ÿ”–UXUI ํ•ด์™ธ ์ฃผ๊ฐ„ ์•„ํ‹ฐํด TOP3

[23๋…„ 5์›” 4์ฃผ] ๋ฒ„ํŠผ ๋””์ž์ธ ,๋Œ€์‹œ๋ณด๋“œ UI Kit, ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜ ๋กœ๊ณ 

2023.05.24 | ์กฐํšŒ 1.58K |
0
|

from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿ”– 2023๋…„ 5์›” 4์ฃผ TOP3

1๏ธโƒฃ ๋‚ด๊ฐ€ ๋ฒ„ํŠผ์„ ์ž˜๋ชปํ•˜๊ณ  ์žˆ์—ˆ์–ด! ๋‹น์‹ ์€?

2๏ธโƒฃ 16๋…„์˜ UX ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ๋งŒ๋“  ๋Œ€์‹œ๋ณด๋“œ UI Kit

3๏ธโƒฃ ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜์ด ๋œ 10๊ฐ€์ง€ ๋กœ๊ณ 


1๏ธโƒฃ ๋‚ด๊ฐ€ ๋ฒ„ํŠผ์„ ์ž˜๋ชปํ•˜๊ณ  ์žˆ์—ˆ์–ด! ๋‹น์‹ ์€?

์ผ๋ฐ˜์ ์ธ ์‚ฌ์šฉ์„ฑ ๋ฐ ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•œ ๋น ๋ฅด๊ณ  ์‹ค์šฉ์ ์ธ ๋ฒ„ํŠผ ์„ค๊ณ„ ํŒ.

์ €๋Š” ์ง€๊ธˆ๊นŒ์ง€ ๊ฑฐ์˜ 20๋…„ ๋™์•ˆ ๋””์ž์ด๋„ˆ๋กœ ์ผํ–ˆ๊ณ  ๋งŽ์€ ํ”„๋กœ์ ํŠธ์—์„œ ๋ฒ„ํŠผ์„ ์‚ฌ์šฉํ–ˆ์ง€๋งŒ ๋ฒ„ํŠผ ๋””์ž์ธ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์ƒ๊ฐํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ณธ ์ ์ด ์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ์—์•ผ ๋‚ด๊ฐ€ ๋ช‡ ๊ฐ€์ง€ ์ผ๋ฐ˜์ ์ธ ๋ฒ„ํŠผ ๋””์ž์ธ ์‹ค์ˆ˜๋ฅผ ์ €์งˆ๋ €๋‹ค๋Š” ์‚ฌ์‹ค์„ ๊นจ๋‹ฌ์•˜์Šต๋‹ˆ๋‹ค(๊ทธ๋ฆฌ๊ณ  ์ €๋งŒ ๊ทธ๋Ÿฐ ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค).

ํœด๋Œ€์ „ํ™”๋ฅผ ๊บผ๋‚ด์–ด ๋ช‡ ๊ฐœ์˜ ์•ฑ์„ ์—ด๊ณ  ๋ช‡ ๊ฐœ์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ํƒ์ƒ‰ํ•˜๋ฉด ๊ฝค ๋งŽ์€ ๋ฒ„ํŠผ์„ ๋ณด๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ ๋งŽ์€ ๋ฒ„ํŠผ์— ์‚ฌ์šฉ์„ฑ๊ณผ ์ ‘๊ทผ์„ฑ์— ์ž ์žฌ์ ์ธ ์œ„ํ—˜์„ ์ œ๊ธฐํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋Œ€๊ธฐ์—…์ด๋‚˜ ๊ฒฝํ—˜ ๋งŽ์€ ๋””์ž์ด๋„ˆ๋“ค์—๊ฒŒ๋„ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๋ฒ„ํŠผ๋“ค์ด ๋งŽ๊ธฐ ๋•Œ๋ฌธ์— ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ”ผํ•˜๊ณ  ๋” ์ข‹์€ ๋ฒ„ํŠผ์„ ๋””์ž์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋น ๋ฅด๊ณ  ์‹ค์šฉ์ ์ธ ๋ฒ„ํŠผ ๋””์ž์ธ ํŒ์„ ๋ชจ์•„๋ดค์Šต๋‹ˆ๋‹ค.

๋จผ์ € ๋ช‡ ๊ฐ€์ง€ ์ธ๊ธฐ ์žˆ๋Š” ๋ฒ„ํŠผ ๋””์ž์ธ์„ ์‚ดํŽด๋ณด๊ณ  ๊ฐ๊ด€์ ์ธ UI ๋””์ž์ธ ์›์น™์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ๊ฐ•์กฐํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฏธํ•™, ์ง๊ฐ, ์˜ˆ์˜๋‹ค ๋“ฑ์˜ ์ฃผ๊ด€์ ์ธ ์ƒ๊ฐ์€ ์ง€์–‘ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ ๋จผ์ € ๋””์ž์ธ ์ธก๋ฉด์—์„œ ํ•  ์ˆ˜ ์žˆ๋Š” ์ผ์ด ๋งŽ๊ธฐ ๋•Œ๋ฌธ์— ์—ฌ๊ธฐ์„œ๋Š” ์ฝ”๋“œ์— ๋Œ€ํ•ด ๋‹ค๋ฃจ์ง€ ์•Š๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ช‡ ๊ฐ€์ง€ ๋ฒ„ํŠผ ๋””์ž์ธ ํŒ๊ณผ ๋ชจ๋ฒ” ์‚ฌ๋ก€ ๋ฒ„ํŠผ ๋””์ž์ธ์— ๋Œ€ํ•œ ์ œ์•ˆ์œผ๋กœ ๋งˆ๋ฌด๋ฆฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

์ผ๋ฐ˜์ ์ธ ๋ฒ„ํŠผ ๋””์ž์ธ ์‹ค์ˆ˜

๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ์ ํŠธ์—์„œ ๋””์ž์ธ ์‹œ์Šคํ…œ์—๋Š” 3๊ฐ€์ง€ ๋ฒ„ํŠผ ์Šคํƒ€์ผ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.  1์ฐจ, 2์ฐจ ๋ฐ 3์ฐจ.  ๋‹ค์–‘ํ•œ ์ค‘์š”๋„์˜ ์ž‘์—…์„ ํ‘œ์‹œํ•˜๋ ค๋ฉด ๋ช…ํ™•ํ•œ ์‹œ๊ฐ์  ๊ณ„์ธต ๊ตฌ์กฐ๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.  ์ด ๊ธฐ์‚ฌ์—์„œ๋Š” ์ด๋Ÿฌํ•œ 3๊ฐ€์ง€ ๋ฒ„ํŠผ ์Šคํƒ€์ผ ๊ทธ๋ฃน์„ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค.

์•„๋ž˜์—์„œ ๋ช‡ ๊ฐ€์ง€ ์ธ๊ธฐ ์žˆ๋Š” ๋ฒ„ํŠผ ๋””์ž์ธ์˜ ๋ฌธ์ œ๋ฅผ ๊ฐ•์กฐํ–ˆ์Šต๋‹ˆ๋‹ค.  ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋Š” ์‚ฌ์šฉ์„ฑ์— ์ž ์žฌ์  ์œ„ํ—˜์ด ์žˆ์œผ๋ฏ€๋กœ ๊ฐ€๋Šฅํ•˜๋ฉด ํ”ผํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์•ˆ์ „ํ•ฉ๋‹ˆ๋‹ค.  ์šฐ๋ฆฌ๋Š” WCAG 2.0 ๋ ˆ๋ฒจ AA ์ ‘๊ทผ์„ฑ ์š”๊ตฌ ์‚ฌํ•ญ์„ ์ตœ์†Œํ•œ ์ถฉ์กฑํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ธ ํ‘œ์ค€์ด๊ณ  ์‹œ์ž‘ํ•˜๊ธฐ์— ์ข‹์€ ๊ณณ์ด๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

๋ฒ„ํŠผ ๊ทธ๋ฃน 1

๊ธฐ๋ณธ ๋‹จ์ถ”์˜ ๋Œ€๋น„ ์ฑ„์šฐ๊ธฐ๊ฐ€ ๋†’๊ณ , ๋ณด์กฐ ๋‹จ์ถ”์˜ ๋Œ€๋น„ ์ฑ„์šฐ๊ธฐ๊ฐ€ ๋‚ฎ์œผ๋ฉฐ, 3์ฐจ ๋‹จ์ถ”๊ฐ€ ๋ฐ‘์ค„ ํ…์ŠคํŠธ์ธ ๋‹จ์ถ” ์Šคํƒ€์ผ์ž…๋‹ˆ๋‹ค.

์‹œ๊ฐ ์žฅ์• ์ธ์ด ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์„ฑ ์š”์†Œ(์˜ˆ: ์–‘์‹ ํ•„๋“œ ํ…Œ๋‘๋ฆฌ, ๋ฒ„ํŠผ ๋ฐ ํƒญ) ๊ฐ„์˜ ์ฐจ์ด๋ฅผ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋ ค๋ฉด ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์„ฑ ์š”์†Œ์˜ ์ƒ‰์ƒ ๋Œ€๋น„ ๋น„์œจ์ด 3:1 ์ด์ƒ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.  ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๊ตฌ๋ณ„ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•˜์ง€ ์•Š์€ ์žฅ์‹ ์Šคํƒ€์ผ์€ ๋ช…์•”๋น„๊ฐ€ ๋‚ฎ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ์˜ˆ์—์„œ ๋ฐฐ๊ฒฝ์— ๋Œ€ํ•œ ๋ณด์กฐ ๋ฒ„ํŠผ ์ฑ„์šฐ๊ธฐ ๋ช…์•”๋น„๋Š” 3:1 ๋ฏธ๋งŒ์œผ๋กœ ์‹œ๊ฐ ์žฅ์• ์ธ์—๊ฒŒ ๋ฒ„ํŠผ ๋ชจ์–‘์„ ๋ช…ํ™•ํ•˜๊ฒŒ ๋‚˜ํƒ€๋‚ด๊ธฐ์—๋Š” ๋„ˆ๋ฌด ๋‚ฎ์Šต๋‹ˆ๋‹ค.  ์–ด๋–ค ์‚ฌ๋žŒ๋“ค์€ ๋ณด์กฐ ๋ฒ„ํŠผ ์ฑ„์šฐ๊ธฐ๊ฐ€ ์žฅ์‹์šฉ์ด๋ฉฐ ์ ‘๊ทผํ•˜๊ธฐ ์œ„ํ•ด 3:1์˜ ๋ช…์•”๋น„๋ฅผ ๊ฐ€์งˆ ํ•„์š”๊ฐ€ ์—†๋‹ค๊ณ  ์ฃผ์žฅํ•  ์ˆ˜๋„ ์žˆ์ง€๋งŒ ๋ณด์กฐ ๋ฒ„ํŠผ์„ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์š”์†Œ๋กœ ์‹๋ณ„ํ•˜๋ ค๋ฉด ์ฑ„์šฐ๊ธฐ๊ฐ€ ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ฑ„์šฐ๊ธฐ๊ฐ€ ์—†์œผ๋ฉด ์–ดํฌ๋˜์Šค ์—†์ด ์ƒ‰์ƒ๋งŒ ์žˆ๋Š” ํ‰๋ฒ”ํ•œ ํŒŒ๋ž€์ƒ‰ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค.  ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋ณด์กฐ ๋ฒ„ํŠผ์— ํ…Œ๋‘๋ฆฌ๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฒ„ํŠผ ๊ทธ๋ฃน 2

๊ธฐ๋ณธ ๋‹จ์ถ”์˜ ๋Œ€๋น„ ์ฑ„์šฐ๊ธฐ๊ฐ€ ๋†’๊ณ , ๋ณด์กฐ ๋‹จ์ถ”์˜ ์ฑ„์šฐ๊ธฐ๊ฐ€ ์—†๋Š” ํšŒ์ƒ‰ ์œค๊ณฝ์„ ์ด ์žˆ๊ณ , 3์ฐจ ๋‹จ์ถ”๊ฐ€ ๋ฐ‘์ค„ ํ…์ŠคํŠธ์ธ ๋‹จ์ถ” ์Šคํƒ€์ผ์ž…๋‹ˆ๋‹ค.

๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์€ ๋ฐ์€ ํšŒ์ƒ‰์œผ๋กœ ํ‘œ์‹œ๋˜๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ž…๋‹ˆ๋‹ค. ์ด ์˜ˆ์˜ ๋ณด์กฐ ๋ฒ„ํŠผ์€ ๋ฐ์€ ํšŒ์ƒ‰์œผ๋กœ ์ธํ•ด ๋น„ํ™œ์„ฑํ™”๋œ ์ƒํƒœ์ธ ๊ฒƒ์œผ๋กœ ์˜ค์ธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž ์žฌ์ ์ธ ํ˜ผ๋ž€์„ ์ค„์ด๊ธฐ ์œ„ํ•ด ๋ฐ์€ ํšŒ์ƒ‰ ๋ฒ„ํŠผ์„ ํ”ผํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์•ˆ์ „ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ๋น„ํ™œ์„ฑํ™”๋œ ๋ฒ„ํŠผ์„ ํ”ผํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด์— ๋Œ€ํ•ด์„œ๋Š” ๋‹ค๋ฅธ ๋‚  ๋…ผ์˜ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

๋ฒ„ํŠผ ๊ทธ๋ฃน 3

๊ธฐ๋ณธ ๋‹จ์ถ”๊ฐ€ ๋†’์€ ๋Œ€๋น„ ์ฑ„์šฐ๊ธฐ, ๋ณด์กฐ ๋‹จ์ถ”๊ฐ€ ๋‹ค๋ฅธ ์ƒ‰์˜ ๋†’์€ ๋Œ€๋น„ ์ฑ„์šฐ๊ธฐ, 3์ฐจ ๋‹จ์ถ”๊ฐ€ ๋ฐ‘์ค„ ํ…์ŠคํŠธ์ธ ๋‹จ์ถ” ์Šคํƒ€์ผ์ž…๋‹ˆ๋‹ค.

๋” ๋งŽ์€ ์ฒญ์ค‘์ด ์ž‘์€ ํ…์ŠคํŠธ(18px ์ดํ•˜)๋ฅผ ์ฝ์„ ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋ ค๋ฉด ์ƒ‰์ƒ ๋ช…์•”๋น„๊ฐ€ 4.5:1 ์ด์ƒ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ์˜ˆ์ œ์˜ ๋ฒ„ํŠผ ์Šคํƒ€์ผ์—๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋ณด์กฐ ๋ฒ„ํŠผ ํ…์ŠคํŠธ ๋Œ€๋น„ ๋น„์œจ์ด ๋„ˆ๋ฌด ๋‚ฎ์œผ๋ฉฐ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์œผ๋ ค๋ฉด 4.5:1 ์ด์ƒ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ธฐ๋ณธ ๋ฐ ๋ณด์กฐ ๋ฒ„ํŠผ์€ ์œ ์‚ฌํ•œ ์Šคํƒ€์ผ๊ณผ ๋Œ€๋น„ ๋ถ€์กฑ์œผ๋กœ ์ธํ•ด ์ถฉ๋Œํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์‹œ๊ฐ์  ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ๊นจ๊ณ  ์–ด๋–ค ์ž‘์—…์ด ๊ฐ€์žฅ ์ค‘์š”ํ•œ์ง€ ๋ช…ํ™•ํ•˜์ง€ ์•Š๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๋ฒ„ํŠผ์˜ ์Šคํƒ€์ผ์ด ๊ฐ™๊ธฐ ๋•Œ๋ฌธ์— ๋‘ ๋ฒ„ํŠผ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ๊ตฌ๋ถ„ํ•˜๋ ค๋ฉด ๋ช…์•”๋น„๊ฐ€ 3:1 ์ด์ƒ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

..๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


2๏ธโƒฃ 16๋…„์˜ UX ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ๋งŒ๋“  ๋Œ€์‹œ๋ณด๋“œ UI Kit

์Šค๋…ธ์šฐ ๋Œ€์‹œ๋ณด๋“œ UI Kit ์ž‘์—…์„ 2022๋…„ 8์›”์— ์‹œ์ž‘ํ•˜์—ฌ 11์›”์— ์™„๋ฃŒํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์ดํ›„๋กœ ์ €๋Š” ๊ทธ๊ฒƒ์„ ๋” ์ข‹๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์†Œ๊ฐœํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

์Šค๋…ธ์šฐ ๋Œ€์‹œ๋ณด๋“œ UI ํ‚คํŠธ๋ž€?

Figma์šฉ ๊ณ ๊ธ‰ ๋Œ€์‹œ๋ณด๋“œ/SaaS UI ํ‚คํŠธ ๋ฐ ๋””์ž์ธ ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค. ๋Œ€์‹œ๋ณด๋“œ, SaaS ๋ฐ ๊ธฐํƒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋ฉฐ ๋งค์šฐ ์šฐ์ˆ˜ํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

โžก๏ธ ์—ฌ๊ธฐ์—์„œ ์ž์„ธํžˆ ์•Œ์•„๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค (snow.byewind.com)

๋ฌด๋ฃŒ ๋ ˆ์ด์•„์›ƒ

๋ฌด๋ฃŒ ๋ ˆ์ด์•„์›ƒ ๋””์ž์ธ์„ ํ†ตํ•ด 1์—ด, 2์—ด ๋ฐ 3์—ด ํŽ˜์ด์ง€ ๊ตฌ์กฐ๋ฅผ ์ง€์›ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฝ˜ํ…์ธ  ๋ธ”๋ก์˜ ๋ ˆ์ด์•„์›ƒ๋„ ๋น„์ฆˆ๋‹ˆ์Šค ์š”๊ตฌ์— ๋”ฐ๋ผ ์ž์œ ๋กญ๊ฒŒ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฌด๋ฃŒ ์šด์˜

์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ธก๋ฉด์—์„œ ์šฐ๋ฆฌ๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ์ตœ๋Œ€ํ•œ์˜ ์ž์œ ๋ฅผ ์ œ๊ณตํ•˜๊ธฐ๋ฅผ ํฌ๋งํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์ž์œ ๋กญ๊ฒŒ ์ •๋ ฌํ•  ์ˆ˜ ์žˆ๊ณ  ์ฝ˜ํ…์ธ  ๋ธ”๋ก์˜ ํฌ๊ธฐ๋ฅผ ์ž์œ ๋กญ๊ฒŒ ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ”„๋ฆฌ์Šคํƒ€์ผ

๋ผ์ดํŠธ ๋ชจ๋“œ์™€ ๋‹คํฌ ๋ชจ๋“œ ๋ฐ ์ •์˜ ๊ฐ€๋Šฅํ•œ ๋ธŒ๋žœ๋“œ ์ƒ‰์ƒ์œผ๋กœ ์‚ฌ์šฉ์ž์˜ ๊ฐœ๋ณ„ ์š”๊ตฌ๋ฅผ ์ถฉ์กฑํ•˜๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ์ž์œ ๋กœ์šด ์Šคํƒ€์ผ์„ ์ฆ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋น ๋ฅด๊ฒŒ ์‹œ์ž‘ํ•˜๊ธฐ

๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋น ๋ฅด๊ฒŒ ์‚ฌ์šฉ๋ฒ•์„ ์ตํž ์ˆ˜ ์žˆ๋„๋ก ๋””์ž์ธ ์‚ฌ์–‘์„ ํ•™์Šตํ•˜๋Š” ๋น„์šฉ์„ ์ตœ๋Œ€ํ•œ ์ค„์ด๋ ค๊ณ  ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค.

์‹ ์†ํ•œ ๋ฐฐํฌ

์šฐ๋ฆฌ๋Š” ํ•ต์‹ฌ ๊ตฌ์„ฑ ์š”์†Œ์™€ ๋น„์ฆˆ๋‹ˆ์Šค ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋ถ„๋ฆฌํ•˜๊ณ  ๊ณ ๊ฐ์€ ์ž์‹ ์˜ ๋น„์ฆˆ๋‹ˆ์Šค ์š”๊ตฌ์— ๋”ฐ๋ผ ๊ฐ€์žฅ ์ž‘์€ ํ์‡„ ๋ฃจํ”„๋กœ ๊ฐœ๋ฐœํ•˜๊ณ  ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์• ์ž์ผ ๊ฐœ๋ฐœ

์Šคํƒ€์ผ๊ณผ ๊ตฌ์„ฑ ์š”์†Œ์˜ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๊ฐœ์„ ํ•˜๊ณ  ๊ฐ€๋Šฅํ•œ ํ•œ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์œ ์ง€ํ•˜์—ฌ ์ œํ’ˆ ๊ฐœ๋ฐœ ๋ฐ ์œ ์ง€ ๊ด€๋ฆฌ ๋น„์šฉ์„ ์ค„์ด๊ณ  ์ œํ’ˆ์„ ๋ฏผ์ฒฉํ•˜๊ฒŒ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.

์š”๊ตฌ ์‚ฌํ•ญ์— ๋”ฐ๋ผ ๋‹ค์–‘ํ•œ ๊ตฌ์„ฑ ์š”์†Œ ๊ฐœ๋ฐœ ๊ฐ€๋Šฅ

Snow UI์™€ ๋‹ค๋ฅธ ๋Œ€์‹œ๋ณด๋“œ UI ํ‚คํŠธ์˜ ์ฐจ์ด์ ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์ฃผ์š” ์ฐจ์ด์ ์€ ์šฐ๋ฆฌ์˜ ๋””์ž์ธ์ด ๊ฐœ๋ฐœ์ž์™€ ์‚ฌ์šฉ์ž๊ฐ€ Free Layout, Free Operation ๋ฐ Free Style์„ ํฌํ•จํ•˜์—ฌ ์ตœ๋Œ€ํ•œ์˜ ์ž์œ ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋Œ€์‹œ๋ณด๋“œ UI ํ‚คํŠธ๋Š” ์ด ์ค‘ ํ•˜๋‚˜ ๋˜๋Š” ๋‘ ๊ฐ€์ง€๋ฅผ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์šฐ๋ฆฌ๋งŒํผ ํฌ๊ด„์ ์ด์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ฐœ๋ฐœ์ž์™€ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ์ตœ๋Œ€ํ•œ์˜ ์ž์œ ๋กœ ์„ค๊ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค.

Snow UI๋Š” ๋””์ž์ธ ์ง€์›์„ ์ œ๊ณตํ•ฉ๋‹ˆ๊นŒ?

๋ฌด๋ฃŒ ๋””์ž์ธ ์ง€์›๊ณผ ํ”„๋ฆฌ๋ฏธ์—„ ๋””์ž์ธ ์ง€์›์„ ๋ชจ๋‘ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋‘ ๊ฐ€์ง€ ์„ค๊ณ„ ์ง€์›์€ ํ•ด๋‹น ์š”๊ตฌ ์‚ฌํ•ญ์— ํ•„์š”ํ•œ ์‹œ๊ฐ„์ด ๋‹ค๋ฅด์ง€๋งŒ ์„œ๋น„์Šค ํ’ˆ์งˆ์—๋Š” ์ฐจ์ด๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

Snow UI์— ์ƒˆ๋กœ์šด Figma ๊ธฐ๋Šฅ์ด ํฌํ•จ๋˜์–ด ์žˆ๋‚˜์š”?

์˜ˆ, Figma์˜ Auto Layout 4.0, ๊ตฌ์„ฑ ์š”์†Œ ์†์„ฑ, ๊ฐœ๋ณ„ ์ŠคํŠธ๋กœํฌ ๋ฐ ๊ธฐํƒ€ ๋งŽ์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์ด ์ด๋ฏธ ์ง€์›๋ฉ๋‹ˆ๋‹ค.

..   ๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


3๏ธโƒฃ ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜์ด ๋œ 10๊ฐ€์ง€ ๋กœ๊ณ 

๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜์ด ๋œ 10๊ฐ€์ง€ ๋กœ๊ณ 

10. ํฌ๋กฌ

10๋ฒˆ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ ํฌ๋กฌ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ํฌ๋กฌ์€ ๋งค์šฐ ์ž‘์ง€๋งŒ 2022๋…„์— ๋กœ๊ณ ๋ฅผ ์—…๋ฐ์ดํŠธํ–ˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ :

  • ๋”์šฑ ์ƒ๋™๊ฐ ๋„˜์นฉ๋‹ˆ๋‹ค.
  • 2014๋…„๋ณด๋‹ค ์„ ๋ช…ํ•ฉ๋‹ˆ๋‹ค.

๋‹จ์ :

  • ๋ณ„๋กœ ๋‹ฌ๋ผ์ง„ ๊ฒƒ์ด ์—†์Šต๋‹ˆ๋‹ค.
  • ๋ˆˆ์— ์ž˜ ๋„์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  • ์ƒˆ๋กœ์šด ๊ฒƒ์€ ์—†์Šต๋‹ˆ๋‹ค.

9. ๋„ทํ”Œ๋ฆญ์Šค

๋„ทํ”Œ๋ฆญ์Šค๋Š” ๋นจ๊ฐ„์ƒ‰ ๋ฐฐ๊ฒฝ์— ํฐ์ƒ‰ 3D ํ…์ŠคํŠธ ๋Œ€์‹  ๋‹จ์ˆœํ•˜๊ณ  ๋ฏธ๋‹ˆ๋ฉ€ํ•œ ๋นจ๊ฐ„์ƒ‰์œผ๋กœ ๋กœ๊ณ ๋ฅผ ๋ณ€๊ฒฝํ–ˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ :

  • ๋‹จ๋„์ง์ž…์ ์ž…๋‹ˆ๋‹ค.
  • ๋งˆ์ผ€ํŒ… ์ž๋ฃŒ๋กœ ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค.
  • ์ƒˆ๋กœ์šด ํ˜„๋Œ€ ์„ธ๊ณ„์— ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

๋‹จ์ :

  • ๋„ทํ”Œ๋ฆญ์Šค๋ฅผ ์†Œ์œ ํ•˜์ง€ ์•Š์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ๋Š” ๊ทธ๋‹ค์ง€ ๋ˆˆ์— ๋„์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  • ์œ ๋ช…ํ•œ ๋นจ๊ฐ•์„ ์œ ์ง€ํ•˜์ง€๋งŒ ํ–ฅ์ˆ˜๋ฅผ ์žƒ์Šต๋‹ˆ๋‹ค.

8. ๊ตฌ๊ธ€

๊ตฌ๊ธ€์€ ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜์„ ์ง€ํ–ฅํ•˜๊ณ  ์„ธ๋ฆฌํ”„ ๋Œ€์‹  ์‚ฐ์„ธ๋ฆฌํ”„๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ :

  • ๋” ์ฝ๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.
  • ์ƒ‰์ƒํ‘œ๋ฅผ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.
  • ์‹ ์„ ํ•˜๊ณ  ์ƒˆ๋กญ์Šต๋‹ˆ๋‹ค.
  • ํ™”๋ฉด์—์„œ ๋” ์ž˜ ๋ณด์ž…๋‹ˆ๋‹ค.

๋‹จ์ :

  • ๋กœ๊ณ  ์ž์ฒด๊ฐ€ ์™„๋ฒฝํ•˜๊ฒŒ ์ œ๋Œ€๋กœ ์ •๋ ฌ๋˜์ง€๋Š” ์•Š์•˜์ง€๋งŒ ๋…ผ์Ÿ์˜ ์—ฌ์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

7. ์›Œ๋„ˆ ๋ธŒ๋ผ๋”์Šค ์‚ฌ์ง„

์œ„๋„ˆ ๋ธŒ๋ผ๋”์Šค๋Š” ์ž˜ ์•Œ๋ ค์ง„ ๊ธˆ์ƒ‰๊ณผ ์ฒญ๋ก์ƒ‰ ๋ฐฐ์ƒ‰์„ ๋‚จ๊ธฐ๊ณ  ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜์œผ๋กœ ํฐ ๋ณ€ํ™”์™€ ๋„์•ฝ์„ ํ–ˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ :

  • ๋งˆ์ผ€ํŒ…์— ์šฉ์ดํ•ฉ๋‹ˆ๋‹ค.
  • ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค.
  • ๋‘ ๊ฐ€์ง€ ์ƒ‰์ƒ๋งŒ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋‹จ์ :

  • ์›๋ž˜ ์ •์ฒด์„ฑ์„ ์žƒ์—ˆ์Šต๋‹ˆ๋‹ค.
  • ๊ธ€๊ผด ์„ ํƒ์„ ์œ ์ง€ํ•˜์ง€๋งŒ ์„œ๋ช… ์ƒ‰์ƒ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.
  • ์ƒˆ๋กœ์šด ์„ธ๋Œ€๋Š” ๋ฐฐ๋„ˆ ์—†์ด WB๊ฐ€ ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋Š”์ง€ ๋ชจ๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

.. ๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.

๐ŸŽ„from.designer 

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UX ์ปค๋ฎค๋‹ˆํ‹ฐ! from.designer ๋Š” ๋‹ค์–‘ํ•œ ์‚ถ์˜ ๊ฒฝํ—˜ ๊ณต์œ ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ UXUI ์Šคํ„ฐ๋””, ํŠน๊ฐ•, ๋ถํด๋Ÿฝ ๋“ฑ ๋‹ค์–‘ํ•œ ํ”„๋กœ๊ทธ๋žจ์„ ์šด์˜ํ•˜๋Š” ๋””์ž์ด๋„ˆ ์ค‘์‹ฌ์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ, ๋””์ž์ด๋„ˆ์— ๊ด€์‹ฌ์žˆ๋Š” ๋ˆ„๊ตฌ๋‚˜ ์ฐธ์—ฌ ๊ฐ€๋Šฅํ•œ ์˜คํ”ˆ ํ”Œ๋žซํผ ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค.


๐Ÿ—“๏ธ
ํ–‰์‚ฌ ์ผ์ • & UXUI ์ž๋ฃŒ 

๋””์ž์ด๋„ˆ ๊ณต์œ , UXUI ์Šคํ„ฐ๋”” ์ฐธ๊ด€, UX ๋ฐœํ‘œ์ž๋ฃŒ ๊ณต์œ ๋“ฑ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ๋…ธ์…˜์—์„œ ํ™•์ธํ•˜์„ธ์š”.

๐Ÿ’ญ ๋‹จํ†ก๋ฐฉ ๊ฐ€์ž…๋ฌธ์˜  (2,070๋ช…)

๐ŸŽฅ ์œ ํŠœ๋ธŒ UXUI ์ž๋ฃŒ ์˜์ƒ  

๐Ÿ”– ์ด๋ฉ”์ผ 

๐Ÿ“ SNS   @from.designer ํŽ˜์ด์Šค๋ถ , ์ธ์Šคํƒ€๊ทธ๋žจ
 




 

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

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

โœ‰๏ธ

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

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

๋Œ“๊ธ€

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

ํ™•์ธ
์˜๊ฒฌ์ด ์žˆ์œผ์‹ ๊ฐ€์š”? ์ œ์ผ ๋จผ์ € ๋Œ“๊ธ€์„ ๋‹ฌ์•„๋ณด์„ธ์š” !
ยฉ 2024 from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

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

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

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

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

๋ฉ”์ผ๋ฆฌ (๋Œ€ํ‘œ์ž: ์ดํ•œ๊ฒฐ) | ์‚ฌ์—…์ž๋ฒˆํ˜ธ: 717-47-00705 | ์„œ์šธ ์„œ์ดˆ๊ตฌ ๊ฐ•๋‚จ๋Œ€๋กœ53๊ธธ 8, 8์ธต 11-7ํ˜ธ

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