์๋ค์ ์๋ ?
๋น๋๋ฅผ ์ํด ํ๋ก์ ํธ ํ๊ฒฝ ์ธํ ์ค์ ๋ํต ํ๋ฆฌ์ง ์๋ ๋ฌธ์ ๊ฐ ์์ด ๋์ ์์ฒญํ๋ฌ ์์ด. ใ
์ธํ
์งํํ๋ฉด์ ๋น๋์ ํฌํจํ ์ฑ ์์ด์ฝ์ ๋ง๋ค์๊ฑฐ๋ ?
์์ด์ฝ์ ๋์ถฉ ์ด๋ ๊ฒ ์๊ฒผ์ด.
๊ทธ ๋ค์์ ํ๋ก์ ํธ ์ธํ ์ ์์ด์ฝ์ ์ถ๊ฐํด์คฌ์ง.
๋ฐ์ํ ์ด์ฉ๊ณ ๊ท์ฐฎ๊ฒ ํ๊ธธ๋ ๋ฐฐ๊ฒฝ์ด๋ ๋๋ ๋ฒ์ ์ด๋ ๋ณํฉ๋ ๋ฒ์ ๋ ๋ค ์์ฒญํ๋๋๋ก ๋ง์ถฐ์ ์ฌ๋ ธ์ด.
๊ทธ๋ฆฌ๊ณ ๋ด ํฐ(๊ฐค๋ญ์ S10)์ ์ค์น๋ฅผ ํด์ ํ์ธํด๋ณด๋๋ฐ....
๋ญ์ผ ์ด์ผ๊ธฐ๊ฐ ๋ค๋ฅด์์. ์ ๋ค ์๋ ค์์ด.
์ด๋ ๊ฒ ๋์์ผ ๋ ๊ฑฐ ์๋?
๋ง์ด๋ ์๋ ธ๋ค.
์๊ธด๊ฒ ์์ ์ ์ฐ๋ ํฐ(๊ฐค๋ญ์ S6)์์ ์ ๋๋ก ์ถ๋ ฅ์ด ๋๋ ๊ฑธ ํ์ธํ ์ ์๋๋ฐ,
๊ฐค๋ญ์ 10์์๋ง ์ ๋ชจ์์ผ๋ก ์ถ๋ ฅ๋๊ณ ์์ด.
์์ ํฐ์ ๊ด์ฐฎ์๋ฐ ์ต๊ทผ ๊ฑฐ์์ ํ๋๊ฐ ๋์๋ค?ย ๊ทธ๋ผ ๋ฐ์ํ ์์ด์ฝ๊ณผ ๋ฌด์จ ๊ด๊ณ๊ฐ ์๋๊ฑด๊ฐ?ย
๋ผ๊ณ ์ถ์ ๋ง ํ ๋ฟ, ์ ํํ ์ด์ ๋ฅผ ๋ชจ๋ฅด๊ฒ ์ด.
์ ๋ํฐ ์์ด์ฝ ์ธํ ์์ ๋ณด์ด๋ ๊ฒ๊ณผ ๋ค๋ฅด๋ ๋ญ ๊ธฐ์ค์ผ๋ก ๋์์ธ์ ์ง์ผ ํ ์ง๋ ํท๊ฐ๋ฆฌ๊ณ , ์์ฃผ ํผ๋์ธ ์ํ์ผ.
๋ฌผ๋ก ์ ์ ๋์ผ ๋ญ ๊ฒ์ํ๋๋ฐ ์ง์ฅ์์ง- ํ๊ณ ๋์ด๊ฐ๋ ๋๊ธด ํ๋๋ฐ, ํ์์ด ๊ทธ๋ํฝ์ด๋ผ ๊ทธ๋ฐ์ง ์ฐ์ฐํด ๋ฏธ์น๊ฒ ์ด ใ ใ ใ
๋ค๋ฅธ ๊ฒ์๋ค๋ ๋ณด๋ฉด ๋ ๊ฐ์ด ์ด์ํ๊ฒ ํ๋ ๋ ์น๊ตฌ๋ค์ด ๋ช๊ฐ ๋ณด์ด๊ธด ํด๋ ๋๋ถ๋ถ ์ ์ธํ ํ ๊ฒ ์ฒ๋ผ ๋ณด์ด๊ฑฐ๋ ?
๋ด๊ฐ ๋ญ ์๋ชปํ๊ณ , ํน์ ๋ชจ๋ฅด๊ณ ์๋๊ฑธ๊น?
๋น์ทํ ์ํฉ์ ๊ฒช์๊ฑฐ๋, ์ง์ ๊ฐ๋ ๋ด์ฉ์ ๋ํด ๋๊ธ ๋จ๊ฒจ์ฃผ๋ฉด ๋ฌด์ฒ ๊ณ ๋ง์ธ๊ฑฐ์ผ ใ
๋์์คญ...
https://medium.com/google-design/designing-adaptive-icons-515af294c783
size and shape ๋ณด๋ฉด safezone ์ด 66dp ๋ฐ์ ๋์ง ์์ ๊ผญ ๋ณด์ฌ์ฃผ๊ณ ์ถ์ ์ด๋ฏธ์ง๋ ์ ์ ๋ ์ฌ์ ๋ฅผ ๊ฐ์ง๊ณ ๋ฃ์ด์ค์ผ๋จ
๋ง์คํฌ ๋ชจ์์ ๋จ๋ง๊ธฐ๋ง๋ค ๋ค๋ฅผ ์ ์๊ธฐ ๋๋ฌธ์ ํ๊ฐ์ง ๋ชจ์์๋ง ์ต์ ํ ํด๋ ๋ค๋ฅธ ๋ชจ์์์ ๋ ๋ฌ๋ผ ๋ณด์ผ ์ ์์
์ ๋ณด ๊ณ ๋ง์! ์์ฒญ ๋์๋์ด. ์๋ ๋ถ๋ช ๊ตฌ๊ธ์์ ๋ฐ์ ์์ด์ฝ ํ ํ๋ฆฟ์ 75%๋ผ๊ณ ํ๊ธฐ๋์ด ์๋๋ฐ ์ ์ค์ ๋ 61%์ธ ๊ฑฐ์ง ใ ใ (66px / 108px) ์ค์ ๋ก ์ฌ๋ ธ์ ๋ ์๋ฆฌ๋ ์์ญ ๋ณด๋ฉด 61%๊ฐ ๋ง๋๊ฑฐ ๊ฐ์. ๋์ฒด ๋ฌด์จ ๋ถ๊ท์ํ๋ฅผ ๋๋ฆฌ์๊ณ ์ด๋ ๊ฒ ๋ค ์ชผ๊ฐ ๋์ ๊ฑธ๊น... ใ ใ
os ๋ฒ์ ๋ง๋ค ํ์ฒ๋ฆฌ๊ฐ ๋ค๋ฆ...
https://developer.android.com/google-play/resources/icon-design-specifications?hl=ko
https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive?hl=ko
๋งํฌ ๊ณ ๋ง์. ๋๋ ์ฌ๊ธฐ์ ์์ด์ฝ ํ ํ๋ฆฟ ํ์ผ์ ๋ฐ์๋๋ฐ (์ฒซ๋ฒ์งธ ๋งํฌ) ์ค์ ๋ก ์ ์ฉํด๋ณด๋ฉด ํ ํ๋ฆฟ ๊ฐ์ด๋๋ผ์ธ๋ณด๋ค ํจ์ฌ ๋ ๊น์๋จน๋ ๊ฒ ๊ฐ์. ๊ฐ์ด๋๊ฐ ์๋ ๊ฒ์ธ ๊ฑธ๊น? ์๋ ๋ด๊ฐ ๋ญ๊ฐ ๋ธ ์ ์ง์ ํ๊ฑธ๊น? ใ ํใ ใ ใ
์๋๋ก์ด๋๊ฐ ์ํ๊ณ์ ๊ธฐ์ค์ด๊ธด ํ์ง๋ง ํ๋ฒ์ ์๋๋ผ์ ๊ตฌ๊ธ๋ฌธ์๋ ๊ฑฐ์ ํฝ์ ๋ง ์ ํํ๊ฒ ์ค์ํ๋ ์คํ์ ์ผ์ฑ์ด๋ฉด oneUI ์์ ๋ ์๋ผ๋จน๋์์ผ๋ก ์ ์กฐ์ฌ๋ง๋ค ๊ฐ๋ฐ์๊ฐ ์์ธกํ๊ธฐ ํ๋ ๋ถ๋ถ์ด ๋ง์ ๊ฑ ์ง์ฐฉ์ ๋ฒ๋ฆฌ๋๊ฑธ ์ถ์ฒํ๋ค
๊ทผ๋ฐ default ์ ๋ฃ์ผ๋ฉด ๋ค ์ ์ฉ ๋๋๊ฑฐ ์๋์๋? ๋ด๊ฐ ์๋ชป์๊ณ ์๋
๊ทธ๊ฑด ๋ง์ด. '๊ฐ์ ์กฐ๊ฑด'์ ์์ด์ฝ์ ์ ๋ํฐ๊ฐ ์์์ ์ฒ๋ฆฌํด ์ค. (Adaptive, Round, Legacy) ๊ทธ๋ณด๋จ Adaptive ์์ด์ฝ์ผ ๋ ์ ๋ํฐ ์๋ํฐ์์ ๋ณด์ด๋ ๋ชจ์ต๊ณผ ์ค์น ํ ํฐ์์ ๋ณด์ด๋ ์์ด์ฝ์ด ๋ค๋ฅธ ๋ถ๋ถ์์ ํผ๋์ด ์์์ด.
unity adaptive icon ์ผ๋ก ใฑใฑ
๋กํ!!