๋ณด์ ๊ตฌ์ฑํ๏ฝ๋๋น๋๋ ๋ฐฐ์ ์์ผ๋ก ์ ๋ช ํ ๋์กฐ ์์ฑ
์์ํ์์ ๋๋น๋๋ ์์ ์์ผ๋ก ์ ๋ช ํ๊ณ ๊ท ํ ์กํ ๋ณด์ ๊ตฌ์ฑ์ ์์ฑํ๊ณ ํ๋ก์ ํธ์ ๋ฐ๋ก ์ธ HEX ์ฝ๋๋ฅผ ์ ๊ณตํฉ๋๋ค.
Two colors opposite on the color wheel. Strong contrast.
์์ํ์์ ๋๋น๋๋ ์์ ์์ผ๋ก ์ ๋ช ํ๊ณ ๊ท ํ ์กํ ๋ณด์ ๊ตฌ์ฑ์ ์์ฑํ๊ณ ํ๋ก์ ํธ์ ๋ฐ๋ก ์ธ HEX ์ฝ๋๋ฅผ ์ ๊ณตํฉ๋๋ค.
๋ณด์ ๊ตฌ์ฑํ๏ฝ๋๋น๋๋ ๋ฐฐ์ ์์ผ๋ก ์ ๋ช ํ ๋์กฐ ์์ฑ์ ํด๋น ๊ธฐ๋ฅ์ ํ์ํ ์ปจํธ๋กค๊ณผ ๊ฒฐ๊ณผ๋ง ํ์ํฉ๋๋ค. ์ฌ์ฉํ ์ ์๋ ์ต์ ์ ๋๊ตฌ์ ์ ๋ ฅ ๋ด์ฉ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋๋ค.
์ง์ ํ์
์ฌ์ฉ ๋ฐฉ๋ฒ
๋จ๊ณ 1
๋ณด์ ๊ตฌ์ฑํ๏ฝ๋๋น๋๋ ๋ฐฐ์ ์์ผ๋ก ์ ๋ช ํ ๋์กฐ ์์ฑ์ ์ด๊ณ ํ๋ฉด์์ ์๊ตฌํ๋ ์ ๋ ฅ์ ์ค๋นํฉ๋๋ค
๋จ๊ณ 2
ํ์ํ ๊ฒฐ๊ณผ์ ๋ง๊ฒ ํ์๋ ์ปจํธ๋กค์ ์กฐ์ ํฉ๋๋ค
๋จ๊ณ 3
๋ณต์ฌ, ๋ด๋ณด๋ด๊ธฐ ๋๋ ์ฌ์ฌ์ฉ ์ ์ ๊ฒฐ๊ณผ๋ฅผ ํ์ธํฉ๋๋ค
ํผํด์ผ ํ ์ผ๋ฐ์ ์ธ ์ค์
- ์ธํฐํ์ด์ค์ ํ์๋์ง ์์ ํ์์ด๋ ์ต์ ์ ์ง์ํ๋ค๊ณ ๊ฐ์ ํ์ง ๋ง์ธ์.
- ๋ธ๋๋, UI ๋๋ ์ ์ ํ์ผ์์ ์ฌ์ฌ์ฉํ๊ธฐ ์ ์ ๊ฐ์ ํ์ธํ์ธ์.
- ํ ์คํธ๋ UI์ ์ฌ์ฉํ ๋๋ ๋๋น๋ ํ์ธํ์ธ์.
์ ๋ฌธ๊ฐ ํ
- ๋ณํ์ ๋น๊ตํ ๋ ์๋ณธ ๊ฐ๊ณผ ๊ฒฐ๊ณผ๋ฅผ ํจ๊ป ๋ณด๊ดํ์ธ์.
- ๋ณํ์ ์ถ์ธกํ์ง ๋ง๊ณ ๋๊ตฌ์ ์ค์ ๋ก ํ์๋๋ ํ์์ ์ฌ์ฉํ์ธ์.
- ๋ชจ๋ฐ์ผ๊ณผ ํ๋ธ๋ฆฟ์์๋ ํ ์คํธ์ ์ปจํธ๋กค์ด ์ค๋ฐ๊ฟ๋๋๋ก ๋์ธ์.
๋ฐ์ดํฐ ์ฒ๋ฆฌ
๋ฐ์ดํฐ ์ฒ๋ฆฌ๋ ์ฌ์ฉํ๋ ๊ธฐ๋ฅ์ ๋ฐ๋ผ ๋ค๋ฆ ๋๋ค. ์ฌ์ดํธ์ ๋์, ๋ถ์, ๊ณ์ ๊ธฐ๋ฅ์ ์์ ์์ ๊ณผ ๋ณ๋๋ก ๊ด๋ฆฌ๋ฉ๋๋ค.
์ด ๋๊ตฌ๊ฐ ํ๋ ์ผ
์์ํ์์ ๋๋น๋๋ ์์ ์์ผ๋ก ์ ๋ช ํ๊ณ ๊ท ํ ์กํ ๋ณด์ ๊ตฌ์ฑ์ ์์ฑํ๊ณ ํ๋ก์ ํธ์ ๋ฐ๋ก ์ธ HEX ์ฝ๋๋ฅผ ์ ๊ณตํฉ๋๋ค. ๋ณด์ ๊ตฌ์ฑํ๏ฝ๋๋น๋๋ ๋ฐฐ์ ์์ผ๋ก ์ ๋ช ํ ๋์กฐ ์์ฑ์ ์ด ์์ ์ ์ง์คํ๋ฉฐ ์ธํฐํ์ด์ค์ ์๋ ๊ธฐ๋ฅ์ ์ ์ ๋ก ํ์ง ์์ต๋๋ค. ํ์ํ ๊ฒฐ๊ณผ๋ฅผ ์ป๊ธฐ ์ํด ํ์๋ ์ปจํธ๋กค์ ์ฌ์ฉํ๊ณ , ๋ค๋ฅธ ๋๊ตฌ๋ ์คํ์ผ์ํธ, ๋์์ธ ํ์ผ, ๋ฌธ์๋ก ์ฎ๊ธฐ๊ธฐ ์ ์ ํ๋ฉด์ ํ์๋ ๊ฐ์ ํ์ธํ์ธ์.
์ ์ ํ ์ ๋ ฅ ์ค๋น
๋ณด์ ๊ตฌ์ฑํ๏ฝ๋๋น๋๋ ๋ฐฐ์ ์์ผ๋ก ์ ๋ช ํ ๋์กฐ ์์ฑ์์ ์๊ตฌํ๋ ์ ๋ ฅ๋ถํฐ ์ค๋นํฉ๋๋ค. ํ๋ฉด์ ๋ฐ๋ผ ์์, ๊ฐ, ์ด๋ฏธ์ง ๋๋ ์ค์ ์ด ํ์ํ ์ ์์ต๋๋ค. ์ด ํ์ด์ง์ ์๋ด๋ ํ์์ HEX, RGB, HSL, CSS, Cercle chromatique์ ๋๋ค. ์ธํฐํ์ด์ค์ ํ์๋์ง ์์ ํ์์ด๋ ์ต์ ์ ์ด ๊ธฐ๋ฅ์์ ์ง์ํ๋ค๊ณ ๊ฐ์ฃผํ์ง ๋ง์ธ์.
๊ฒฐ๊ณผ ์ฝ๊ธฐ์ ํ์ธ
๊ฒฐ๊ณผ๋ ์ํํ ์์ ์ ๋งฅ๋ฝ์์ ์ฝ์ด์ผ ํฉ๋๋ค. ์๋ณธ ๊ฐ๊ณผ ๋น๊ตํ๊ณ ๊ณ์ฐ์ ์ํฅ์ ์ค ์ค์ ์ ํ์ธํ์ธ์. ์ค์ํ ์๊ฐ ์์ ์ด๋ผ๋ฉด ์ฝ๋๋ง ํ์ธํ์ง ๋ง๊ณ ์ค์ ๋ก ์ฌ์ฉํ ์ธํฐํ์ด์ค์์๋ ๊ฒฐ๊ณผ๋ฅผ ๊ฒํ ํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
๋ชจ๋ฐ์ผ๊ณผ ํ๋ธ๋ฆฟ ์ฌ์ฉ
๋ณด์ ๊ตฌ์ฑํ๏ฝ๋๋น๋๋ ๋ฐฐ์ ์์ผ๋ก ์ ๋ช ํ ๋์กฐ ์์ฑ์ ์ฌ์ดํธ์ ๋ฐ์ํ ๋ ์ด์์์ ์ฌ์ฉํฉ๋๋ค. ์ข์ ํ๋ฉด์์๋ ์ ๋ชฉ, ์ค๋ช , breadcrumbs, ์ปจํธ๋กค์ด ์ค๋ฐ๊ฟ๋์ด ๊ธด ๋ฒ์ญ์ด ์๋ฆฌ์ง ์๋๋ก ํฉ๋๋ค. ๊ทธ๋๋ ์ค์ ์ฌ์ฉํ ๊ธฐ๊ธฐ์ ์ํฉ์์ ์ต์ข ๊ฒฐ๊ณผ๋ฅผ ํ์ธํ์ธ์.
ํ๋ก์ ํธ์์ ๊ฒฐ๊ณผ ์ฌ์ฌ์ฉ
๊ฒฐ๊ณผ๋ฅผ ํ์ธํ ๋ค์๋ ๋ณด์ ๊ตฌ์ฑํ๏ฝ๋๋น๋๋ ๋ฐฐ์ ์์ผ๋ก ์ ๋ช ํ ๋์กฐ ์์ฑ์ ์ค์ ๋ก ์ ๊ณต๋๋ ๋ณต์ฌ๋ ๋ด๋ณด๋ด๊ธฐ ๊ฐ์ ์์ ๋ง ์ฌ์ฉํ์ธ์. ์ค์ ์ ๋ค์ ๋ง๋ค ๊ฐ๋ฅ์ฑ์ด ์์ผ๋ฉด ์๋ณธ ๊ฐ์ ๋จ๊ธฐ๊ณ , UI ์์์ ์ญํ ๊ณผ ํ์ํ ๋๋น๋ ํจ๊ป ๊ธฐ๋กํ๋ฉด ๊ด๋ฆฌํ๊ธฐ ์ฝ์ต๋๋ค.
๊ด๋ จ ๋๊ตฌ
๊ฐ์ด๋ ๋ฐ ํํ ๋ฆฌ์ผ
์์ธ ๊ฐ์ด๋๋ก ๋๊ตฌ ์ฌ์ฉ๋ฒ์ ๋ฐฐ์ฐ์ธ์.
complementary-scheme: palette ์ค์ ๊ฐ์ด๋
complementary-scheme ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
complementary-scheme: palette ์ค์ ๊ฐ์ด๋
complementary-scheme ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
complementary-scheme: palette ์ค์ ๊ฐ์ด๋
complementary-scheme ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
์์ธ ๊ฐ์ด๋๋ก ๋๊ตฌ ์ฌ์ฉ๋ฒ์ ๋ฐฐ์ฐ์ธ์.