์นดํก ํ ๋ง ์ ์ ๋ฐฉ๋ฒ ๊ฐ์ธ ์ปค์คํ ๋์์ธ ํ ๐จ๐ฑโจ
์๋ ํ์ธ์! ํน์ ์ฌ๋ฌ๋ถ๋ ์นด์นด์คํก(์นดํก) ํ๋ฉด์ ๋ด ๋ง์๋๋ก ๊พธ๋ฏธ๊ณ ์ถ์ง ์์ผ์ จ๋์? ๐ค “๋ด๊ฐ ์ข์ํ๋ ์๊ฐ, ํฐํธ, ๋ฒํผ ๋์์ธ์ผ๋ก ์นดํก ํ ๋ง๋ฅผ ์ง์ ๋ง๋ค ์ ์๋ค๋ฉด?” ์๊ฐ๋ง ํด๋ ์ค๋ ์ง ์๋์? ์ค๋์ โจ์นดํก ํ ๋ง ์ ์ ๋ฐฉ๋ฒ๊ณผ ๊ฐ์ธ ์ปค์คํ ๋์์ธ ํโจ์ ๋ฑ๋ฑ์ด ๊ณต๊ฐํ๋ ค๊ณ ํฉ๋๋ค. ์ฌ์ฌํ ๋ ์ฑ ๊ธฐ๋ณธ ํ ๋ง๋ง ์ฐ๋ค๊ฐ ๋ญ๊ฐ ์๋ค๋ฅธ ๋ณํ๋ฅผ ์ฃผ๊ณ ์ถ์ ๋ ๋ฑ ์ข์ ๊ฟ์ ๋ณด, ์ง๊ธ ๋ฐ๋ก ์์ํ ๊ฒ์! ๐๐
๐ 1. ์นดํก ํ ๋ง๋? – ๊ธฐ๋ณธ ๊ฐ๋ ๋ถํฐ ์ดํดํ๊ธฐ ๐ฑโจ
์นดํก ํ ๋ง๋ ์นด์นด์คํก ์ฑ ๋ด๋ถ UI(User Interface)๋ฅผ ๋ด๊ฐ ์ํ๋ ์์, ์ด๋ฏธ์ง, ์์ด์ฝ ๋ฑ์ผ๋ก ๋ฐ๊พธ๋ ์ค์ ํ์ผ์ ๋๋ค. ๋จ์ํ ๋ฐฐ๊ฒฝํ๋ฉด ๊ต์ฒด๊ฐ ์๋๋ผ ๋ฒํผ ๋ชจ์, ์ฑํ ์ฐฝ ๋์์ธ, ์๋ฆผ์ ๋ฑ UI ์ ๋ฐ์ ์๋ณผ ์ ์์ฃ .
๐ ํต์ฌ ํฌ์ธํธ
- โญ ์นดํก ํ ๋ง๋ ์นด์นด์คํก์ด ์ง์ํ๋ ๋๊ตฌ(Theme Builder)๋ก ์ง์ ๋ง๋ค ์ ์์
- โญ ๊ธฐ๋ณธ ํ ๋ง๋ ๋ฌผ๋ก , ๋ด๊ฐ ์ง์ ๋ง๋ ํ ๋ง๋ฅผ ์ ์ฉ ๊ฐ๋ฅ
- โญ ์ ๋ก๋ ํ ์น๊ตฌ๋ค๊ณผ ๊ณต์ ํ ์๋ ์์(๊ฐ์ธ/๊ณต๊ฐ์ฉ ๋ชจ๋ ๊ฐ๋ฅ)
- ๐ท๏ธ #์นด์นด์คํกํ ๋ง #๊ฐ์ธ๋์์ธ #UI์ปค์คํ
โ 2. ์นด์นด์คํก ํ ๋ง ์ ์ ์ค๋น๋ฌผ ๐
“์ค๋น๊ฐ ๋ฐ”์ด๋ผ๋ ๋ง์ด ์์ฃ ? ์นดํก ํ ๋ง ์ ์์ ์ํ ์ค๋น๋ฌผ๋ถํฐ ์๊ฐํ ๊ฒ์.
- ๐ฅ๏ธ PC ๋๋ ๋ ธํธ๋ถ: ํ ๋ง ์ ์ ํด(Theme Builder) ์ค์น๋ฅผ ์ํด ํ์ํด์.
- ๐จ ๋์์ธ ํด: Photoshop, Illustrator, ๋๋ ๋ฌด๋ฃ ํด์ธ Photopea, Krita ํ์ฉ ๊ฐ๋ฅ.
- ๐ ํ ๋ง ํ ํ๋ฆฟ ํ์ผ: ์นด์นด์ค ๊ณต์ ํํ์ด์ง์์ ๋ค์ด๋ก๋ ๊ฐ๋ฅ (์นด์นด์คํก ํ ๋ง ๊ฐ์ด๋)
- โณ ์๊ฐ: ํ๋ ์๊ฐ ํฌ์ ์ ๊ธฐ๋ณธ ํ ๋ง ์์ฑ ๊ฐ๋ฅ, ๋ํ ์ผํ ์๋ก ๊ฑธ๋ฆฌ๋ ์๊ฐ๋ ๋์ด๋จ
- ๐ก ์์ด๋์ด ๋ ธํธ: ์์, ํฐํธ ์คํ์ผ, ์์ด์ฝ ํํ ๋ฑ ๋ฏธ๋ฆฌ ๊ธฐํํ๋ ๊ฒ ํจ์จ์ !
๐ข 3. ์นดํก ํ ๋ง ์ ์ ๊ณผ์ – ๋จ๊ณ๋ณ ๋ฐ๋ผํ๊ธฐ ๐ ๏ธ
1) ์นด์นด์คํก ํ ๋ง ๋น๋ ๋ค์ด๋ก๋ ๋ฐ ์ค์น ๐ฅ๏ธ
- ์นด์นด์ค ๊ฐ๋ฐ์ ์ฌ์ดํธ์์ ๊ณต์ Theme Builder ํ๋ก๊ทธ๋จ์ ๋ด๋ ค๋ฐ์ผ์ธ์.
- ์ค์น ํ ์คํํ๋ฉด ๊ธฐ๋ณธ ํ ํ๋ฆฟ๊ณผ ๊ตฌ์กฐ๋ฅผ ํ์ธํ ์ ์์ด์.
2) ๊ธฐ๋ณธ ํ ํ๋ฆฟ ๋ถ์ํ๊ธฐ ๐
- ๊ฐ ์์๋ณ ์ด๋ฏธ์ง์ JSON ํ์ผ๋ก UI ๊ตฌ์ฑ๋์ด ์์
- ๋ฐฐ๊ฒฝํ๋ฉด, ๋ฒํผ, ์์ด์ฝ, ์ฑํ ๋ฐฉ ํ๋ฉด ๋ฑ์ด ๋ถ๋ฆฌ๋์ด ์์
3) ๋์์ธ ํด๋ก ์ด๋ฏธ์ง ํธ์ง ๐จ
- PSD(๋ ์ด์ด ํธ์ง ๊ฐ๋ฅํ ํฌ๋งท)๋ก ๋์์ธํ๋ฉฐ, ์์์ ๊ผญ ๋ชจ๋ฐ์ผ ํ๋ฉด์ ์ ํฉํ RGB ๋ชจ๋๋ก ์์
- ํด์๋๋ 1080x1920 px๋ฅผ ๊ธฐ๋ณธ์ผ๋ก ํ์ง๋ง, ๊ธฐ๊ธฐ๋ณ ์ต์ ํ ๊ณ ๋ ค ํ์
- ํ ์คํธ ํธ์ง ์ ํฐํธ ๋ผ์ด์ ์ค ํ์ธ ํ์(๊ณต๊ฐ์ฉ ํ ๋ง ์)
4) ํ ๋ง ์์ ๊ต์ฒด ๋ฐ ์ธ๋ถ ์ค์ ๐ช
- ์์ ํ ์ด๋ฏธ์ง๋ก ๊ต์ฒด
- JSON ์์ฑ๊ฐ์ ํตํด ๋ฒํผ ํฌ๊ธฐ, ์์น, ํ์ฑ ํจ๊ณผ ์กฐ์ ๊ฐ๋ฅ
5) ํ ์คํธ ๋ฐ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๐
- Theme Builder ๋ด ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋ฅ์ผ๋ก UI ํ๋ฆ๊ณผ ์ค์ฌ์ฉ ์ ๊ฐ๋ ์ฑ ํ์ธ
- ์์ ๋๋น, ํฐ์น ์์ญ ํฌ๊ธฐ ๋ฑ UX ์ธก๋ฉด ๊ผผ๊ผผํ ์ฒดํฌ
6) ์ต์ข ๋น๋ ๋ฐ ๋ฐฐํฌ ๐
- ์์ฑ๋ ํ ๋ง๋ฅผ ํจํค์งํด APKํ์ผ ํํ๋ก ๋ด๋ณด๋ด๊ฑฐ๋
- ์นด์นด์คํก ํ ๋ง ์คํ ์ด์ ์ ๋ก๋ ๊ฐ๋ฅ
๐งฉ 4. ๊ฐ์ธ ๋ง์ถค ์ปค์คํ ๋์์ธ ํ ๐จ๐ก
๋จ์ํ ํ ๋ง ๋ง๋๋ ๊ฒ ๋ง๊ณ ๋๋ง์ ๊ฐ์ฑ, ์ทจํฅ์ ๋ฐ์ํ๋ ๋น๋ฒ ํ ์๋ ค๋๋ฆด๊ฒ์!
- ๐๏ธ ์์ ์ ์ : 3๊ฐ์ง ํค์ผ๋ก ํต์ผ๊ฐ์ ์ฃผ๋, ๋๋น์์ 1~2๊ฐ ์์ด ํฌ์ธํธ ์ฃผ๊ธฐ
- ๐ญ ์์ด์ฝ ๊ฐ์ฑ ๋ฃ๊ธฐ: ๊ธฐ๋ณธ ์์ด์ฝ์ ์บ๋ฆญํฐ๋ ์๊ธ์จ ๋๋ ์ถ๊ฐํด์ ์ฌ๋ฏธ ์์ ๋ง๋ค๊ธฐ
- ๐ ํฐํธ ์ปค์คํ : “๋ง์ ๊ณ ๋”, “๋๋์คํ์ด”, “๋ฐฐ๋ฏผ์ฒด” ๋ฑ ๋ฌด๋ฃ ํฐํธ๋ ํ์ฉ ๊ฐ๋ฅํด์! (ํฐํธ ์ ์๊ถ ์ฃผ์)
- ๐ ์ ๋๋ฉ์ด์ ํจ๊ณผ ์ฌ์ฉ: ๋ฒํผ์ ๋ฏธ์ธํ ์์ง์์ ์ฃผ๋ฉด ์์ฐ์ค๋ฝ๊ณ ๊ฐ์ฑ์
- ๐ฌ ์ฑํ ๋งํ์ ์ปค์คํฐ๋ง์ด์ง: ๋งํ์ ๋ชจ์, ์, ํฌ๋ช ๋ ์กฐ์ ๋ก ์ฑํ ๊ฐ๋ ์ฑ ์ฆ๊ฐ
โ 5. ์นด์นด์ค ๊ณต์ ๋ฆฌ์์ค์ ํ์ ์ฐธ๊ณ ๋งํฌ ๐
- [์นด์นด์คํก ํ ๋ง ๊ฐ๋ฐ์ ๊ฐ์ด๋](https://developer.kakao.com/docs/latest/ko/kakaotalk-themes/overview): ๊ณต์ ๊ฐ์ด๋์ ํ ํ๋ฆฟ ๋ฐ ์ฃผ์์ฌํญ
- [ํ๊ตญ์ ์๊ถ์์ํ](https://www.copyright.or.kr): ์ ์๊ถ ๊ด๋ จ ๊ธฐ๋ณธ ์ ๋ณด ํ์ธ
- [๋ฌด๋ฃ ํฐํธ ๋ฐฐํฌ์ฒ–๋๋๊ธ๊ผด](https://hangeul.naver.com/2017/nanum): ์นดํก ํ ๋ง ํ์ฉ์ ์ข์ ๋ฌด๋ฃ ํฐํธ ์ฌ์ดํธ
- [์นด์นด์คํก ํ ๋ง ์คํ ์ด]: ์์ฑํ ํ ๋ง ๋ฑ๋ก ๋ฐ ๋ฐฐํฌ ํ๋ซํผ
- [๊ตญ๊ฐ๊ธฐ์ ํ์ค์](https://www.kats.go.kr): ๋ชจ๋ฐ์ผ UI ํ์ค ๊ฐ์ด๋ ์ฐธ๊ณ ๊ฐ๋ฅ
๐ 6. ์ ์ ์ ์ฃผ์์ฌํญ๊ณผ ํ ์ฒดํฌ๋ฆฌ์คํธ ๐
- โ ์ ์๊ถ ์๋ฐ ์ฃผ์! ํ์ธ์ ์ด๋ฏธ์ง·ํฐํธ ๋ฌด๋จ ์ฌ์ฉ ๊ธ์ง
- โ ๊ฐ๋ ์ฑ ์ฐ์ ๋๋ฌด ํ๋ ์์ ํผํ๊ณ , ์ฑํ ๋ด์ฉ ๋ช ํํ๊ฒ ๋ณด์ฌ์ผ ํจ
- โ ํ์ผ ์ฉ๋ ์ต์ ํ ๋๋ฌด ๋ฌด๊ฑฐ์ฐ๋ฉด ์ฑ ๋ฌด๊ฑฐ์์ง ์ ์์
- โ ๋ชจ๋ ํด์๋ ํ ์คํธ ๊ธฐ๊ธฐ๋ณ ํ๋ฉด ๋น์จ์ ๋ฐ๋ผ UI ๊นจ์ง ๋ฐฉ์ง
- โ ์น๊ตฌ ํผ๋๋ฐฑ ํ์ฉ ์ง์ ์จ๋ณด๊ณ ์ฃผ๋ณ ์๊ฒฌ ๋ฐ์ํด ๊ฐ์
๐ 7. ๋ค์ ๋จ๊ณ ๋ฐ ์ฑ์ฅ ๋ฐฉํฅ ์ ์ ๐
- ๐น๏ธ ์ค์ ๋์์ธ ํ ์นดํก ํ ๋ง ๊ณต๋ชจ์ ์ ๋์ ํ๊ธฐ
- ๐จ ๋ค์ํ ํ ๋ง ๋ณํ ์๋ํด ๋๋ง์ ๋ธ๋๋ ๋ง๋ค๊ธฐ
- ๐ฌ ์ ํ๋ธ, ๋ธ๋ก๊ทธ์ ์ ์ ํ๊ธฐ ๋ฐ ํํ ๋ฆฌ์ผ ๊ณต์ ํด ํฌ์ธต ํ๋ณดํ๊ธฐ
โ ๊ฒฐ๋ก : ์นดํก ํ ๋ง ์ ์ ํต์ฌ ์ ๋ฆฌ! โ๏ธ
- โญ ์นด์นด์ค ๊ณต์ ํด๊ณผ ํ ํ๋ฆฟ ํ์ฉ์ ํ์!
- โญ ๋ด ๊ฐ์ฑ์ ์ด๋ฆฌ๋ ์์๊ณผ ์์ด์ฝ, ํฐํธ๋ฅผ ์์ ์์ฌ๋ก ์กฐํฉํ๊ธฐ
- โญ ํ ์คํธ์ ํผ๋๋ฐฑ์ ํตํด ์์ฑ๋ ๋์ด๊ธฐ
- โญ ์ ์๊ถ ๋ฐ UI ํ์ค์ ๋ฐ๋์ ์ค์ํ ๊ฒ!
๐ ์ค๋์ ๋ง๋ฌด๋ฆฌ ๐
์ฌ๋ฌ๋ถ๋ ์ด๋ฒ ๊ธฐํ์ ์ธ์์ ๋จ ํ๋๋ฟ์ธ ๋๋ง์ ์นดํก ํ ๋ง๋ฅผ ๋ง๋ค์ด๋ณด์ธ์! ๐คฉ ๋ฐ๋ณต๋๋ ์ผ์ ์ ์์ง๋ง ํน๋ณํ ๋ณํ๋ฅผ ์ฃผ๋ฉด, ๋งค์ผ ๋งค์ผ ์ฑํ ํ ๋๋ง๋ค ๊ธฐ๋ถ๋ ์ ! ๐ ๊ถ๊ธํ ์ ์์ผ๋ฉด ๋๊ธ๋ก ๋ฌ์์ฃผ์ธ์, ๋ ์น์ ํ๊ฒ ์๋ ค๋๋ฆฝ๋๋ค~ ๐๐
๐ท๏ธ ํด์ํ๊ทธ:
#์นดํกํ ๋ง์ ์ #์นด์นด์คํก์ปค์คํ #ํ ๋ง๋์์ธํ #UI๋์์ธ #์นดํก๊พธ๋ฏธ๊ธฐ #๊ฐ์ธํ ๋ง๋ง๋ค๊ธฐ #๋ชจ๋ฐ์ผ๋์์ธ #ํฐ๊พธ๋ฏธ๊ธฐ #๋์์ธ์ด๋ณดํ์
๊ฐ์ฌํฉ๋๋ค! ๋ค์์๋ ์ฌ๋ฏธ์๊ณ ์ ์ตํ ๊ฟํ ๋ค๊ณ ์ฌ๊ฒ์~ ๐๐ฑ๐