๐ 2022๋ 3์ 2์ฃผ TOP3
- 2022๋ Web3 ๋ธ๋ก์ฒด์ธ ํธ๋ ๋
- "์์ง ๊ธฐ๋ฐ ๋์์ธ"๊ณผ UI๊ฐ ์๋๋ก ์ด๋ํ๋ ์ด์
- ๋ชจ๋ ๋์์ด๋๊ฐ ๊ฐ์ง๊ณ ์์ด์ผ ํ๋ 10๊ฐ์ง Figma ํ๋ฌ๊ทธ์ธ
2022๋ web3 ๋ธ๋ก์ฒด์ธ ํธ๋ ๋
์ด ์ํฐํด์ ์๋ก์ด ์ ํ์ ์ ํ๋ฆฌ์ผ์ด์ ์์ ๋ช ๊ฐ์ง ์ผ๋ฐ์ ์ธ ์ฃผ์ ์ ํธ๋ ๋, UXUI์ ์ข์ ์์ ๋์ ์๋ฅผ ํ๊ตฌํ ๊ฒ์ ๋๋ค. ์์ NFT์์ฅ์ ๋ค๋ฃจ๋ ๋ธ๋ก์ฒด์ธ์์ NFT๋ฅผ ๊ตฌ๋งคํ๋ UX์ ๋ํด ๋ ผ์ํ ๋ฐ ์๋๋ฐ, ์ฌ๊ธฐ์๋ ๋ชจ๋ ๋ธ๋ก์ฒด์ธ ์น์ฌ์ดํธ์ ์ ํ๋ฆฌ์ผ์ด์ ์์ ๊ณตํต์ ์ธ ์ฃผ์ ๋ฅผ ํ๊ตฌํด๋ณด๊ฒ ์ต๋๋ค.
ํธ๋ ๋
- ์ง๊ฐ์ ์ฐ๊ฒฐํ์ธ์๐ธ. ํ ๋ง๊ฐ ์๋๋ผ ํ์ํ์ ๋๋ค. ๊ทธ๋ฌ๋ ๊ฐ์ฅ ํฐ ์ง์ ์ฅ๋ฒฝ์ด๊ธฐ๋ ํฉ๋๋ค.
- ์ค์ ํํ๐ฐ๋ ETH ๊ธ์ก ์๋ ๋ฐ์ ํ์์ผ๋ก ํ์๋ฉ๋๋ค.
- ๊ณตํต์ ์ธ ๋ค๋น๊ฒ์ด์ : ๐๊ฒ์ , ํ์, ์ง๊ฐ
- ๋ฐ์ดํฐ ๋ฐ ํต๊ณ ๐งฉ: ๋ค๋น๊ฒ์ด์ ์์ ์์ฃผ ์ฌ์ฉ๋๋ ํต๊ณ
- ํ๋ฐฑ ๋ฏธ๋๋ฉ UI ๐ฑ
- ๋๋ดํ๊ณ ์ ๋ช ํ ํ์ดํฌ๊ทธ๋ํผ ๐
- ๋ชจ๋ฐ์ผ ์ฐ์ ๐ฑ(์ง๊ฐ ๋ด๋ถ์ ๋ธ๋ผ์ฐ์ ๋ฅผ ํตํด ์์ฃผ ์ก์ธ์คํ๋ ์ฌ์ดํธ)
- ํ๋์ ์์ : ์ข ์ข ์ฌ์ฉ์๊ฐ ์ทจํ ์ ์๋ ํ๋์ ์์ โ
- ๋ง์ผํ ์์(ํํ์ด์ง๋ ์ ํ๋ฆฌ์ผ์ด์ ์ด์ง ์ฑ์ ์ก์ธ์คํ๊ธฐ ์ํด ๋ก๊ทธ์ธํ๋ ๋ง์ผํ ์น ์ฌ์ดํธ๊ฐ ์๋) ๋ชจ๋ ๋ฐ์ดํฐ๋ ์ฌ์ ์ธ ๊ฒฝํ์ด ์๋๋ผ ๊ณต์ ๐ป
- ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ์๋: ์๋ก์ด ์ฑ์ ๋น ๋ฅด๊ฒ ๊ตฌ์ถํ ์ ์๊ณ ์ข ์ข ์ ์ฌํ GitHub ์ ์ฅ์๋ฅผ ๊ณต์ ํ๋ฏ๋ก ๋น์ทํ๊ฒ ๋ณด๊ณ ์๋ํฉ๋๋ค.๐จ
- ๊ด๊ณ ์์ ๐ค
1.์ง๊ฐ์ ์ฐ๊ฒฐํ์ธ์๐ธ
- ์ง๊ฐ์ผ๋ก ๋ก๊ทธ์ธ
- ์ง๊ฐ์ผ๋ก ๋ก๊ทธ์ธ์ ๋ถ์ฐํ ์ฑ์ ๋ถ๋ช ํ ํ์์ด๋ฉฐ, ์ด๋ฉ์ผ๋ก ๋ก๊ทธ์ธํ๊ธฐ๋ฅผ ์ํ๋ ์ฑ์ ์ต๋ช ์ด ์๋๋ฉฐ ์์ ์ ID๋ฅผ ์ง๊ฐ์ ์ฐ๊ฒฐํ ์ ์์ต๋๋ค.
- ์น ์ฌ์ดํธ์ ๋ฉ์ธ CTA๋ฅผ ํตํด ์ก์ธ์ค๋๋ฉฐ, ๋ง์ ์ง๊ฐ์ด ์ฐ๊ฒฐ๋ ์ ์๋ ๊ฒฝ์ฐ ๋๋กญ๋ค์ด ๋๋ ๋ชจ๋ฌ๋ก ์ก์ธ์ค๋ฉ๋๋ค.
2.์ค์ ํํ๐ฐ
- ์ค์ ํํ: ๊ฐ๊ธ์ ์ด๋ฉด ์ ํธํ๋ ํตํ ์ ํ(์ด ์์์๋ Zapper์ ๊ฒฝ์ฐ ์ด์์ ์ด์ง ์์ ํ์ง ํตํ๋ฅผ ์ฌ์ฉํ์ง ์์)
- ํ์ง ํตํ ๋๋น ํ์จ์ ์ข ์ข ์ํธํํ ๊ธ์ก ์๋์ ์์ ํ์ ํ ์คํธ๋ก ํ์๋ฉ๋๋ค.
- ์ผ๋ถ ํตํ๋ ํผ์ํธ ๋์ ์คํ ์ด๋ธ ์ํธ ํํ๋ก ์ ํ๋ฉ๋๋ค.
3.๊ณตํต์ ์ธ ๋ค๋น๊ฒ์ด์ ๐
- ๋์ ๋๋ ๊ฒ์์ฐฝ(2008๋ Facebook์ ํจํด ์์)
- CTA: ์ง๊ฐ ์ฐ๊ฒฐ
- ๋ค๋น๊ฒ์ด์ ๋๋ ๋๋กญ๋ค์ด์ ํตํด ์ปจํ ์ธ ์ ์ก์ธ์คํ ์ ์์ต๋๋ค.
- ๋ชจ๋ฐ์ผ ๋ค์ดํฐ๋ธ ์ฑ ๋ ์ด์์
4.๋ฐ์ดํฐ ๋ฐ ํต๊ณ๐งฉ
- ์ํธ ํํ๋ ๊ฐ์น๊ฐ ๋ณ๋ํ๋ฏ๋ก ๋ฐ์ดํฐ ์๊ฐํ๋ ๋ง์ ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ดํดํ๋ ๋ฐ ์ค์ํฉ๋๋ค.
- ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ์๊ฐํํ๋ ๊ฒฝํฅ์ด ์์ต๋๋ค.
- ์ ๋ ฌ ๊ฐ๋ฅํ ํ ์ด๋ธ
- ๋ฐฑ๋ถ์จ๊ณผ ํ์ง ํตํ์ ๋ณํ
5.ํ๋ฐฑ ๋ฏธ๋๋ฉ UI ๐ฑ
- ํ๋ฐฑ ์ธํฐํ์ด์ค
- ํ์ ํ ์คํธ
- ์ปฌ๋ฌ ํ์ ๋ฒํผ(Foundation์ ๊ทธ๋ผ๋์ธํธ ๋ฒํผ ์ฐธ์กฐ)
- ํ ๋๋ฆฌ ์ค๊ณฝ์ ๊ฒฐ์ฌ
- ๊ทธ๋ฆผ์์ ๋ธ๋ฌ ์ฌ์ฉ
..
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
"์์ง ๊ธฐ๋ฐ ๋์์ธ"๊ณผ UI๊ฐ ์๋๋ก ์ด๋ํ๋ ์ด์
์ ํ ํ๋ฉด์ ์ ์ ์ปค์ง๊ณ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ ์์ง์ด๊ณ ์์ต๋๋ค.
๐ํธ๋ ๋ ๊ด์ฐฐ vs ํธ๋ ๋ ๋ฉ์ดํน
ํธ๋ ๋ ๊ด์ฐฐ์ ์์กด์ฌ์ด ๊ฐํ ๋์์ด๋์ ์์ ์์ ์ค๋ซ๋์ ์ค์ํ๊ณ ํ์์ ์ธ ๋ถ๋ถ์ด์์ต๋๋ค. ์ฐ๋ฆฌ๋ ํธ๋ ๋๋ฅผ ๋ฐ๋ผ ์๋ก์ด ์ ํ๊ณผ ์๋น์ค์ ๋ํ ์์๋ฅผ ์์ธกํ๊ณ , ์ฌ๋ฐ๋ฅธ ๋ธ๋๋ ๊ฐ๋ฐ ์ ๋ต์ ๋ง๋ค๊ณ , ์ ๋งํ ํ์ ์์ฅ์ ์ฐพ๊ณ , ์๋น์์ ์๊ตฌ๋ฅผ ์์ธกํ๊ณ , ๋ ๋์๊ฐ ๊ทธ๋ค๊ณผ์ ํจ๊ณผ์ ์ธ ์ปค๋ฎค๋์ผ์ด์ ์ฑ๋์ ๊ตฌ์ถํฉ๋๋ค. ๋๋๋ก ์ฐ๋ฆฌ๋ ๋ฐ๋ ๋ฐฉํฅ์ผ๋ก ๊ฐ๊ธฐ ์ํด ํจ์ ํธ๋ ๋๋ฅผ ๊ด์ฐฐํฉ๋๋ค.
๋๊ตฌ์ ๋์น๋ ๋ณด์ง ์๊ณ ํธ๋ ๋๋ฅผ ๋ฐ๋ฅด๊ฑฐ๋ ๋๋ง์ ๋ ํนํ ์ ํ์ ๋ง๋๋ ๊ฒ์ ๊ฐ์ธ์ ์ ํ์ด๋ฉฐ ๋๋ก๋ ๋งค์ฐ ์ด๋ ค์ด ์ ํ์ ๋๋ค.
๊ทธ๋ฌ๋ ํธ๋ ๋์ ์์์ ์ธ ์ฌ์ฉ์ด ํ์คํ ์๋ฏธ๊ฐ ์๋ ํ ๊ฐ์ง ์๊ฐ ์์ต๋๋ค. ํธ๋ ๋์ ์๊ฐ์ ๋๋ ์คํ์ผ์ ๊ตฌ์ฑ ์์๋ง์ด ์๋๋ผ ํธ๋ ๋๊ฐ ๋งค์ฐ ์ ์ฉํ ๊ฒ์ด๋ผ๋ ์ฌ์ค์ ๊ธฐ๋ฐ์ผ๋ก ํ๋ ๊ฒฝ์ฐ์ ๋๋ค. ์๋ฅผ ๋ค์ด, ์ฌ์ฉ์ฑ ๋๋ ํ๊ฒฝ ์นํ์ฑ๊ณผ ๊ด๋ จ๋ ๋ชจ๋ ๊ฒ์์ ๋ง์ ๋๋ค.
์ด๋ฌํ ์ถ์ธ ์ค ํ๋๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์๋๋ก ์ด๋ํ๋ ๊ฒ์ ๋๋ค. ์์ ๋งํ๋ ํ๋จ ํ์์ ๋๋ค. ์ฌ์ฉ์๊ฐ ๋ชจ๋ฐ์ผ ์ฅ์น๋ฅผ ์ก๊ณ ์กฐ์ํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๊ฐ์ฅ ์ ์๋ ค์ง ์ฐ๊ตฌ์๋ Steven Hoober์ Josh Clark์ ๋๋ค.
๐์ค๋งํธํฐ ์ฌ์ฉ ์
์ค๋งํธํฐ ์ฌ์ฉ์ ์ธ ๊ฐ์ง ๊ธฐ๋ณธ ์์ก์ด๋ก ์ ์๋๋ฉฐ ์ฐ๋ฆฌ๋ ์ข ์ข ๊ทธ ์ฌ์ด๋ฅผ ์ด๋ํฉ๋๋ค. ์ด๊ฒ์ ํต์ฌ์ ๊ฑฐ์ ๋ชจ๋ ๊ฒฝ์ฐ์ ์ธ ๊ฐ์ง ์ฃผ์ ๊ทธ๋ฆฝ์ด ๊ฐ์ฅ ์ผ๋ฐ์ ์ด๋ผ๋ ๊ฒ์ ๋๋ค. 49%๋ ํ ์์ผ๋ก ์ ํ๊ธฐ๋ฅผ ๋ค๊ณ , 36%๋ ํ ์์ผ๋ก ์ ํ๊ธฐ๋ฅผ ์ก๊ณ ๋ค๋ฅธ ์์ ์๊ฐ๋ฝ์ด๋ ์์ง์๊ฐ๋ฝ์ผ๋ก ๋๋๋ฆฌ๊ณ , ๋๋จธ์ง 15%๋ ์์์ผ๋ก ๋ธ๋๋ฒ ๋ฆฌ ๊ธฐ๋ ์์ธ๋ฅผ ์ทจํ๊ณ ๋ ์์ง์๊ฐ๋ฝ์ ๋๋๋ฆฐ๋ค๊ณ Josh Clark์ ๋งํฉ๋๋ค. Steven Hoober๋ ์ฌ์ฉ์์ 75%๊ฐ ์์ง์๊ฐ๋ฝ ํ๋๋ง์ผ๋ก ํ๋ฉด์ ํฐ์นํ๋ค๋ ์ฌ์ค์ ๋ฐ๊ฒฌํ์ต๋๋ค. ๊ทธ๋์ "์์ง ๊ธฐ๋ฐ ๋์์ธ"์ด๋ผ๋ ๊ฐ๋ ์ด ๋์จ ๊ฒ์ ๋๋ค.
์ ํ๊ธฐ๊ฐ ์์์ ๋ ๋๋ถ๋ถ์ ์ง์ญ์ ์ฝ๊ฒ ์ ๊ทผํ ์ ์์์ต๋๋ค. ํ๋ฉด์ด ์ปค์ง์ ๋ฐ๋ผ ์ ํ๋ฅผ ์ค์ ํ์ง ์๊ณ ์๋จ์ ๋ง์ง๋ ๊ฒ์ด ๊ฑฐ์ ๋ถ๊ฐ๋ฅํด์ก์ต๋๋ค. ์ผ๋ถ ์ ํ ์ ์กฐ์ ์ฒด๋ "์๊ฐ๋ฝ์ ํค์๋ผ"๋ผ๊ณ ์๊ฐํ์ต๋๋ค. ์ผ์ฑ์ 7์ธ์น ๊ฐค๋ญ์ W ๋ฐ ์ด์ ์ ์ฌํ ํ๋ฉด์ด ํฐ ๊ธฐ๊ธฐ๋ ํด๋ํฐ๊ณผ ํ๋ธ๋ฆฟ์ ๊ฒฝ๊ณ๋ฅผ ๋ชจํธํ๊ฒ ๋ง๋ญ๋๋ค.
๐๋ชจ๋ฐ์ผ ์น ๋ฐ ํ๋จ ํ์
ํ๋จ ํ์์ ๋๋๋ก ์น์์ ๋ํ๋ฉ๋๋ค. ์์ด๋์ด ์์ฒด๋ ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค. ํ์ ์ปจํธ๋กค์ ๋ ์๋๋ก ์ด๋ํ๊ณ ๋ง์กฑํฉ๋๋ค. ์๋ฅผ ๋ค์ด ํ์ ๋ชจ์์ ๋งจ ์๋์ ๋ฐฐ์นํ๋ฉด ์ฌ์ฉ์๊ฐ ๋ฉ๋ด ์์ด์ฝ์ ๋ ์ฝ๊ฒ ํด๋ฆญํ ์ ์๊ณ ๋ณด์กฐ ํญ๋ชฉ์ ์๋ก ์ด๋ํ ์ ์์ต๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก ์์๋ฅผ ๋ฐ๊พธ๋ฉด ๋ฉ๋๋ค. ๋ชจ๋ฐ์ผ ์ฑ์ ํญ ๋ฐ ํจํด๊ณผ ํจ๊ป ์ด ๋ ผ๋ฆฌ๋ฅผ ์ฌ์ฉํฉ๋๋ค. ์ด๊ฒ์ ๊ทธ ์์ฒด๋ก ์๋ก์ด ์์ด๋์ด๋ ์๋์ง๋ง ์ฌ์ ํ ์ฑ ๋์์ธ์์๋งํผ ์น ๋์์ธ์์ ์ธ๊ธฐ๊ฐ ์์ง ์์ต๋๋ค. ์ด์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์๋๋ก ์ด๋ํ๋ ์ ๊ทผ ๋ฐฉ์๊ณผ ํ๋จ ํ์์ ์ฑ๊ณต์ ์ผ๋ก ๊ตฌํํ ์๋ฅผ ์ ์ํ ๋๊ฐ ๋ ๊ฒ ๊ฐ์ต๋๋ค.
์) ์ธํฐํ์ด์ค์ ํต์ฌ์ ์๋๋ก ์ด๋์ํค๋ ๋ฐฉํฅ์ ํ๋๊ทธ์ญ์ ๋จ์ฐ One UI๋ฅผ ๊ฐ์ง ์ผ์ฑ์ ๋๋ค. ํ๋ฉด ํ์ 60%์์ ์ธํฐํ์ด์ค์์ ๋ชจ๋ ์ํธ์์ฉ์ด ์ด๋ฃจ์ด์ง๋ฉฐ, ๋ฌผ๋ก 13๊ฐ์ iOS์์ ์ ํ๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
๐ํ๋์ UI ๋์์ธ ๊ฐ์ด๋
iOS์ macOS๋ ๊ฐ๊ฐ ์ฌ๋๋ค์ด ๊ธฐ๊ธฐ๋ฅผ ์ฌ์ฉํ๋ ๋ค์ํ ๋ฐฉ์์ ๊ธฐ๋ฐํ ์ฌ์ฉ์ ์ํธ์์ฉ์ ์ํ ๋์์ธ ํจํด๊ณผ ๊ท์น์ ์ ์ํฉ๋๋ค. ์๋ฅผ ๋ค์ด ์ค์์ดํํ์ฌ ์ญ์ , ์์ ์ํธ ๋ช ๋ น ๋ฐ ํ๋ฉด ํ๋จ์ ์ปจํธ๋กค๊ณผ ๊ฐ์ iOS ๊ท์น์ ํธ๋ํฌ๋ ์ฅ์น์ ํฐ์น ์ํธ ์์ฉ์ ์ต์ ํ๋์ด ์์ต๋๋ค. ๋ง์ฐฌ๊ฐ์ง๋ก ์ ์ฉ ํค ๋ฐ ํค๋ณด๋ ๋จ์ถํค, ๋ฉ๋ด ๋ช ๋ น ๋ฐ ์ฐฝ ์๋จ์ ์ปจํธ๋กค๊ณผ ๊ฐ์ macOS ๊ท์น์ ํค๋ณด๋, ๋ง์ฐ์ค ๋ฐ ํธ๋ํจ๋ ์ํธ ์์ฉ๊ณผ ๋ณ๋์ ๋์คํ๋ ์ด์ ์ต์ ํ๋์ด ์์ต๋๋ค.
ํต์ ๋ฅผ ์๋๋ก ์ฎ๊ธฐ๋ ๊ฒ์ด ์์ฌํ ์ฌ์ง ์์ด ์ ํต์ ์ธ ์ต๊ณ ๊ฒฝ์์ง๋ณด๋ค ์น๋ฆฌํ ๋ค๋ฅธ ์ ์ค์๋ Apple๊ณผ Google ์ ํ์ ๋น๊ต๊ฐ ์์ต๋๋ค. Apple ์ง๋์ Google ์ง๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋น๊ตํด ๋ณด๊ฒ ์ต๋๋ค. ์ฒซ ๋ฒ์งธ๋ ํ๋จ ํ์ ํจํด์ ์ฌ์ฉํ๊ณ ๋ ๋ฒ์งธ๋ ๋ ์ ํต์ ์ผ๋ก ๋ณด์ ๋๋ค. ์ด๋ ๊ฒ์ด ๋ ์ ์ฉํ ๊ฒ ๊ฐ์ต๋๊น?
Apple๊ณผ Google์ ๋ค๋ฅธ ์ ์ฌํ ์ ํ์ธ ๋ฒ์ญ ์ฑ์ ์ดํด๋ณด๊ฒ ์ต๋๋ค. ์ฐ๋ฆฌ๋ ๊ฐ์ ๊ฒ์ ๋ณด๊ฒ ๋ ๊ฒ์ ๋๋ค. Apple ์ ํ์์ ๋ชจ๋ ์ฃผ์ ์์๊ฐ ๋งจ ์๋๋ก ์ด๋ํ์ฌ ์์ฉ ํ๋ก๊ทธ๋จ์ ๋ณด๋ค ์ฌ์ฉ์ ์นํ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์์ต๋๋ค.
ํ๋์ ํ๋จ ํ์์ ์ฌ์ฉํด ์จ ๊ฑฐ๋ ๋ธ๋๋์ ๋ ๊ฐ์ง ๋ค๋ฅธ ์๋ Instagram๊ณผ Tinder์ ๋๋ค.
..
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋ชจ๋ ๋์์ด๋๊ฐ ๊ฐ์ง๊ณ ์์ด์ผ ํ๋ 10๊ฐ์ง Figma ํ๋ฌ๊ทธ์ธ
1. Lorem ipsum
'Lorem ipsum'์ ์์ฑํ์ฌ ํ ์คํธ ๋ ์ด์ด๋ฅผ ๋๋ฏธ ํ ์คํธ๋ก ์ฑ์๋๋ค. 'Lorem ipsum'์ ์์ฑํ ๋ชจ๋ ํ ์คํธ ๋ ์ด์ด๋ฅผ ์ ํํ ๋ค์ '์์ฑ'์ ํด๋ฆญํ์ธ์. ๊ฐ ๋ ์ด์ด์ ๋ํด ๊ณ ์ ํ๊ฒ ์์ฑ๋ฉ๋๋ค. '์๋ ์์ฑ'์ ์ ํํ ๋ ์ด์ด๋ฅผ ๊ธฐ์กด ํ๋ ์์ ๋ง๊ฒ 'Lorem ipsum'์ ์๋ฒฝํ ์์ผ๋ก ์๋์ผ๋ก ์ฑ์๋๋ค.
2. ์ค์
์ ํํ ๋ ๊ฐ์ ๊ฐ์ฒด๋ฅผ ์ฝ๊ฒ ๋ฐ๊ฟ ์ ์์ต๋๋ค.
- ๋ชจ๋ ๊ฐ์ฒด๋ฅผ ๋ฐ๊ฟ๋๋ค. ํ๋ ์, ๊ทธ๋ฃน, ๋ ์ด์ด ๋ฑ ์๋ฌด๊ฑฐ๋
- ๊ฐ์ฒด์ ์๋ ํฌ๊ธฐ์ ์์น๋ฅผ ์ ์งํฉ๋๋ค.
- ์ค์ฒฉ๋ ๊ฐ์ฒด์ ํจ๊ป ์๋๊ฐ๋ฅ
์ฌ์ฉํ๋ ๋ฐฉ๋ฒ:
- ๋ ๊ฐ์ฒด๋ฅผ ์ ํ
- ํ๋ฌ๊ทธ์ธ ์ฌ์ฉ
3. Figma์์ HTML, CSS, React ๋ฑ์ผ๋ก!
๋ผ์ด๋ธ ์น์ฌ์ดํธ๋ฅผ Figma ๋์์ธ์ผ๋ก ๋ณํ
4. ์ฝํ ์ธ ๋ฆด
์ฝํ ์ธ ๋ฅผ ์ฐพ์๋ณด๊ฑฐ๋ ๊ฒ์ํ์ฌ ๊ฒ์๋ ํ ์คํธ ๋ฌธ์์ด, ์ด๋ฏธ์ง & ์์ด์ฝ ๋ชจ์์ ์ฐพ์ต๋๋ค. ๊ธฐ์กด ์ฝํ ์ธ ์์ ํ์ํ ๊ฒ์ ์ฐพ๋ ๋ฐ ๋ฌธ์ ๊ฐ ์๋์? ์ถ๊ฐ๋ฅผ ์ฌ์ฉํ์ฌ ์์ ๋ง์ ํ ์คํธ &์ด๋ฏธ์ง ์ฝํ ์ธ ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค.
5. ์ด๋ฏธ์ง ์ถ์ ๊ธฐ
'์ด๋ฏธ์ง ํธ๋ ์ด์'๋ ํ๋ฐฑ ๋นํธ๋งต ์ด๋ฏธ์ง๋ฅผ ์ถ์ ํ์ฌ ๋ฒกํฐ ๋ ์ด์ด๋ก ๋ณํํฉ๋๋ค. ์ด๋ฏธ์ง ์ถ์ ๊ธฐ๋ฅผ ์คํํ ๋ ์ ํํ ๋ ์ด์ด๋ฅผ ๊ฐ์ ธ์ ํ๋์ ์ด๋ฏธ์ง๋ก ๊ฒฐํฉํฉ๋๋ค.(์ด๋ฏธ ๋ฒกํฐ์ธ์ง ์ฌ๋ถ์ ๊ด๊ณ์์ด) โ ๊ทธ๋ฐ ๋ค์ 'ํ๋ฐฑ'์ผ๋ก ๋ณํํ๊ณ ์ ๋ฒกํฐ ๋ ์ด์ด๋ก ์ถ์ ์ ์๋ํฉ๋๋ค. ์ต์ ํ์ ์ ๋๋กญ๋ค์ด์ '์๋ณธ ์ด๋ฏธ์ง'์์ '์ฒ๋ฆฌ๋ ์ด๋ฏธ์ง'๋ก ๋ณ๊ฒฝํ์ฌ ์ถ์ ์ค์ธ ์ด๋ฏธ์ง๋ฅผ ๋ณผ ์ ์์ต๋๋ค.
6. ๋น๋ธ
Bibble์ ์ด๋ฐ์ผ๋ค์ ๋์์ค๋๋ค.
- ํ๋ก์ ํธ์ ์ ํฉํ ๋ ์ด์์ ์ฐพ๊ธฐ / UI & UX ์๋ฃจ์ ์ฐพ๊ธฐ
- ์ ๊ณ ๋ฆฌ๋๋ก๋ถํฐ ์๊ฐ์ ์ป๊ธฐ
- ๋ช ์ด ์์ ๊ณ ํ์ง ์คํฌ๋ฆฐ์ท ๊ฐ์ ธ์ค๊ธฐ
- ํน์ ํค์๋๋ก ๋์์ธ ๊ฒ์
- ์ค์ ์น์ฌ์ดํธ์ ์ค์ ์๋ฃจ์
7. Figma๋ฅผ Sketch/XD๋ก ๋ณํ
ํ ๋ฒ์ ํด๋ฆญ์ผ๋ก ๋์์ธ์ Figma์์ Sketch, Adobe XD ๋๋ After Effects๋ก ๋ณํํ๊ณ ๋ด๋ณด๋ผ ์ ์์ต๋๋ค.
..
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์