๐ 2024๋ 5์ 3์ฃผ TOP3
1๏ธโฃ Design Token Studio๋ก UI ๋์์ธ ์์ค์ ๋์ด์ธ์
2๏ธโฃ ์ํธ, ๋ํ์์ ๋๋ ์ค๋ต๋ฐ ๋์์ด๋๋ ์ด๋ค ๊ฒ์ ์ ํํด์ผ ํ ๊น์?
3๏ธโฃ ์ฌ์ฉ์ ๋ฆฌ์์น์ ์ดํด๊ด๊ณ์๋ฅผ ์ฐธ์ฌ์ํค๋ ๋ฐฉ๋ฒ
1๏ธโฃ Design Token Studio๋ก UI ๋์์ธ ์์ค์ ๋์ด์ธ์
๋จ์์ฑ, ์ผ๊ด์ฑ, ์ ๊ทผ์ฑ์ด๋ผ๋ ๋ชฉํ๋ฅผ ์ถฉ์กฑํ๋ ํ๋ก๋ํธ๋ฅผ ๋์์ธํ๋ ค๋ฉด, ํนํ ๋์์ธ ์์คํ ๊ตฌ์ถ์ ํตํด ๋์์ธ ์์น์ ์๊ฒฉํ๊ฒ ์ค์ํด์ผ ํฉ๋๋ค. ์ด ์์คํ ์ ๋์์ด๋๋ก์ ์ฌ๋ฌ๋ถ์ด ์ปดํฌ๋ํธ ์ฌ์ฌ์ฉ, ์ง์นจ ์ค์, ๊ทธ๋ฆฌ๊ณ ๋ชจ๋ ๋์์ธ ์์์ ์ค์ ์ง์ค์ ์ ์ฅ์ ํตํด ๋ง์ ์๊ฐ์ ์ ์ฝํ๋ ๋ฐ ๋์์ ์ค ๊ฒ์ ๋๋ค.
ํ์ง๋ง ๋์์ธ ์์คํ ์ ๋ชจ๋ ๊ฒ์ด ๊ฐ์ถฐ์ ธ ์๋ค๊ณ ํด๋ ๊ฐ๋ฐ์์ ํ์ ํ ๋ ํญ์ ํธ๋ฆฌํ ๊ฒ์ ์๋๋๋ค. ๊ทธ ์ด์ ๋ฅผ ์ค๋ช ํด๋๋ฆฌ๊ฒ ์ต๋๋ค ๐
๋์์ธ ์์คํ ์ ํ๋ก๋ํธ๋ ๋ธ๋๋ ์ ๋ฐ์ ๊ฑธ์ณ ํตํฉ๋ ๋์์ธ ์ธ์ด๋ฅผ ํ๋ฆฝํ๋ ๋ฐ๋ฉด, ๋์์ธ ํ ํฐ์ ํ๋ซํผ ๊ฐ์ ์ผ๊ด์ฑ์ ์ ์งํ๊ณ ๊ฐ๋ฐ์ ํ์ ์ ์ด์งํฉ๋๋ค.
์ด๋ ๋ด ์๋ค! ์... ์กฐ๊ธ ํผ๋์ค๋ฌ์ฐ์ค ์ ์๊ฒ ๋ค์, ๊ฑฑ์ ๋ง์ธ์, ์ ๋ ๋์์ธ ํ ํฐ์ ๋ํด ์์ธํ ์ค๋ช ํ ๊ฒ์ด๊ณ , ๊ฐ๋ฐ์๋ค์ด ์ฌ๋ฌ๋ถ๊ณผ ํ๋ ฅํ๋ ๊ฒ์ ๊ธฐ๋ปํ๋ฉฐ ์ฌ๋ฌ๋ถ์ ๋์์ธ ์์ค์ ๋์ด ํ๊ฐํ ๊ฒ์ด๋ผ๊ณ ์ฝ์ํฉ๋๋ค. ์, ์์ํด๋ณผ๊น์, ์!!!
๋์์ธ ํ ํฐ
๊ฐ๋จํ ๋งํด์, ๋์์ธ ํ ํฐ์ ๋์์ธ ์์คํ ์ ์๊ฐ์ ๋์์ธ ์์์ ๋๋ค. ์ด๋ค์ ํ๋์ฝ๋ฉ๋ ๊ฐ(16์ง์, rgba) ๋์ ์๊ฐ์ ๋์์ธ ์์ฑ์ ์ ์ฅํ๋ ๋ช ๋ช ๋ ์ํฐํฐ๋ก, ์ ์ฐ์ฑ, ๋ช ํ์ฑ, ์ผ๊ด์ฑ์ ๋ณด์ฅํฉ๋๋ค. ๋์์ธ ํ ํฐ์ ๊ฐ์ ์์, ํ์ดํฌ๊ทธ๋ํผ, ์น์ ๋๋ ๊ธฐํ ํ ํฐ์ ํฌํจํ ์ ์์ต๋๋ค. ๋ช ๊ฐ์ง ์ ํ์ ํ ํฐ์ด ์์ต๋๋ค:
๊ธฐ์ตํ๊ธฐ ์ฌ์ด ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค: ํ ํฐ = ์์ ๊ฐ + ์ด๋ฆ
์ด์ ํ ํฐ๊ณผ ๊ทธ ์ ํ์ ๋ํด ์กฐ๊ธ ์๊ฒ ๋์์ต๋๋ค. ์ด์ ๊ฐ ํ ํฐ ์ ํ์ ์ธ๋ถ ์ฌํญ์ ๋ํด ์์ธํ ์ดํด๋ณด๊ฒ ์ต๋๋ค. ์ธ๋ด์ฌ์ ๊ฐ์ง์ธ์!
. .
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
2๏ธโฃ ์ํธ, ๋ํ์์ ๋๋ ์ค๋ต๋ฐ ๋์์ด๋๋ ์ด๋ค ๊ฒ์ ์ ํํด์ผ ํ ๊น์?
๋ชจ๋ฐ์ผ ์ฑ ์ธํฐํ์ด์ค๋ฅผ ์ค๊ณํ ๋, ๋์์ด๋๋ค์ ์ง์์ ์ผ๋ก ๊ฒฐ์ ์ ๋ด๋ฆฌ๋ ์ํฉ์ ๋ง์ฃผํฉ๋๋ค. ์ฌ์ฉ์์๊ฒ ๋์ผํ ์ ๋ณด๋ฅผ ์ ๋ฌํ๋ ๊ฒ์๋ ๋ค์ํ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. ๋๋ก๋ ๋์์ด๋๋ค์ ์์ ์ ๋ชฉํ๋ฅผ ๋ฌ์ฑํ๋ ๋ฐ ๊ฐ์ฅ ์ ํฉํ ์์๊ฐ ๋ฌด์์ธ์ง ๊ฒฐ์ ํ๋ ๋ฐ ์ด๋ ค์์ ๊ฒช์ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ํน์ ์๋๋ฆฌ์ค์์ ์ ๋ณด๋ฅผ ์ด๋ป๊ฒ ์ ์ํด์ผ ํ ๊น์? ์๋ก์ด ํ๋ฉด, ์ํธ ๋๋ ๋ํ์์, ์๋๋ฉด ์ค๋ต๋ฐ๋ก ์ด์ด์ผ ํ ๊น์? ๋์์ด๋๊ฐ ์ํธ๋ฅผ ์ ํํ๋ ๊ฒฝ์ฐ, ์๋ก์ด ์ง๋ฌธ์ด ๋ ์๊น๋๋ค - ๋ซ๊ธฐ ๋ฉ์ปค๋์ฆ์ ๊ตฌํํ ๋๋ ๋ซ๊ธฐ ๋ฒํผ ๋๋ ์ค์์ดํ ์ ์ค์ฒ๋ฅผ ์ ํํด์ผ ํ ๊น์?
์ ์ ๋ช ๊ฐ์ง ๋ช ํํํ๊ธฐ
์ฐ์ ๋ช ๊ฐ์ง ์ ์๋ฅผ ๋ช ํํ๊ฒ ํด๋ณด๊ฒ ์ต๋๋ค. ์ธํฐํ์ด์ค ๋์์ธ์์์ ์ฉ์ด๋ ๋ณต์กํ๋ฉฐ ํ์คํ๋์ด ์์ง ์์ต๋๋ค.
๋ํ์์ (์๋ฆผ, ์์ ์ํธ, ํ์ )
์ด ์์๋ ์ด์ ์ฒด์ ์ ๋ฐ๋ผ ๋ค์ํ ์ด๋ฆ์ผ๋ก ์๋ ค์ ธ ์์ต๋๋ค. iOS์์๋ ๊ฒฝ๊ณ ๋ฅผ ๋ํ๋ด๋ ๊ฒฝ์ฐ์๋ ์๋ฆผ์ด๋ผ๊ณ ํ๋ฉฐ, 2๊ฐ ์ด์์ ์์ ์ ์ ๊ณตํ ๋๋ ์์ ์ํธ๋ก ๋ํ๋ผ ์ ์์ต๋๋ค. Android์์๋ ๋ชจ๋ ๊ฒฝ์ฐ์ ๋ํด ์ด๋ฅผ ๋จ์ํ ๋ํ์์๋ก ๋ถ๋ฆ ๋๋ค. ๋ํ ๋ค์ํ๊ฒ ์ ์๋ ๋ํ์์๋ฅผ ๋ง๋ ์๋ ์์ต๋๋ค. ๋ํ์์๋ ํ์ด์ง ์ฝํ ์ธ ์์ ๋ํ๋๋ ๋ชจ๋ฌ ์ฐฝ์ ๋๋ค. ํน์ ์์ ์ ๋ํ ์ค์ํ ๊ฒฝ๊ณ ๋ ์ฌ์ฉ์ ํ์ธ์ ์์ฒญํ ์ ์์ต๋๋ค. ์ด๋ฌํ ์์๋ค์ ์ข ์ข ํ์ ์ด๋ผ๊ณ ๋ ๋ถ๋ฆฝ๋๋ค. ํ์ ์ ๊ฐ๋ ์ ์น์์ ์์๋์์ผ๋ฉฐ ๋ค์ํ ๋ณํ์ผ๋ก ๋ฐ์ ํด์์ต๋๋ค.
์ํธ(ํ๋จ ์ํธ)
์ด ์์๋ ์ด์ ์ฒด์ ์ ๋ฐ๋ผ ๋ค์ํ ์ด๋ฆ์ผ๋ก ์๋ ค์ ธ ์์ต๋๋ค. Android์์๋ ํ๋จ ์ํธ, iOS์์๋ ์ํธ๋ก ๋ถ๋ฆ ๋๋ค. ๊ทธ๋ฌ๋ ๊ฐ๋จํ ์ํธ๋ก ์ธ๊ธํ๊ฒ ์ต๋๋ค. ๋์จ๋ ธ๋จผ๊ทธ๋ฃน(NNgroup) ์น์ฌ์ดํธ์ ์ ์์ ๋ฐ๋ฅด๋ฉด, ์ํธ๋ ๋ชจ๋ฐ์ผ ์ฅ์น์ ํ๋ฉด ํ๋จ ๊ฐ์ฅ์๋ฆฌ์ ๊ณ ์ ๋ ์ค๋ฒ๋ ์ด์ ๋๋ค. ์ถ๊ฐ์ ์ธ ์ธ๋ถ ์ ๋ณด๋ ์์ ์ ํ์ํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
3๏ธโฃ ์ฌ์ฉ์ ๋ฆฌ์์น์ ์ดํด๊ด๊ณ์๋ฅผ ์ฐธ์ฌ์ํค๋ ๋ฐฉ๋ฒ
์ฌ์ฉ์ ๋ฆฌ์์น ํ๋ก์ ํธ๋ฅผ ์ํํ๋ ค๋ฉด ๊ณํ์ ๊ด๋ จ ์ดํด๊ด๊ณ์๋ฅผ ์ฐธ์ฌ์ํค๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์ดํด๊ด๊ณ์๋ ๊ทํ๊ฐ ์ํํ๋ ๋ฆฌ์์น๊ฐ ํ๋ก์ ํธ์ ์ต๋ํ ๊ด๋ จ์ด ์๋์ง, ์ง์์ด ํ์ํ ์ฌ๋๋ค์ด ๊ทํ์ ๋ฆฌ์์น์ ๊ด์ฌ์ ๊ฐ๊ณ ์๋์ง ํ์ธํ๋ ๋ฐ ๋์์ ์ค ์ ์์ต๋๋ค.
๋ด๋ถ ๋์์ด๋์ ๋ ๋ฆฝ ๋์์ด๋๋ ๋ฆฌ์์น ์ดํด๊ด๊ณ์์ ๊ด๋ จํ์ฌ ์๋ก ๋ค๋ฅธ ๊ณผ์ ๋ฅผ ์๊ณ ์์ง๋ง ๊ฒน์น๋ ๋ถ๋ถ๋ ๋ง์ต๋๋ค. ์ฌ๊ธฐ์์๋ ๋ค์ํ ์ ํ์ ์ดํด๊ด๊ณ์, ํ๋ก์ ํธ์ ์ด๋ค์ ์ฐธ์ฌ์์ผ์ผ ํ๋ ์ด์ , ๋์์ธ ์ฌ์ ์ ํต์ฌ ๋ถ๋ถ์ ์ต๋ํ ํ์ฉํ์ฌ ๊ฒฐ๊ณผ๋ฅผ ์ต์ ํํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ดํด๋ณด๊ฒ ์ต๋๋ค.
์ดํด๊ด๊ณ์๋ฅผ ์ฐธ์ฌ์ํค๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
๋ฆฌ์์น ํ๋ก์ ํธ์ ์ดํด๊ด๊ณ์๋ฅผ ์ฐธ์ฌ์ํค๋ ๊ฒ์ ์ค์์ฑ์ ๊ฐ์กฐํ๋ ์๋ถํฐ ์์ํด ๋ณด๊ฒ ์ต๋๋ค. ๋น์ ์ด ์ค๋งํธํฐ ์ฑ์ ๊ฐ๋ฐํ๋ ํ์ฌ์ UXํ์์ ์ผํ๋ ๋์์ด๋๋ผ๊ณ ๊ฐ์ ํด ๋ณด๊ฒ ์ต๋๋ค. ๊ทํ์ ์ฑ ์ ์ค ํ๋๋ ํผํธ๋์ค ์ฑ์ ์๋ก์ด ๊ธฐ๋ฅ์ ๋ํ ๊ฐ๋ ๊ณผ ๋์์ธ์ ์๊ฐํด๋ด๋ ๊ฒ์ ๋๋ค. ๋์ ๊ทธ๋ฃน์ด ์ด๋ป๊ฒ ์ด๋ํ๊ณ ํด๋ํฐ์ ์ฌ์ฉํ๋์ง์ ๋ํ ์ ๋ณด๊ฐ ๋ถ์กฑํ ๊ฒ ๊ฐ์ต๋๋ค.
๋ฐ๋ผ์ ์๋ก์ด ๊ธฐ๋ฅ์ด ๊ฐ๋ฅํ ํ ๊ณ ๊ฐ๊ณผ ๊ด๋ จ์ด ์๋์ง ํ์ธํ๊ธฐ ์ํด ์๊ท๋ชจ ๋ฏผ์กฑ์งํ์ ์ฌ์ฉ์ ๋ฆฌ์์น ํ๋ก์ ํธ ์ํ์ ๋ํด ํ๋ก์ ํธ ๊ด๋ฆฌ์์๊ฒ ๋ฌธ์ํ์ญ์์ค. ๊ทํ์ ํ๋ก์ ํธ ๊ด๋ฆฌ์๋ ์ด์ ๋์ํ๊ณ ํจ๊ป ์๊ฐ์ ๋ด์ด ์ฌ๋ฌ ์ฐจ๋ก ์ธํฐ๋ทฐ๋ฅผ ํ๊ธฐ๋ก ๊ฒฐ์ ํฉ๋๋ค. ์์ ํ ์๋ก์ด ๊ณ ๊ฐ ๊ทธ๋ฃน๊ณผ ๊ด๋ จ์ฑ์ ๊ฐ๊ฒ ํ๊ณ ๊ทธ๋ค์ ์ผ์ ์ํ์ ์ค์ ๋ก ๋ณํ๋ฅผ ๊ฐ์ ธ์ฌ ์ฑ์ ์๋ก์ด ๊ธฐ๋ฅ๊ณผ ๊ฐ์ ์ฌํญ์ ๋ํด ๋ฆฌ์์น๋ฅผ ์ํํ๊ณ ํ์ํ ์๊ฒฌ์ ์ป์ต๋๋ค. ์ด์ ์ผ๋ก ๊ฐ๋ ์ฐฌ ๋น์ ์ ํ์ฌ๋ก ๋์์ ์๋กญ๊ณ ํ๋ฅญํ ํต์ฐฐ๋ ฅ๊ณผ ์์ด๋์ด๋ฅผ ๊ณต์ ํฉ๋๋ค.
๊ทธ๋ฆฌ๊ณ ๋น์ฐํ ๋๋ฃ๋ค์ ๊ทํ์ ํต์ฐฐ๋ ฅ์ด ํฅ๋ฏธ๋กญ๋ค๊ณ ์๊ฐํ๊ณ ๊ทํ์ ๋์์ธ ์์ด๋์ด๋ ์๋นํ ์ข์ํฉ๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ค ์ด์ ์์์ธ์ง ๊ทธ๋ค์ ์ด์ ์ ๊ฑฐ๊ธฐ๊น์ง์ ๋๋ค. ์์ด๋์ด์ ๋ณ๊ฒฝ ์ฌํญ์ ๊ตฌํํ๋ ๋ฐ์๋ ์ค์ ๋ก ์๋ฌด ์ผ๋ ์ผ์ด๋์ง ์์ต๋๋ค. ์ค๋ง์ค๋ฝ๊ณ ์์งํ ์ฝ๊ฐ ๋๋ดํ ๋น์ ์ ์๋ฌด๋ ๊ด์ฌ์ ๋์ง ์๋๋ฐ ์ ์ฒ์๋ถํฐ ๋ฆฌ์์น์ ์ ๊ฒฝ์ ์ผ๋์ง ๊ถ๊ธํดํฉ๋๋ค.
์ฌ๊ธฐ์ ์ฃผ์ ๋ฅผ ๊ณ ๋ คํ๋ฉด ๋ฌด์์ด ์๋ชป๋์๋์ง ์ง์ํ ์ ์์ ๊ฒ์ ๋๋ค. ๊ฐ์ฅ ์ค์ํ ํ๋ก์ ํธ ์ดํด๊ด๊ณ์๋ฅผ ์ฐธ์ฌ์ํค์ง ๋ชปํ์ต๋๋ค. ๊ทํ์ ๋ฆฌ์์น๋ ํ๋ฅญํ์ง๋ง ํจ๊ป ์ผํ๋ ์ฌ๋๋ค๋ก๋ถํฐ ๋ฐฑ์ ์ ๋ฐ์๋์ง ํ์ธํ์ง ์๊ณ ๊ด๋ จ ์ ๋ณด๋ฅผ ๋ชจ๋ ์ป์ง ๋ชปํ ์ฑ ๋ฆฌ์์น๋ฅผ ์ํํ์ต๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์