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

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

23๋…„ 6์›” 2์ฃผ | ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ, ChatGPT ์น˜ํŠธ์‹œํŠธ, Figma ํ”Œ๋Ÿฌ๊ทธ์ธ

2023.06.20 | ์กฐํšŒ 1.09K |
0
|

from.designer

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

๐Ÿ”– 2023๋…„ 6์›” 2์ฃผ TOP3

1๏ธโƒฃ UI/UX ๋””์ž์ธ: ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ

2๏ธโƒฃ UX UI ๋””์ž์ด๋„ˆ๋ฅผ ์œ„ํ•œ Ultimate ChatGPT ์น˜ํŠธ ์‹œํŠธ: No Bullshit

3๏ธโƒฃ ๋ชจ๋“  UI/UX ๋””์ž์ด๋„ˆ๋ฅผ ์œ„ํ•œ ์ตœ๊ณ ์˜ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ


1๏ธโƒฃ UI/UX ๋””์ž์ธ: ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ

์†Œ๊ฐœ

์ข‹์€ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ์„ ๋‹ฌ์„ฑํ•˜๋Š” ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์€ ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ์„ ์ ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๋“œ๋Š” ๋””์ž์ธ์˜ ๋ผˆ๋Œ€์ด๋ฉฐ ์ด๋ฅผ ํ†ตํ•ด ์•ˆ๋‚ด์— ๋”ฐ๋ผ ๋””์ž์ธ ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ๊ณ  ์‚ฌ์šฉ์ž์—๊ฒŒ ๋” ๋‚˜์€ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๋“œ์˜ ์—ญ์‚ฌ

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

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

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

๊ทธ๋ฆฌ๋“œ๋Š” ์—ด, ๊ฑฐํ„ฐ ๋ฐ ์—ฌ๋ฐฑ์˜ ์—ฌ๋Ÿฌ ๋ถ€๋ถ„์œผ๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค. ์ด๋“ค์€ ํ•จ๊ป˜ ํ™”๋ฉด์˜ ๊ฐ€๋กœ ๋„ˆ๋น„๋ฅผ ํ˜•์„ฑํ•ฉ๋‹ˆ๋‹ค.

Column style=โ€font-size: 16px;โ€>๋Š” ์ฝ˜ํ…์ธ  ์˜์—ญ์— ๊ฑธ์ณ ์žˆ๋Š” ์„ธ๋กœ ์„น์…˜์ž…๋‹ˆ๋‹ค. ์›น ๋””์ž์ธ์— ์—ด์ด ๋งŽ์„์ˆ˜๋ก ๊ทธ๋ฆฌ๋“œ๊ฐ€ ๋” ์œ ์—ฐํ•ด์ง‘๋‹ˆ๋‹ค. ์—ด์˜ ๋„ˆ๋น„๋Š” ์„ค๊ณ„์ž๊ฐ€ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค. ์ „ํ†ต์ ์ธ ๊ด€ํ–‰์€ PC ์ธก ์›น ํŽ˜์ด์ง€์—์„œ 12๊ฐœ, ํŒจ๋“œ์—์„œ 8๊ฐœ, ๋ชจ๋ฐ”์ผ ์žฅ์น˜์—์„œ 4๊ฐœ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์—ด ๋„ˆ๋น„๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ 60~80px๋กœ ์ •์˜๋ฉ๋‹ˆ๋‹ค. ์—ด ๋„ˆ๋น„๋Š” ์‹ค์ œ ์ฝ˜ํ…์ธ  ๋„ˆ๋น„์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ํ•ต์‹ฌ ์š”์†Œ์ž…๋‹ˆ๋‹ค.

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


2๏ธโƒฃ UX UI ๋””์ž์ด๋„ˆ๋ฅผ ์œ„ํ•œ Ultimate ChatGPT ์น˜ํŠธ ์‹œํŠธ: No Bullshit

AI๋Š” ๋””์ž์ด๋„ˆ๋ฅผ ๋Œ€์ฒดํ•˜์ง€ ์•Š์ง€๋งŒ AI๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋””์ž์ด๋„ˆ๋Š” ๊ทธ๋ ‡์ง€ ์•Š์€ ๋””์ž์ด๋„ˆ๋ฅผ ๋Œ€์ฒดํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

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

์ด ๋ธ”๋กœ๊ทธ๋Š” gethired.design์—์„œ ๋ถˆํ™ฉ์— ๋Œ€ํ•œ ์ฆ๊ฑฐ๊ฐ€ ๋  ์ˆ˜ ์žˆ๋Š” ์Šˆํผ ํŒŒ์›Œ ๋””์ž์ด๋„ˆ๋ฅผ ๊ตฌ์ถ•ํ•˜๋ ค๋Š” ๊ฐœ์ธ์ ์ธ ์ž„๋ฌด์— ๋Œ€ํ•œ ์‹œ๋„์ž…๋‹ˆ๋‹ค. ํŒ€์—์„œ ์—†์–ด์„œ๋Š” ์•ˆ ๋  ์กด์žฌ๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด ChatGPT๋ฅผ ์ˆ˜์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐํ•ด ๋ด…์‹œ๋‹ค.

