태그: ,

웹 문서의 가독성

줄 길이는 대략 한글 45–75 글자, 영문 70–80 글자에 줄 간격은 한글 200%, 영문 120% 정도가 적당하다고 한다. 그리고 CSS를 작성할 때는 모바일 기기를 기준으로 먼저 작성하고 @media를 이용해서 큰 화면을 디자인하면 모바일에서 빠르게 렌더링돼서 더 좋다고 한다.

그런데 테스트를 해 보니 줄 길이가 길어져서 글자 수가 많아질수록 줄 간격이 넓어지고 줄 길이가 짧아져서 글자 수가 적어질수록 줄 간격이 좁아지는 것이 보기 좋았다.

뿐만 아니라 한글과 영문이 같은 픽셀의 폭에서 글자 수가 다르니 영문과 한글 사이트에서 다른 폭과 줄 간격을 쓰는 게 더 좋은 것 같다. – hcho 2020-01-09

참고문헌

이 칸을 비워 두세요.