UX 개발/CSS - 타이포그래피 썸네일형 리스트형 [CSS] 텍스트 문장의 좌우 크기는 얼마로 잡는 것이 적절할까? 텍스트 문장의 좌우 크기는 얼마로 잡는 것이 적절할까? 웹사이트나 모바일 화면에서 텍스트를 읽는 사용자의 경험을 좌우하는 중요한 요소 중 하나는 바로 텍스트 문장의 좌우 크기입니다. 읽기 편한 줄 너비를 유지하면 가독성을 높이고 사용자 경험을 개선할 수 있습니다. 이 글에서는 TailwindCSS의 max-w-prose유틸리티 클래스를 중심으로, 영문 및 한글 디지털 타이포그래피에서 적절한 텍스트 줄 너비에 대한 일반적인 가이드를 다룹니다. 왜 줄 너비(좌우 크기)가 중요한가? 문장의 줄 너비가 너무 넓거나 좁으면 다음과 같은 문제가 발생할 수 있습니다: • 너무 넓은 경우: 독자가 한 줄을 끝까지 읽은 후 다음 줄로 이동할 때 시선 이동이 불편해지고 집중력이 떨어집니다. • 너무 좁은 경우: 지나치게 .. CSS 한글 웹폰트 자간(letter-spacing) 자동으로(상대적으로) 조정하기 (내용수정, 2020-04-21) em의 수치가 %와 비슷하게 작동한다는 내용 추가 타이포그래피라는 단어가 영어라는 점에서 알 수 있듯 기본적인 이론과 기술의 근원이 영어 즉, 라틴문자를 중심으로 구성이 되어 있습니다. 하지만 한글은 기본적으로 영어와는 전혀 다른 특성을 가지고 있는 글자체계이기 때문에 적용 기술이 영어를 대상으로 하는 것과는 달라야 합니다. 그 중에 특히 차이가 심한 요소가 자간입니다. 한글 웹폰트의 자간웹폰트를 떠나서 대부분 한글 디지털타입페이스는 자간이 다소 넓습니다. 글자 요소별 kerning이 이루어져 있는 영어와 달리 기술적 제약이 있는 것인지 모르겠지만, 대부분의 디지털타입페이스가 그러합니다. 그래서 한글의 경우 자간조정이 거의 필수적으로 이루어지는 경우가 많습니다. CS.. 이전 1 다음
단순함연구소 UX개발실
