워드 프로세싱, 웹 브라우징 및 디지털 출판에서 "텍스트 리플로우"라는 용어는 문서의 텍스트가 페이지, 화면 또는 창에 맞게 자동으로 이동하는 것을 의미합니다. 텍스트 리플로우가 없으면 문서와 웹 사이트는 화면의 작은 부분만 채울 것입니다. 고해상도 모니터, 하지만 저해상도 모니터에서 스크롤해야 합니다. 텍스트를 다루는 대부분의 디지털 형식은 몇 가지 주목할 만한 예외를 제외하고 어떤 방식으로든 리플로우를 활용합니다.
워드 프로세싱에서
Microsoft Word나 다른 워드 프로세서에서 문서를 입력하면 프로그램이 텍스트를 지정된 여백에 맞춥니다. 단어를 추가하고 글꼴 크기를 변경하거나 줄을 삭제하면 텍스트가 자동으로 재배치되어 각 페이지의 여백 내에 유지됩니다. 텍스트는 이미지 주위로 리플로우될 수도 있습니다. 워드에서는 텍스트 줄 바꿈 설정 이미지 테두리 주위의 정사각형 및 촘촘한 흐름 텍스트와 같은 그러나 이미지의 텍스트 줄 바꿈을 텍스트 뒤로 설정하면 텍스트가 리플로우되지 않고 대신 이미지 뒤에 놓입니다.
오늘의 비디오
Word에서 이미지 주위를 흐르는 텍스트.
이미지 크레디트: 마이크로소프트의 이미지 제공
웹에서
웹을 탐색할 때 읽기 위해 가로로 스크롤해야 하는 사이트를 거의 발견하지 못합니다. 잘 디자인된 페이지뿐만 아니라 웹 브라우저가 텍스트에 맞게 텍스트를 리플로우하여 창문. 웹 페이지에 자체 서식 지정 지침이 포함되어 있지 않으면 브라우저에서 줄 바꿈을 삽입하여 텍스트가 화면 오른쪽에서 벗어나는 것을 방지합니다. 테스트로 브라우저에서 일반 텍스트 파일을 열고 브라우저 창의 크기를 조정합니다. 눌러보십시오 Ctrl+플러스 그리고 Ctrl-빼기 페이지의 확대/축소를 변경합니다. 브라우저를 조정하면 텍스트가 리플로우되어 가로 스크롤이 필요하지 않습니다.
크기에 관계없이 일반 텍스트 파일의 텍스트는 세로 스크롤만 필요합니다.
이미지 크레디트: 구글의 이미지 제공
스마트폰에서
텍스트 리플로우는 스마트폰에서 웹을 검색할 때 특히 중요합니다. 스마트폰의 크기가 작고 휴대폰 모델마다 화면 해상도가 다르기 때문입니다. 페이지가 화면에 맞도록 하기 위해 웹 디자이너는 페이지 요소의 위치와 스타일을 지정하는 CSS(Cascading Style Sheets)를 사용합니다. "2인치 텍스트 블록"과 같이 스타일에 특정 치수를 설정하는 대신 디자이너는 "가로의 30%를 채우는 텍스트 블록"과 같이 모든 화면 크기에서 작동하는 스타일 너비."
iPhone에서 본 eHow 웹사이트.
이미지 크레디트: Demand Media의 이미지 제공
팁
CSS는 휴대폰이나 텍스트 형식에만 국한되지 않습니다. 스타일 시트는 지금 읽고 있는 웹사이트를 포함하여 많은 웹사이트의 디자인에서 큰 역할을 합니다.
전자책에서
전자책의 텍스트 리플로우는 스마트폰의 리플로우와 유사한 목적을 제공합니다. 모든 e-리더는 크기가 다르지만 텍스트의 각 페이지는 장치의 화면에 맞아야 합니다. 그러나 저자가 페이지의 원래 레이아웃에 대해 타당한 이유가 있을 수 있기 때문에 전자책에서 텍스트를 리플로우하는 것은 편집상의 문제를 제기합니다. 에서 시의 전자 책, 예를 들어 각 줄에 맞는 단어 수를 리플로우하면 작업의 영향을 약화시킬 수 있습니다. 페이지 사이에 텍스트를 리플로우하면 전자책의 페이지 수가 e리더마다 다르기 때문에 구절을 인용하기가 더 어려워집니다.
리플로우가 없는 형식
텍스트 리플로우는 문서와 웹에서 가독성을 높이는 데 도움이 되지만 양식을 작성하거나 발행물을 디자인할 때 모든 컴퓨터에서 텍스트가 다르게 표시되면 문제가 발생할 수 있습니다. 다음과 같은 형식 PDF 그리고 XPS 화면 크기에 따라 텍스트를 리플로우하지 마십시오. 고해상도 PDF를 스마트폰에서 열어도 텍스트가 컴퓨터에서와 동일하게 흐르기 때문에 가로질러 스크롤을 많이 해야 합니다. 이 요소로 인해 PDF 및 유사 파일은 일반적인 화면 읽기에는 적합하지 않지만 문서의 원본 레이아웃이 중요한 경우에는 필수입니다.
iPhone 화면의 크기를 초과하여 표시되는 PDF 파일입니다.
이미지 크레디트: 애플의 이미지 제공