๐ 2023๋ 6์ 2์ฃผ TOP3
1๏ธโฃ UI/UX ๋์์ธ: ๊ทธ๋ฆฌ๋ ์์คํ
2๏ธโฃ UX UI ๋์์ด๋๋ฅผ ์ํ Ultimate ChatGPT ์นํธ ์ํธ: No Bullshit
3๏ธโฃ ๋ชจ๋ UI/UX ๋์์ด๋๋ฅผ ์ํ ์ต๊ณ ์ Figma ํ๋ฌ๊ทธ์ธ
1๏ธโฃ UI/UX ๋์์ธ: ๊ทธ๋ฆฌ๋ ์์คํ
์๊ฐ
์ข์ ํ์ด์ง ๋ ์ด์์์ ๋ฌ์ฑํ๋ ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ ๊ทธ๋ฆฌ๋ ์์คํ ์ ์ ์ฉํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฆฌ๋๋ ๋์์ธ์ ๋ผ๋์ด๋ฉฐ ์ด๋ฅผ ํตํด ์๋ด์ ๋ฐ๋ผ ๋์์ธ ๊ฒฐ์ ์ ๋ด๋ฆฌ๊ณ ์ฌ์ฉ์์๊ฒ ๋ ๋์ ๊ฒฝํ์ ์ ๊ณตํ ์ ์์ต๋๋ค.
๊ทธ๋ฆฌ๋์ ์ญ์ฌ
๊ณ ๋ ์ด์งํธ์ธ๋ค์ด ๊ทธ๋ฆฌ๋ ์์คํ ์ ์ฌ์ฉํ๋ค๋ ์ฌ์ค์ ์๊ณ ๊ณ์ จ๋์? ๊ทธ๋ฆฌ๋ ์์คํ ์ด ์ ํํ ์ด๋์์ ์์๋์๋์ง ๋๋ ๊ทธ๋ฆฌ๋ ์์คํ ์ด ๊ณต์์ ์ผ๋ก ์ด๋์์ ์๋์ง ์๋ฌด๋ ๋ชจ๋ฅด์ง๋ง, ๊ทธ๊ฒ์ ๋ ์ค๋๋ฅด๋ ๋ค๋น์น์ ๋น์ผํธ ๋ฐ ๊ณ ํ์ ๊ฐ์ ์ ๋ช ํ ์์ ๊ฐ๋ค์ ํฌํจํ ๋ง์ ์์ ๊ฐ๋ค๊ณผ ๋ฏธ์ ์ญ์ฌ๋ฅผ ํตํด ์ฌ์ฉ๋์ด ์์ต๋๋ค.
1950๋ ๋์ ๋ง์นจ๋ด ์ค์์ค์์ ์๋ก์ด ์คํ์ผ์ ๊ทธ๋ํฝ ๋์์ธ์ด ํ์ฑ๋์์ต๋๋ค. ์ด ์คํ์ผ์ ๋์์ธ์ ๋จ์ํ ๋คํธ์ํฌ ๊ตฌ์กฐ์ ๊ฑฐ์ ํ์คํ๋ ํ์ดํฌ๊ทธ๋ํผ๋ฅผ ํตํด ๋์์ธ์ ํต์ผ์ฑ์ ๋ฌ์ฑํ๊ธฐ ์ํด ๋ ธ๋ ฅํฉ๋๋ค. ์ด ์คํ์ผ์ ์ค๋๋ ๊น์ง๋ ๋ง์ ์น ๋ฐ ๊ทธ๋ํฝ ๋์์ด๋์๊ฒ ๊ณ์ ์ํฅ์ ๋ฏธ์น๊ณ ์์ต๋๋ค.
- ์ค๋ ์ฐ๋ฆฌ๋ ์น ๋์์ธ์ ์ํ ๊ทธ๋ฆฌ๋ ์์คํ ์ ๋ํด ์ด์ผ๊ธฐํ ๊ฒ์ ๋๋ค. ๊ฐ๋จํด ๋ณด์ด์ง๋ง ์ค์ ๋ก๋ ๋ณต์กํ ๊ฐ๋ ์ด ๋ง์ด ํฌํจ๋์ด ์์ต๋๋ค. ์น ๋์์ธ์ ์ฒซ ๋ฒ์งธ ๋จ๊ณ๋ ๋ ์ด์์ ๋ฐฉ๋ฒ์ ๋๋ค. ํค๋, ํ์ ๋ฐ ๋ฒํผ์ ์ด๋์ ์์ต๋๊น? ๊ฐ ์์ ์ฌ์ด์ ๊ฐ๊ฒฉ์ ์ผ๋ง์ ๋๊น? ์ด๋ค์ ํ์ด์ง ๋ ์ด์์๊ณผ ๋ถ๋ฆฌํ ์ ์์ต๋๋ค. ์น ๋์์ธ์ ๊ธฐ์ด๋ก์ ํ์ด์ง ๋ ์ด์์์ ์ฌ์ฉ์ ์ฝ๊ธฐ์ ์ ์ฐฝ์ฑ๊ณผ ์ง๊ด์ฑ์ ํฐ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ํ์ด์ง ๋ ์ด์์์ ๋ํด ์ด์ผ๊ธฐํ๊ธฐ ์ ์ ๋จผ์ ๋ช ๊ฐ์ง ๊ฐ๋ ์ ๋์คํํด์ผ ํฉ๋๋ค.
- ํ์ด์ง ๋ ์ด์์ ํ์ด์ง ๋ ์ด์์์ ์น ํ์ด์ง์์ ๋ชจ๋ ์๊ฐ์ ์์์ ๋ฐฐ์ด์ ๋๋ค. ํ์ด์ง ์์์ ์ ๋๋ ๋ฐฐ์ด์ ํตํด ์์ ๊ฐ์ ๊ด๊ณ๋ฅผ ์ค์ ํ์ฌ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ ์ ์๋ดํ ์ ์์ต๋๋ค. ์น ๋์์ธ์ ํต์ฌ ๊ตฌ์ฑ ์์์ธ ๋ ์ด์์์ ํ์ด์ง์ ์ ์ฒด์ ์ธ ์๊ฐ์ ๊ท ํ๋ฟ๋ง ์๋๋ผ ๊ฐ์ฅ ๋ง์ ๊ด์ฌ์ ๋ฐ๋ ํ์ด์ง ์์๋ฅผ ๊ฒฐ์ ํฉ๋๋ค. ๊ฒฐ๋ก ์ ์ผ๋ก ์ข์ ํ์ด์ง ๋ ์ด์์์ ์ฌ์ฉ์์ ์ฃผ์๋ฅผ ์ฌ๋ฐ๋ฅธ ๋ฐฉํฅ์ผ๋ก ์ด๋ ์ ์์ต๋๋ค. ๋จผ์ ๊ฐ์ฅ ์ค์ํ ์์์ ๊ด์ฌ์ ๊ฐ๊ฒ ํ ๋ค์ ๋๋จธ์ง๋ฅผ ์ค์ํ ์์๋๋ก ์ฝ์ผ์ญ์์ค.
- ๊ทธ๋ฆฌ๋์ ์ญํ ๊ณผ ๊ฐ๋ ์ข์ ํ์ด์ง ๋ ์ด์์์ ๋ฌ์ฑํ๋ ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ ๊ทธ๋ฆฌ๋ ์์คํ ์ ์ ์ฉํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฆฌ๋๋ ํ์ด์ง ์ฝํ ์ธ ๋ฅผ ์ ๋๋ ๋ฐฉ์์ผ๋ก ์ ๋ ฌํ๊ณ ๊ตฌ์ฑํ๋ ๋ฐ ๋์์ด ๋๋ ๋์์ธ์ ๊ณจ๊ฒฉ์ ๋๋ค. ๊ทธ๋ฆฌ๋์ ์ฌ๋ฐ๋ฅธ ์ฌ์ฉ์ ํตํด ํ์ด์ง์ ์์๋ฅผ ์์๋ก ๋ฐฐ์นํ์ง ์๊ณ ์ด๋ฌํ ์์๋ฅผ ํฉ๋ฆฌ์ ์ธ ์์น์ ๋ช ํํ๊ฒ ๋ฐฐ์นํ์ฌ ๋์์ธ ํจ์จ์ฑ๊ณผ ๋์์ธ ํ์ง์ ํฅ์์ํค๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. 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. ๋คํฌ ๋ชจ๋ ๋งค์ง
์ด์ ํธ๋ ๋๋ ๋ฐ์ ํ ๋ง ๋์์ธ์ด ์์ผ๋ฉด ์ฝ๊ฒ ์ด๋์ด ํ ๋ง๋ก ๋ณํํ ์ ์๋ ๋์์ธ์ ์ด๋์ด ํ ๋ง๋ก ๋ง๋๋ ๊ฒ์ ๋๋ค. ๋ฐ๋ผ์ ๋ชจ๋ ์์์ ์ต์ ํํ์ง ์๋๋ผ๋ ์์ ํ๋ ํธ์ ๋ฐ๋ผ ์กฐ์ ํ๋ฉด ๋ฉ๋๋ค.
.. ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์