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

23โ€™ 11์›” 1์ฃผ ๐Ÿ”– UXUI ํ•ด์™ธ ์ฃผ๊ฐ„ ์•„ํ‹ฐํด TOP3

1๏ธโƒฃ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” : ๋””์ž์ธ์˜ ๊ฐ€์น˜ 2๏ธโƒฃ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ 15๊ฐ€์ง€ 3๏ธโƒฃ 2023 ๋ชจ๋ฐ”์ผ-ํผ์ŠคํŠธ ๋””์ž์ธ ๊ฐ€์ด๋“œ

2023.11.03 | ์กฐํšŒ 1.13K |
0
|
from.designer์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

from.designer

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

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

๐Ÿ”– 2023๋…„ 11์›” 1์ฃผ TOP3

1๏ธโƒฃ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”: ๋””์ž์ธ์˜ ๊ฐ€์น˜

2๏ธโƒฃ ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ 10๋ฐฐ๋กœ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š” ๊ผญ ํ•„์š”ํ•œ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ 15๊ฐ€์ง€

3๏ธโƒฃ 2023 ๋ชจ๋ฐ”์ผ-ํผ์ŠคํŠธ ๋””์ž์ธ ๊ฐ€์ด๋“œ


1๏ธโƒฃ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”: ๋””์ž์ธ์˜ ๊ฐ€์น˜

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

700๊ฐœ ์ด์ƒ์˜ ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ๋””์ž์ธํ•˜๊ณ  ๊ฒ€ํ† ํ•œ ๊ฒฝํ—˜์—์„œ ์–ป์€ ๊ตํ›ˆ

์ œํ’ˆ ๋””์ž์ด๋„ˆ๋กœ์„œ ํŒ€์— ํ•ฉ๋ฅ˜ํ•˜๊ธฐ ์ „์— ์€ํ–‰์—์„œ ์•„๋ฆ„๋‹ต๊ณ  ์–ด๋‘์šด ํ…Œ๋งˆ์˜ ๋Œ€์‹œ๋ณด๋“œ๊ฐ€ ์ฐจํŠธ๋กœ ๊ฐ€๋“ํ•œ ๋ฉ‹์ง„ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์ฐพ์•„๋‚ด๋Š” ์ „๋ฌธ๊ฐ€๋“ค์ด ๋งŽ์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ์‹ฌ์ง€์–ด ๋””์ž์ด๋„ˆ๋กœ์„œ ์–ด๋–ค ๊ธฐ์—ฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ์„๊นŒ ๊ณ ๋ฏผํ•˜๊ธฐ๋„ ํ–ˆ์Šต๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์‚ฌ์‹ค ๋Œ€์‹œ๋ณด๋“œ๋„ ๋””์ž์ธ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

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

1. ์ง‘์ค‘

"์šฐ๋ฆฌ๊ฐ€ ๋ชจ๋“  ๋ฐ์ดํ„ฐ๋ฅผ (๋ชจ๋“  30๊ฐœ์˜ ์—ด ๐Ÿ˜‰) ํ•˜๋‚˜์˜ ํ…Œ์ด๋ธ”์— ๋„ฃ์„ ์ˆ˜ ์žˆ๋Š”๋ฐ ์™œ 3๊ฐœ์˜ ๋ฐ์ดํ„ฐ๋งŒ ํ‘œ์‹œํ•˜๋‚˜์š”?"

์ด๊ฒƒ์€ ํ”ํ•œ ํŒจํ„ด์ž…๋‹ˆ๋‹ค: ๋ชจ๋“  ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์—ฌ์ฃผ์„ธ์š”. ์™œ ์ด๊ฒŒ ํ•ญ์ƒ ์ฒซ ๋ฒˆ์งธ ๋ณธ๋Šฅ์ผ๊นŒ์š”?

๋Œ€์‹œ๋ณด๋“œ๋Š” ๋„ˆ๋ฌด ๋งŽ์€ ํ…Œ์ด๋ธ”์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํŒ€์ด ๋งŽ์€ ์—ด๊ณผ ํ–‰์„ ๊ฐ€์ง„ ํ…Œ์ด๋ธ”์„ ํ‘œ์‹œํ•˜๋ ค๊ณ  ํ•  ๋•Œ ์ข…์ข… "์‚ฌ์šฉ์ž์—๊ฒŒ ์ฒ ์ €ํ•œ ์ „๋ง์„ ์ œ๊ณตํ•˜๊ณ  ์‹ถ๋‹ค... ์‚ฌ์šฉ์ž๊ฐ€ ์ด ๋ฐ์ดํ„ฐ๋ฅผ ๋ชจ๋‘ ํ•„์š”๋กœ ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค... ์‚ฌ์šฉ์ž๊ฐ€ ๊ด€์‹ฌ์„ ๊ฐ€์ง„ ์—ด์„ ์ฝ์„ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค"๋ผ๋Š” ์ฃผ์žฅ์„ ํ•ฉ๋‹ˆ๋‹ค.

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

