๋์์ธ ์์คํ
- Foundation ๊ฐ์ 2
์ปฌ๋ฌ๋ ์์ ํ ์๋กญ๊ฒ ์์์ ์ ๋ณํ๊ณ ์ปฌ๋ฌ ์คํ๋ ํ๊ธฐ๋๋ฌธ์, ์ค๋นํ๋ ๊ธฐ๊ฐ์์ ์ ์ผ ๋ง์ ์๊ฐ์ด ๋ค์ด๊ฐ๋ค. ํ์ดํฌ๊ทธ๋ํผ์ ๋ผ์ด๋ ๊ฐ, ์๋์ฐ๋ ๊ธฐ์กด์ ์๋ ๊ฐ์ง์๋ฅผ ์ค์ด๊ฑฐ๋ ํ ์ธต ๋ ๋๋ฒจ๋กญ ๋ ๊ฐ๋
์ ๋ฃ๋ ์ ๋๋ก, ์์ํ๊ฒ ์์
์ด ๋์๋ค. ํ์ดํฌ๊ทธ๋ํผ(Typography)์ ๊ฐ์ํ ๋ฐ ๊ท๊ฒฉํ ๋ฌธ์ ์ ์ฌ๋ฌ๋ฐฉ๋ฉด์ผ๋ก ๋จ์
ํ๊ฒ ํ๋ ๋์์ธ์์คํ
์ด์์ง๋ง.. ์ ๋ง ์์คํ
์ผ๋ก ๋๊ปด์ง์ง ์๋ ์์๊ฐ ๋ฐ๋ก ํ์ดํฌ๊ทธ๋ํผ์๋ค. ์์ ๋๋ฅผ ์ํด์์ธ์ง ๋ชจ๋ฅด๊ฒ ์ผ๋, ์ด 4๊ฐ์ง ๋๊ป์ 10,11,12โฆ ๋ฑ 1px๋ง๋ค ๋ชจ๋ ์ฌ์ด์ฆ์ ํฐํธ ํฌ๊ธฐ๋ฅผ ์ ๊ณตํ๊ณ ์์๋ค. ๊ทธ๊ฒ ๋ํฉ 320์ข
๋ฅ์๋ค. ํฐํธ ์ข
๋ฅ๊ฐ ๋ง์ง๋ง ๊ทธ์ ๋ฐ๋ฅธ ๊ฐ์ด๋๊ฐ ๋ชจํธํ์๊ณ , ๋์ผํ ์์์๋ ๊ฐ์ธ์ ํ๋จ์ผ๋ก ๋ค๋ฅธ ํฐํธ ์ฌ์ด์ฆ๊ฐ ์ฌ์ฉ๋์ด ํต์ผ์ฑ์ด ๋จ์ด์ก๋ค. ๊ทธ๋์ ์ฝ์์ ๋ฐ๋ํฐํธ๊ฐ 14px์ผ๋๋ ์๊ณ 16px์ผ๋๋ ์์๋คใ
ใ
. ๊ฐ์กฐ ํ
์คํธ๊ฐ Semibold ์ธ์ง, Bold์ธ์ง ์์ง๋ ๋ชจ๋ฅด๊ฒ ๋ค. ๋ถํ์ํ ํฐํธ ์ ๊ฑฐ ๋ฐ ์ญํ ์ ๋ฐ๋ฅธ ๋ถ๋ฅ 4๊ฐ์ง์ ํฐํธ ๋๊ป๋ฅผ 3๊ฐ๋ก ์ค์๊ณ , ํฐํธ์ ๊ณ์ธต์ ์ญํ ์ ๋ฐ๋ผ ๋ค์ ๋ถ๋ฅํ์๋ค. ๊ธฐ์กด์ ์ ๋ถ Header์ Subtitle์ด ๋๋ถ๋ถ์ด๋ผ Body๊ฐ ์์ด์ ํผ๋๋ ์ผ๊ธฐ๋์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฆฌ๊ณ Header์ Subtitle์ ๊ตฌ๋ถ๋ ๋ชจํธํ์๋ค. ๊ทธ๋์ ์ญํ ์ ๋ฐ๋ผ ํ์คํ๊ฒ ๊ฐ์ด๋๋ฅผ ์ ๊ณตํ์๋ค. ์ญํ ์ ๋ฐ๋ผ Heading,Title 2๊ฐ์ง ์ ๋ชฉ ์ข
๋ฅ๋ก ๋๋๊ณ , ํฌ๊ธฐ๋ณ๋ก ๊ตฌ์ฒด์ ์ธ ๊ฐ์ด๋๋ ์ง์ ํด์ฃผ์๋ค. ํ์ง๋ง ๋๊ป์ ๋ํด์๋ ์์ ๋๋ฅผ ์ด๋์ ๋ ์ ๊ณตํด ํฐํธ ์๊ณ ์กฐ์ ์ ์์ ๋กญ๊ฒ ํ๋๋ก ๋ง๋ค์๋ค. ๊ทธ๋ฆฌ๊ณ Body์ ๋ค๋ฅด๊ฒ, 3์ค ์ด์ ์ฐ์ด๋ ๊ณณ์๋ Paragraph๋ฅผ ์ฐ๋๋ก ์ถ๊ฐํ์๋ค. Body์ ์ฐจ์ด์ ์ ํ๊ฐ์ด๋ค. ๋ผ์ด๋ ๊ฐ(Radius)์ ๊ท ์ผํ ๋ฌธ์ ์ ๋๋ฅผ ๊ดด๋กญํ๋ ๊ฑด ํ์ดํฌ๊ทธ๋ํผ๋ฟ๋ง ์๋์๋ค... ๋ผ์ด๋ ๊ฐ์ด ๋ถํ์ํ๊ฒ ๋ค์ํ๊ณ , ๊ฐ์ด๋์กฐ์ฐจ ๋งค์ฐ ๋ชจํธํ๊ฒ ์์ฑ๋์ด ์์ด์ ์ด๋ ์ผ์ด์ค์ ์ฌ์ฉํ๋ ๊ฒ์ธ์ง, ์ด๋ค ์ฌ์ด์ฆ์ธ์ง ๋ถ๋ณ์ด ๋์ง์์๋ค. ์ ํํ ๊ฐ์ด๋๋ก Radius ๊ฐ ํต์ผ ๋ง์๊ฐ์์๋ ๋ชจ๋ ๊ฐ์ 4px๋ก ํต์ผ์ํค๊ณ ์ถ์์ง๋ง... ๊ธฐ์กด์ ์ฝ์์ด ๋งค์ฐ ๋ฅ๊ธ๋ฅ๊ธํ๊ณ ์ ํ? ๋๋์ด์๋๋ฐ ๊ฐ์๊ธฐ ๋ฑ๋ฑํ๊ฒ ๋๋์ผ๋ก ํ ๋ฐ๊ฟ๋ฒ๋ฆฌ๋ฉด ์๋ ๊บผ๊ฐ์๋ค. (๋ธ๋๋ฉ ์ด๋ฏธ์ง๋ ์๊ณ !) ํ์ง๋ง ๋ง์ ๋ผ์ด๋ ๊ฐ์ ์ฃผ๊ธฐ์๋ ํฌ๊ธฐ์ ๋ฐ๋ผ ์๊ฐ๋ณด์ ์ ๋ํด ๊ฐ์ธ์ด ์ ๋งค๋ชจํธํ๊ฒ ํ๋จํด๋ฒ๋ฆด ์ ์๋ค๋ ์๊ฐ์, "์ ๋นํ" ๋ผ์ด๋ ๊ฐ์ผ๋ก ํํ์ ํ๋ค. ๊ทธ๋ฆฌ๊ณ ๊ฐ์ธ์ด ๋งค์ฐ ์ฝ๊ฒ ์์งํ ์ ์์ ์ ๋์ ๊ฐ์ด๋๋ฅผ ๋ง๋ค์๋ค.
- Yura