ux dev

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

2024/12/19 1

[CSS] 텍스트 문장의 좌우 크기는 얼마로 잡는 것이 적절할까?

텍스트 문장의 좌우 크기는 얼마로 잡는 것이 적절할까? 웹사이트나 모바일 화면에서 텍스트를 읽는 사용자의 경험을 좌우하는 중요한 요소 중 하나는 바로 텍스트 문장의 좌우 크기입니다. 읽기 편한 줄 너비를 유지하면 가독성을 높이고 사용자 경험을 개선할 수 있습니다. 이 글에서는 TailwindCSS의 max-w-prose유틸리티 클래스를 중심으로, 영문 및 한글 디지털 타이포그래피에서 적절한 텍스트 줄 너비에 대한 일반적인 가이드를 다룹니다. 왜 줄 너비(좌우 크기)가 중요한가? 문장의 줄 너비가 너무 넓거나 좁으면 다음과 같은 문제가 발생할 수 있습니다: • 너무 넓은 경우: 독자가 한 줄을 끝까지 읽은 후 다음 줄로 이동할 때 시선 이동이 불편해지고 집중력이 떨어집니다. • 너무 좁은 경우: 지나치게 ..

UX 개발/CSS - 타이포그래피 2024.12.19
이전
1
다음
더보기
프로필사진

ux dev

UX의 개발방법을 고민합니다.

  • 전체보기 (306)
    • UX 콜렉션 (5)
      • 디자인 프레임워크 (1)
      • 디자인 시스템 (0)
      • 아이콘 (3)
      • 폰트 (1)
    • UX 리서치 (40)
      • 디자인 시스템 가이드 (1)
      • 디자인 시스템 컴포넌트 (2)
      • 디자인 이론과 리서치 (16)
      • 디자인 트렌드와 문화 (1)
      • 디자인 케이스스터디 (15)
      • 디자인 리소스 (5)
    • UX 디자인 (54)
      • 피그마 (15)
      • 피그마 - 무료 템플릿 (3)
      • 피그마 - 무료 플러그인 (7)
      • 피그마 - 무료 리소스 (2)
      • 어피니티디자이너 (4)
      • 포토샵 (2)
      • 일러스트레이터 (9)
      • 색상과 디스플레이 (3)
      • 인쇄 (1)
      • 아이콘 디자인 (4)
      • 이메일 디자인 (1)
      • 스케치 (3)
    • UX 개발 (156)
      • HTML (8)
      • CSS (27)
      • CSS - 타이포그래피 (2)
      • CSS - 3D (3)
      • CSS - Selector (1)
      • CSS - Flex & Grid (7)
      • CSS - SASS & SCSS (1)
      • CSS - TailwindCSS (7)
      • CSS - 라이브러리 (2)
      • JS (7)
      • UX - 폼 (Forms) (1)
      • UX - 스크롤 애니메이션 (10)
      • UX - 슬라이더 (롤링배너) (1)
      • UX - 트랜지션 효과 (1)
      • UX - 반응형 (RWD) (1)
      • UX - 커서 & 클릭 & 키보드 (3)
      • Jekyll (1)
      • 노션 (0)
      • 티스토리 (2)
      • 지도API (2)
      • ChatGPT (1)
      • Git (1)
      • SEO (4)
      • 테스팅 (1)
      • Shell Script (Bash) (7)
      • 웹서버 (2)
      • 개발도구와 환경 (53)
    • 정보 접근성 (20)
      • 접근성 (A11Y) (6)
      • 접근성 (A11Y) - 웹 접근성 지침 (7)
      • 접근성 (A11Y) - 컴포넌트 (7)
    • UX 리뷰 (14)
      • 디지털디바이스 (11)
      • 음식과 공간 (0)
      • 거의 모든 것 리뷰 (3)
    • 웹디자인기능사 (14)
      • 웹디자인기능사 정보 (1)
      • 웹디자인기능사 필기 요약 (11)
      • 웹디자인기능사 필기 기출 (0)
      • 웹디자인기능사 실기 (2)
    • 프로젝트 (3)
      • 무료 웹 도구 (3)

Tag

html, 피그마, 웹디자인기능사필기요약, UI디자인, 아이콘, CSS, ux디자인, 맥OS, 웹디자인기능사, UX, 어피니티디자이너, 웹디자인기능사필기, 일러스트레이터, figma, MacOS, 어피니티, UI, 로고디자인, 디자인시스템, 디자인,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

방문자수Total

  • Today :
  • Yesterday :

uxdev.org

  • siimplelab
  • siimply

티스토리툴바