์ด์— ๋Œ€ํ•œ ๋Œ€์ฒ˜ ๋ฐฉ๋ฒ•: ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”์—์„œ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์ฐพ๋Š” ๊ฒƒ์ด ํ…Œ์ด๋ธ”์„ ์Šค์บ”ํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋น ๋ฅด๋‹ค๋Š” ๊ฒƒ์„ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. ๋” ๋‚˜์•„๊ฐ€์„œ ํ…Œ์ด๋ธ”๊ณผ ๋™์ผํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ํฌํ•จํ•˜๋Š” ๊ฐ„๋‹จํ•œ ๋ง‰๋Œ€ ์ฐจํŠธ์™€ ํ…Œ์ด๋ธ”์˜ ์˜ˆ์ œ๋ฅผ ์ค€๋น„ํ•˜๊ณ  ์–ผ๋งˆ๋‚˜ ๋นจ๋ฆฌ ๊ฒฐ๋ก ์„ ๋„์ถœํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ๋น„๊ตํ•ด๋ณด์„ธ์š”.

๊ทธ๋ž˜์„œ ์šฐ๋ฆฌ๋Š” ํ•ญ์ƒ ํ…Œ์ด๋ธ”์„ ๋ฉ‹์ง„ ์‹œ๊ฐํ™”๋กœ ๋Œ€์ฒดํ•ด์•ผ ํ• ๊นŒ์š”? ๊ทธ๋ ‡์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

2. ์ ์ ˆํ•œ ์‹œ๊ฐํ™”

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

โ€” ์—ฌ๊ธฐ์„œ์˜ ์œ„ํ—˜์€ ์‚ฌ์šฉ์ž๊ฐ€ ์ž˜๋ชป๋œ ๊ฒฐ์ •์„ ๋‚ด๋ฆด ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

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

์šฐ๋ฆฌ๊ฐ€ ๊ด€์ฐฐํ•œ ๊ณตํ†ต ์˜ค๋ฅ˜ ์ค‘ ํ•˜๋‚˜๋Š” ํŒ€์ด ์›์‹œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์™€์„œ ์ฐจํŠธ/ํ…Œ์ด๋ธ”์„ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ์‚ฌ์šฉ์ž๊ฐ€ 2๊ฐœ์˜ ๊ธฐ๊ฐ„ ๊ฐ„์˜ ์ฐจ์ด๋ฅผ ์Šค์Šค๋กœ ๊ณ„์‚ฐํ•˜๊ฑฐ๋‚˜ ํ…Œ์ด๋ธ”์—์„œ ์ถ”์„ธ๋ฅผ ์ดํ•ดํ•˜๊ฑฐ๋‚˜ ํ‰๊ท ๊ณผ ํ‰๊ท ์„ ์Šค์Šค๋กœ ๊ณ„์‚ฐํ•  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋ถ„์„์„ ๋‹จ์ˆœํ™”ํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ํ•œ๋ˆˆ์— ์ฐจํŠธ๋ฅผ ์ฝ๊ณ  ์ƒํ™ฉ์ด ์ข‹์€์ง€ ๋‚˜์œ์ง€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ข…์ข… ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํŠธ๋ Œ๋“œ์™€ ๋น„์œจ์„ ์ œ๊ณตํ•˜์—ฌ ๋งฅ๋ฝ์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ๋„ ์ข‹์€ ์ƒ๊ฐ์ž…๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ๋กœ ์ด์•ผ๊ธฐ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ๋”์šฑ ์ข‹์Šต๋‹ˆ๋‹ค!

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

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


2๏ธโƒฃ ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ 10๋ฐฐ๋กœ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š” ๊ผญ ํ•„์š”ํ•œ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ 15๊ฐ€์ง€

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

์—…๋ฌด ํ”„๋กœ์ ํŠธ์—์„œ ์‚ฌ์šฉํ•˜๋Š” Figma ํ”Œ๋Ÿฌ๊ทธ์ธ 15๊ฐœ๋ฅผ ๋ชจ์•˜์Šต๋‹ˆ๋‹ค.

Unsplash

Unsplash๋Š” ๊ฐœ์ธ ๋˜๋Š” ์ƒ์—…์šฉ ํ”„๋กœ์ ํŠธ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋งŽ์€ ๋ฌด๋ฃŒ ์ด๋ฏธ์ง€๊ฐ€ ์žˆ๋Š” ์ธ๊ธฐ ์žˆ๋Š” ์˜จ๋ผ์ธ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. Figma์šฉ Unsplash ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๋ฉด ํ‚ค์›Œ๋“œ๋กœ ์ด๋ฏธ์ง€๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ฒ€์ƒ‰ํ•˜๊ณ  ํ”„๋กœ์ ํŠธ์— ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Icons 8 BG remove

