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

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

2022๋…„ 8์›” 2์ฃผ!

2022.08.14 | ์กฐํšŒ 1.45K |
0
|

from.designer

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

๐Ÿ”– 2022๋…„ 8์›” 2์ฃผ TOP3

1๏ธโƒฃ ๊ทธ๋ฆฌ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋งŒ๋“  ๋ฐ˜์‘ํ˜• ๋””์ž์ธ

2๏ธโƒฃ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋””์ž์ธ์„ ๋„˜๊ธฐ๋Š” ๋ฐฉ๋ฒ•

3๏ธโƒฃ 0์—์„œ 1๋กœ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•: ์ƒ‰์ƒ ์‹œ์Šคํ…œ


1๏ธโƒฃ ๊ทธ๋ฆฌ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋งŒ๋“  ๋ฐ˜์‘ํ˜• ๋””์ž์ธ

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

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

๊ทธ๋ฆฌ๋“œ๋ž€?

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

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

๊ทธ๋ฆฌ๋“œ๋Š” ์˜ค๋ž˜๋œ ๊ฐœ๋…์ž…๋‹ˆ๋‹ค.

์ฝ˜ํ…์ธ ๋กœ ์ฑ„์›Œ์•ผ ํ•˜๋Š” ์•ฑ, ์›น ์‚ฌ์ดํŠธ ๋ฐ ์†Œํ”„ํŠธ์›จ์–ด์™€ ํ•จ๊ป˜ ๊ธฐ์ˆ ์ ์ธ ๋งฅ๋ฝ์—์„œ ๊ทธ๋ฆฌ๋“œ๊ฐ€ ์–ผ๋งˆ๋‚˜ ๊ฐ€์น˜ ์žˆ๋Š”์ง€ ์ƒ์ƒํ•˜๋Š” ๊ฒƒ์€ ๋งค์šฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด ๋„๊ตฌ๋Š” ์˜ค๋žซ๋™์•ˆ ์‚ฌ์šฉ๋˜์–ด ์™”์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๋“œ๋Š” ์ฑ…์˜ ์š”์†Œ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜์—ˆ์œผ๋ฉฐ ์˜ˆ์ˆ ๊ฐ€๊ฐ€ ์™„๋ฒฝํ•œ ๊ธฐํ•˜ํ•™์„ ์ฐพ๋Š” ๋ฅด๋„ค์ƒ์Šค ๋ฏธ์ˆ ์—์„œ๋„ ์‚ฌ์šฉ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. 13์„ธ๊ธฐ์— ํ”„๋ž‘์Šค ๊ฑด์ถ•๊ฐ€๋Š” ์˜ค๋Š˜๋‚ ์—๋„ ์—ฌ์ „ํžˆ ์‚ฌ์šฉ๋˜๋Š” ๊ธฐ์ˆ ์ธ the Villard de Honnecourt ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค. ์ œ์ž‘์ž์˜ ์ด๋ฆ„์„ ๋”ด ์ด ๊ธฐ์ˆ ์€ ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ๊ณผ ํ™ฉ๊ธˆ ๋น„์œจ ๊ฐœ๋…์„ ํ˜ผํ•ฉํ•˜์—ฌ ๊ณ ์ • ๋น„์œจ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์—ฌ๋ฐฑ์ด ์žˆ๋Š” ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

์ „๋ฌธ ์šฉ์–ด

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

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

 


 

2๏ธโƒฃ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋””์ž์ธ์„ ๋„˜๊ธฐ๋Š” ๋ฐฉ๋ฒ•

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

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

์ค‘์š”์„ฑ ์ดํ•ด

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

๋ฐœํ‘œํ•˜๊ณ  ๋Œ€ํ™”ํ•˜๊ธฐ

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

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

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

..

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

 


 

3๏ธโƒฃ 0์—์„œ 1๋กœ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•: ์ƒ‰์ƒ ์‹œ์Šคํ…œ

๋ฏธ์…˜

์ƒ‰์ƒ ์—ญํ• , ์ƒ‰์ƒ ๊ด€๊ณ„, ์ ‘๊ทผ์„ฑ ํ‰๊ฐ€ ๋ฐ ํ† ํฐ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์„ค๋ช…ํ•˜๋Š” ์ƒ‰์ƒ ์‹œ์Šคํ…œ์„ ๋น ๋ฅด๊ฒŒ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.

๋ฆฌ์„œ์น˜์—์„œ ์‹œ์ž‘

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

๋ฐ˜๋ฉด Zendesk๋Š” 1์ฐจ, 2์ฐจ, 3์ฐจ ๋…ผ๋ฆฌ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ƒ‰์ƒ์„ ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค. Zendesk๊ฐ€ ์ƒ‰์กฐ ์ƒ‰์ƒ๊ณผ ๊ฐ™์€ ๋” ๋งŽ์€ ์ƒ‰์ƒ ์„ธ๋ถ€ ์ •๋ณด๋ฅผ ํ‘œ์‹œํ–ˆ์ง€๋งŒ ์ฒญ์ค‘์€ ์ƒ‰์ƒ์ด ์‹ค์ œ๋กœ ๋ฌด์—‡์„ ํ•˜๋Š”์ง€ ๋˜๋Š” ์ƒ‰์ƒ์ด ์˜๋ฏธํ•˜๋Š” ๋ฐ”๋ฅผ ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์šธ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

๊ตฌ์กฐ๋ฅผ ๋ณด๋ฉด Accent Key Colors, Neutral Colors, Additional Colors๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ์ƒ‰์ƒ ๊ทธ๋ฃน์—๋Š” 1์ฐจ, 2์ฐจ ๋ฐ 3์ฐจ์˜ 3๊ฐ€์ง€ ์—ญํ• ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ค‘์š”ํ•˜๊ฒŒ๋„ Material Design 3๋Š” ์ƒ‰์ƒ, ์˜จ์ปฌ๋Ÿฌ, ์ƒ‰์ƒ ์ปจํ…Œ์ด๋„ˆ ๋ฐ ์˜จ์ปฌ๋Ÿฌ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ํ‘œ์‹œํ•˜๋Š” 4์—ด ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ‰์ƒ ๊ฐ„์˜ ๊ด€๊ณ„๋ฅผ ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค.

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

..

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

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

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