1. ChatGPT๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ UI ๋””์ž์ธ์„ ์œ„ํ•œ ์ฒดํฌ๋ฆฌ์ŠคํŠธ ์ƒ์„ฑ

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

2. UX ๋””์ž์ธ์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ํ๋ฆ„ ๋งŒ๋“ค๊ธฐ

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

์‚ฌ์šฉ์ž์˜ ์—ฌ์ •์„ ๋งคํ•‘ํ•˜๋ฉด ๋ชฉํ‘œ, ์ž‘์—… ๋ฐ ์ž ์žฌ์  ์žฅ์• ๋ฌผ์— ๋Œ€ํ•œ ํ†ต์ฐฐ๋ ฅ์„ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Chat GPT๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

3. ChatGPT๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ

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

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


3๏ธโƒฃ ๋ชจ๋“  UI/UX ๋””์ž์ด๋„ˆ๋ฅผ ์œ„ํ•œ ์ตœ๊ณ ์˜ Figma ํ”Œ๋Ÿฌ๊ทธ์ธ

Figma๋Š” ๋””์ž์ด๋„ˆ์—๊ฒŒ ์ตœ๊ณ ์˜ ๋””์ž์ธ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. Figma์—๋Š” ๋””์ž์ธ ํ…œํ”Œ๋ฆฟ, UI ํ‚คํŠธ, ํ”Œ๋Ÿฌ๊ทธ์ธ ๋ฐ ์œ„์ ฏ์„ ๋Œ€๋ถ€๋ถ„ ๋ฌด๋ฃŒ๋กœ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ•๋ ฅํ•œ ๋””์ž์ธ ์ปค๋ฎค๋‹ˆํ‹ฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

UI/UX ๋””์ž์ด๋„ˆ์ด๊ณ  Figma๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ํ”Œ๋Ÿฌ๊ทธ์ธ์— ์ต์ˆ™ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ Figma์—๋Š” ์ˆ˜์ฒœ ๊ฐœ์˜ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์žˆ์œผ๋ฏ€๋กœ ๋ชจ๋“  ํ”Œ๋Ÿฌ๊ทธ์ธ์— ๋ฌธ์ œ๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ €๋Š” ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๊ณ  ๋””์ž์ด๋„ˆ์˜ ์ž‘์—… ํ๋ฆ„์„ ์‰ฝ๊ณ  ํšจ์œจ์ ์œผ๋กœ ๋งŒ๋“œ๋Š” ์ƒ์œ„ 20๊ฐœ ํ”Œ๋Ÿฌ๊ทธ์ธ ๋ชฉ๋ก์„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

1. ์–ธํ”Œ๋ž˜์‰ฌ

Unsplash๋Š” ๊ฐœ์ธ ๋ฐ ์ƒ์—…์  ์šฉ๋„๋กœ Stocks ์ด๋ฏธ์ง€๋ฅผ ๋ฌด๋ฃŒ๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋Š” ์ตœ๊ณ ์˜ ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค.

2. Autoflow

Autoflow๋Š” ๋‘ ๊ฐœ์˜ ๊ฐœ์ฒด๋ฅผ ์„ ํƒํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ํ๋ฆ„์„ ์ด ๊ทธ๋ ค์ง€๋Š” ๋””์ž์ธ ์ž‘์—…์—์„œ ์‚ฌ์šฉ์ž ํ๋ฆ„์„ ๋งŒ๋“œ๋Š” ๋ฉ‹์ง„ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.

3. Iconify

๊ฐ€์žฅ ํฐ ์•„์ด์ฝ˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ณด์œ ํ•œ Iconify์—๋Š” 100,000๊ฐœ ์ด์ƒ์˜ ์•„์ด์ฝ˜์ด ํฌํ•จ๋œ 100๊ฐœ ์ด์ƒ์˜ ์•„์ด์ฝ˜ ์„ธํŠธ๊ฐ€ ์žˆ์œผ๋ฉฐ ์—ฌ๊ธฐ์—๋Š” Material ๋””์ž์ธ ์•„์ด์ฝ˜, Jam ์•„์ด์ฝ˜, FontAwesome, Emojione ๋“ฑ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.

4. LottiFiles

๋””์ž์ธ์— ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ถ”๊ฐ€ํ•˜๋ฉด ๋””์ž์ธ์ด ๋”์šฑ ์žฌ๋ฏธ์žˆ๊ณ  ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Lottiefiles๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜์„ Svg/Gif ํ˜•์‹์œผ๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

5. ๋‹คํฌ ๋ชจ๋“œ ๋งค์ง

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

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

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

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