์ด๊ฒƒ์€ ์ด๋ฏธ์ง€์˜ ๋ฐฐ๊ฒฝ์„ ์ œ๊ฑฐํ•˜๊ธฐ ์œ„ํ•œ ๋ฌด๋ฃŒ ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์ด์ œ Figma๋ฅผ ์ข…๋ฃŒํ•˜์ง€ ์•Š๊ณ ๋„ ์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์ง„์„ ์„ ํƒํ•˜๊ณ  ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ํด๋ฆญํ•˜๋ฉด ๊ฒฐ๊ณผ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Redlines

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

๋“ฑ์น˜์„  ๋””์ž์ธ

๋“ฑ์น˜์„  ๋””์ž์ธ์€ ๋‚ด๊ฐ€ ๊ฐ€์žฅ ์ข‹์•„ํ•˜๋Š” ๋””์ž์ธ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. 2D ๋””์ž์ธ์„ ๋“ฑ์น˜์„  ๋””์ž์ธ์œผ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ€ํŒ… ์ž๋ฃŒ์™€ ๊ธฐ์–ต์— ๋‚จ๋Š” ํ”„๋ ˆ์  ํ…Œ์ด์…˜์„ ๋งŒ๋“œ๋Š” ๋ฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

Design Lint

Design Lint๋Š” ๋ฌด๋ฃŒ ์˜คํ”ˆ ์†Œ์Šค ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ํ”„๋กœ์ ํŠธ์—์„œ ์˜ค๋ฅ˜๋ฅผ ์‹ ์†ํ•˜๊ฒŒ ์ฐพ๊ณ  ์ˆ˜์ •ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ด ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ, ์ฑ„์šฐ๊ธฐ, ์œค๊ณฝ์„  ๋ฐ ํšจ๊ณผ ์Šคํƒ€์ผ์˜ ์กด์žฌ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ์ž˜๋ชป๋œ ํ…Œ๋‘๋ฆฌ ๋ฐ˜์ง€๋ฆ„ ๊ฐ’์„ ํ‘œ์‹œํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

Content Reel

์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๋ฉด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—์„œ ํ…์ŠคํŠธ์™€ ์ด๋ฏธ์ง€๋กœ ํ•„๋“œ๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฑ„์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฆ„, ์ด๋ฉ”์ผ ์ฃผ์†Œ, ํ†ตํ™” ๋“ฑ ๋‹ค์–‘ํ•œ ์‚ฌ์ง„ ๋ฐ ํ…์ŠคํŠธ ์ปจํ…์ธ ๋ฅผ ์ˆ˜์ง‘ํ•ฉ๋‹ˆ๋‹ค.

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


3๏ธโƒฃ 2023 ๋ชจ๋ฐ”์ผ-ํผ์ŠคํŠธ ๋””์ž์ธ ๊ฐ€์ด๋“œ

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

๋ชจ๋ฐ”์ผ-ํผ์ŠคํŠธ๋Š” ์ œํ’ˆ ๋””์ž์ธ ๊ณผ์ •์„ ๋ชจ๋ฐ”์ผ ๋‹จ๋ง๊ธฐ์—์„œ ์‹œ์ž‘ํ•˜๋Š” ๋””์ž์ธ ์ ‘๊ทผ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ์›น ์‚ฌ์ดํŠธ๋‚˜ ์•ฑ์˜ ๋ชจ๋ฐ”์ผ ๋ฒ„์ „์„ ๋จผ์ € ๋””์ž์ธํ•˜๊ณ , ์ดํ›„์— ํƒœ๋ธ”๋ฆฟ ๋˜๋Š” ๋ฐ์Šคํฌํ†ฑ ๋ฒ„์ „์„ ๋ชจ๋ฐ”์ผ ๋ฒ„์ „์—์„œ ์ ์‘์‹œํ‚ต๋‹ˆ๋‹ค. ๋‹ค์‹œ ๋งํ•ด, ์šฐ๋ฆฌ๋Š” ์Šค๋งˆํŠธํฐ ํ™”๋ฉด ํฌ๊ธฐ (4.7 ~ 6.5 ์ธ์น˜)์— ๋Œ€ํ•œ ๋””์ž์ธ์„ ๋จผ์ € ์‹œ์ž‘ํ•˜๊ณ  ๋‚˜์„œ ํฐ ๋ชจ๋‹ˆํ„ฐ์™€ ํ™”๋ฉด์œผ๋กœ ๋„˜์–ด๊ฐ‘๋‹ˆ๋‹ค.

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

