Iconography
Last updated
Last updated
์์ด์ฝ์ Mobile, Web ๊ตฌ๋ถ์์ด ์ฌ์ฉ ๊ฐ๋ฅํ๋ฉฐ ๊ท์ ๋ ๊ฐ์ด๋์ ๋ฐ๋ผ ์ฌ์ฉํ๋๋ก ๊ถ์ฅํฉ๋๋ค. ์์ด์ฝ์ ํค์ ๋ง์ถฐ ์์ ํ๊ณ , ์น์์ ์ฌ์ฉ์ _hover์ ๋ํ ๊ธฐ์ค์ ์ ์ํด์ฃผ๋๋ก ํฉ๋๋ค. ๋ฐฐ์์ ๊ธฐ์ค์ ์ ํ๊ณ ์ฌ์ด์ฆ ๊ตฌ๋ถ์ ์ง์ด ์ํฉ์ ๋ง๊ฒ ์์น์ ์ธ์ ๋์์ธํ๊ณ ์ฌ์ฉํ๋๋ก ํฉ๋๋ค. (20px, 24px, 32px, 40px)
๋ฐฐ์๋ 8๋ฐฐ์ ๊ธฐ์ค์ผ๋ก ํฉ๋๋ค. (ํ์ํ ๊ฒฝ์ฐ 2,4 ๋ฐฐ์์ ์ง์ ๋น์จ๋ก ์ฌ์ฉ ๊ฐ๋ฅํฉ๋๋ค.)
๋ชจ๋ฐ์ผ๊ณผ ๊ฐ์ ๋๋ฐ์ด์ค์์ ์ฌ์ฉ๋๋ ์์ด์ฝ์ ์ฌ์ฉ์์ ํฐ์น ์์ญ์ ๊ณ ๋ คํด ์์ด์ฝ์ ๋๋ฌ์ผ ์ถฉ๋ถํ ์ฌ๋ฐฑ์ ๊ณ ๋ คํด์ผ ํฉ๋๋ค.
ํ๋ก์ ํธ์ ๋ฐ๋ผ ์์ด์ฝ์ ์คํ์ผ ๋ณ๊ฒฝ์ด ๊ฐ๋ฅํ๋ฉฐ, ์๋กญ๊ฒ ์ ์๋์ด์ง๋ ์์ด์ฝ๋ค์ ๋์ผํ ์คํ์ผ๋ก ์ ์ํ๋๋ก ๊ถ์ฅํฉ๋๋ค. (๋ผ์ธ๋๊ป, ๋ผ์ด๋ ๊ฐ, ํฌ๊ธฐ, ์๊ฐ์ ๋ฐธ๋ฐ์ค ๋ฑ)
์, ํ๋จ ๋ฉ๋ด๋ฐ์์ ์ฃผ๋ก ์ฌ์ฉ๋๋ ์์ด์ฝ์ ๋๋ค.
๊ธฐ๋ณธ์ด ๋๋ ์์ด์ฝ์ ๋๋ค. ์์ด์ฝ ์ ์ ์๊ฐ์ ๋ฐธ๋ฐ์ค๋ฅผ ๋ง์ถ์ด ํต์ผ์ฑ์๊ฒ ๋์์ธํ๋๋ก ํฉ๋๋ค. ์์ด์ฝ์ด ์ถ๊ฐ๋์ด์ผ ๋ ๊ฒฝ์ฐ ๊ทธ๋ํฝ ํค์ ๋ง์ถฐ ์ ์ํด ์ฌ์ฉํ๋๋ก ํฉ๋๋ค.
Form, Text, Map๋ฑ์์ ์ฌ์ฉ๋์ด์ง๋ ๋ณ๋์ ์์ด์ฝ ํํ์ ๋๋ค.
hover ์์ญ์ ๊ณ ๋ คํ์ฌ ์์ด์ฝ์ ์ ์ํฉ๋๋ค.
์ฒดํฌ๋ฐ์ค, ๋ผ๋์ค ๋ฒํผ, ํ ๊ธ ๋ฒํผ ๋ฑ ์ฌ์ฉ์๊ฐ ์ปจํธ๋กค ๊ฐ๋ฅํ ์์ด์ฝ์ ๋๋ค.