둘러보기 메뉴
검색
바뀐글
임의글
개인 도구
가입하기
로그인
도움말
도움말
질문게시판
자주 묻는 질문
커뮤니티
실시간 채팅방
가입인사게시판
자유게시판
뉴스게시판
제재안게시판
최근 토론
페미위키
공지사항
개선 요청
바뀐글
임의글
파일 올리기
다면 분류 목록
특수 문서 목록
타이포그래피 문서 원본 보기
이름공간
문서
토론
주시
도구
여기를 가리키는 문서
가리키는 글의 최근 바뀜
문서 정보
위키베이스 항목
행위
보기
읽기
원본 보기
역사 보기
←
타이포그래피
문서 편집 권한이 없습니다. 다음 이유를 확인해주세요.
요청한 명령은 다음 중 하나의 권한을 가진 사용자에게 제한됩니다:
사용자
,
Seeders
.
문서를 고치려면 이메일 인증 절차가 필요합니다.
사용자 환경 설정
에서 이메일 주소를 입력하고 이메일 주소 인증을 해주시기 바랍니다.
문서의 원본을 보거나 복사할 수 있습니다.
'''타이포그래피'''(Typography)는 [[언어]], [[활자 서체]]를 또렷하고, 읽을 수 있게 배열하는 것이다. [[그리스]]어인 typos'(표시)와 grapho'(쓰다)에서 유래하였다. == 타이포그래피의 요소 == 글이 힘을 잃지 않고 독자의 시선을 잘 붙잡기 위해 염두에 두어야 할 요소들이다. === 가독성 === {{빈 문단}} === 판독성 === 개별 글자가 얼마나 쉽게 인지되는지 여부는 가독성에 큰 영향을 준다. 이를 [[판독성]]이라 한다. === 글줄의 길이 === 한 줄에 너무 많은 글자가 들어가면 시선이 다음 줄의 첫 글자로 돌아가는 사이([[급속안구운동]])에 길을 잃는 수가 있다. 이는 글이 힘을 잃게 하는 요소이다. === 글줄당 단어의 수 === 영문 등 라틴 계열 알파벳의 경우 공백 포함 50-60 글자 정도를 통상적으로 적절한 너비로 본다. 한글은 개별의 자음과 모음이 모여 하나의 글자를 이루는 [[모아쓰기]] 방식의 특성으로 인해 영문에 비해 글줄 당 글자수가 상대적으로 작다. 통상 29자에서 32자를 적당한 글자수라 한다. === 정렬방식 === ==== 양끝맞춤 ==== 문단의 단어들을 양끝맞춤(justification) 방식으로 정렬하면 개별 문단이 시각적으로 잘 구분되는 장점이 있으나, 문단을 이루는 단어 사이사이에 세로로 지나치게 큰 여백이 생겨서 시선의 흐름을 방해하는 문제가 생길 수 있다. 세로로 만들어지는 여백이 우연히 여러 줄에 걸쳐 이어지는 경우 '강(river)'이 흐른다고 표현하며, 이러한 '강'들은 시선의 흐름을 크게 방해한다. === 줄 간격(행간) === {{빈 문단}} == 웹 타이포그래피 == {{빈 문단}} === 인쇄물들과의 차이 === ==== 모바일 ==== === 관련 자료 === *[http://webactually.com/2015/10/반응형-웹-디자인에서-글줄의-길이와-글자-크기-균형/ 반응형 웹 디자인에서 글줄의 길이와 글자 크기 균형 잡기] *[[해리 로버트]](Harry Robert)가 작성한 [https://www.smashingmagazine.com/2011/03/technical-web-typography-guidelines-and-techniques/ '기술적인 웹 타이포그래피: 가이드라인과 테크닉(Technical Web Typography: Guidelines and Techniques)'] == 같이 보기 == *[[가독성]] *[[판독성]] *[[폰트]] [[분류:분야/디자인]]
이 문서에서 사용한 틀:
틀:빈 문단
(
원본 보기
)
틀:알림 상자
(
원본 보기
)
틀:알림 상자/styles.css
(
원본 보기
)
타이포그래피
문서로 돌아갑니다.
다른 언어