2012๋…„์—๋Š” ๋ชจ๋“  ์ „ ์„ธ๊ณ„ ์›น ํŠธ๋ž˜ํ”ฝ์˜ 10.88%๊ฐ€ ๋ชจ๋ฐ”์ผ ํฐ์„ ํ†ตํ•ด ์ด์šฉ๋˜์—ˆ์œผ๋ฉฐ, 2023๋…„์—๋Š” ์ด ์ˆซ์ž๊ฐ€ ๋†€๋ž๊ฒŒ๋„ 56.86%๋กœ ์ฆ๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค! Google์—์„œ ์ง€๋‚œ 4๋…„๊ฐ„ ๋ชจ๋ฐ”์ผ ๊ฒ€์ƒ‰์ด ๋ชจ๋“  ๊ฒ€์ƒ‰์˜ 50% ์ด์ƒ์„ ์ฐจ์ง€ํ•œ ์‚ฌ์‹ค์„ ๊ฐ์•ˆํ•˜๋ฉด, ์ธํ„ฐ๋„ท ์‚ฌ์šฉ์ž๋“ค์€ ๋ช…๋ฐฑํ•˜๊ฒŒ ๋ชจ๋ฐ”์ผ ์šฐ์„  ์ ‘๊ทผ ๋ฐฉ์‹์„ ์ฑ„ํƒํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ์ถ”์„ธ๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ ค๋ฉด ์›น ๋””์ž์ด๋„ˆ์™€ UI/UX ๋””์ž์ธ ์ปจ์„คํŒ… ์ „๋ฌธ๊ฐ€๋“ค๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋ชจ๋ฐ”์ผ-ํผ์ŠคํŠธ๋กœ ๋‚˜์•„๊ฐ€์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ๋ชจ๋ฐ”์ผ ์šฐ์„  ๋””์ž์ธ์— ๋Œ€ํ•œ ๊นŠ์€ ์ดํ•ด๋ฅผ ๊ณต์œ ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ๋””์ž์ธ ์ ‘๊ทผ ๋ฐฉ์‹์˜ ๊ธฐ๋ณธ ์‚ฌํ•ญ์„ ๊ฒ€ํ† ํ•˜๊ณ  ํ˜„์žฌ ๋งฅ๋ฝ์—์„œ ๊ทธ ์ค‘์š”์„ฑ์„ ๋ถ„์„ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ชจ๋ฐ”์ผ-ํผ์ŠคํŠธ ๋””์ž์ธ ๊ฐœ๋…

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

๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ

๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ (RWD)์€ ๋ชจ๋“  ์žฅ์น˜์—์„œ ์ž๋™์œผ๋กœ ๋‹ค์–‘ํ•œ ํ™”๋ฉด ํฌ๊ธฐ์— ์ ์‘ํ•  ์ˆ˜ ์žˆ๋Š” ์œ ์—ฐํ•œ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ์›น ๋””์ž์ธ ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค.

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

๋ฐ˜์‘ํ˜• ์›น์‚ฌ์ดํŠธ๋‚˜ ์›น ์•ฑ์— ์•ก์„ธ์Šคํ•˜๋Š” ๋ฐ ์‚ฌ์šฉํ•˜๋Š” ์žฅ์น˜์— ๊ด€๊ณ„ ์—†์ด ํ•ญ์ƒ ๋ชจ๋“  ์žฅ์น˜์—์„œ ์ข‹์•„ ๋ณด์ด๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์šธ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ ์‘ํ˜• ์›น ๋””์ž์ธ

RWD๋Š” ์ ์‘ํ˜• ์›น ๋””์ž์ธ (AWD)์˜ ํ˜„๋Œ€ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค. AWD๋Š” ๋‹ค๋ฅธ ๋””๋ฐ”์ด์Šค์— ๋Œ€ํ•ด ๋ณ„๋„์˜ ์œ ์—ฐํ•˜์ง€ ์•Š์€ ๋ ˆ์ด์•„์›ƒ์„ ์‚ฌ์šฉํ•˜๋Š” ์ด์ „ ๋””์ž์ธ ์ ‘๊ทผ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. "์œ ์—ฐํ•˜์ง€ ์•Š๋‹ค"๋Š” ๊ฒƒ์€ ๋””์ž์ธ ๋ ˆ์ด์•„์›ƒ, ๊ทธ๋ฆฌ๋“œ ๋ฐ ์š”์†Œ๊ฐ€ ์ž๋™์œผ๋กœ ๋‹ค๋ฅธ ๋””๋ฐ”์ด์Šค์— ๋งž๊ฒŒ ์กฐ์ •๋˜์ง€ ์•Š๋Š”๋‹ค๋Š” ์˜๋ฏธ์ž…๋‹ˆ๋‹ค.

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

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

๐ŸŽ„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ํ˜ธ

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