나는 한 번 client's 를 발송했다 lorem Ipsum 의 3 개의 단락을 가진 홈페이지는 아직도 "About" 단면도에 앉고 있다. 그들의 매매 지도가 주제 선 "what 언어가 이것인 스크린샷을 이메일을 보내기 전에 대략 사십분 동안 살아 있었다."아무도 죽지 않았다,그러나 나는 낱말을 위해 각 프로젝트를 검색했다 ipsum 이후 배포할 때마다 를 구축했습니다 로렘 입섬 생성기 Toolz.dev에서는 부분적으로 5년 된 북마크에서 더미 텍스트 복사를 중단합니다.
여기 대부분의 자리 표시자-텍스트 가이드가 건너뛰는 것이 있습니다: Lorem Ipsum 의 요점은 화려하게 보이는 것이 아닙니다. 그것은 올바른 모양으로 읽을 수 없는 텍스트의 적절한 양입니다,그래서 당신은 사본에 관하여 논쟁하는 아무도가 없는 배치를 재판할 수 있다. 양을 틀리게 얻고 자리 표시자는 당신에게 속인다 - 진짜 단락이 나타날 때 2 개의 단정한 문장 밑에 완벽한 보는 디자인은 떨어져 떨어진다. 그래서 이 가이드는 역사에 관하여 보다 적게 (몇몇이 있더라도) 실제로 그것을 대체할 무슨과 일치하는 원본을 생성하기에 관하여 더 많은 것 이다.
모든 것이 브라우저에서 실행됩니다. 가입이없고 워크 플로우 중간에 광고가 없으며 아무데도 전송되지 않습니다.
TL;DR: X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 로렘 입섬 생성기 세 개의 슬라이더에서 자리 표시자 단락을 빌드합니다 - 얼마나 많은 단락,문장당 평균 단어,문단당 평균 문장 - 드래그하면서 라이브로 재생성합니다. 익숙한 "Lorem ipsum odor amet,consectetuer adipiscing elit." 라인과 나머지 부분을 무작위로 라틴계 단어로 채우므로 모든 블록이 뚜렷하게 보입니다. 크기 진짜 예상된 내용,그것을 밖으로 베끼고,"ipsum"를 위한 당신의 프로젝트를 당신이 발송하기 전에 검색하십시오. 진짜 낱말이 도착할 때,the 를 가진 그들의 길이를 검사하십시오 워드 카운터.
Lorem Ipsum이란 무엇이며 왜 라틴어입니까?
Lorem Ipsum 은 필러 텍스트로 사용되는 스크램블 의사 라틴어로 디자이너가 실제 콘텐츠가 존재하기 전에 레이아웃을 평가할 수 있습니다. 유명한 오프닝 - & quot;Lorem ipsum dolor sit amet,consectetur adipiscing elit... & quot; - Cicero's 의 망가진 조각입니다 De Finibus Bonorum et Malorum는, 기원전 45 년에 쓰여진 윤리학에 관한 논문입니다. 그 단어들은 수세기 전에 잘려져서 라틴어처럼 읽히지만 아무 의미도 없는 것으로 섞여 있었습니다.
"why Latin" 질문에는 좋은 대답이 있습니다: 무의미함이 그 특징이다. 실제 영어로 모형을 채우면 리뷰하는 모든 사람이 단어를 읽고 사본에 대한 의견을 형성하고 디자인을 보지 않게됩니다. Lorem Ipsum 으로 채우면 읽을 것이 없으므로 관심은 원하는 곳으로갑니다 - 간격,유형, 계층 구조 및 리듬에 대한 관례는 모든 이해 관계자가 시야에서 "placeholder 로 인식 할 정도로 충분히 오래되었습니다 (1500 년대에는 프린터가 이런 식으로 유형을 뒤섞었고,1960 년대에는 Letraset 이이를 퍼뜨 렸으며,데스크탑 출판 소프트웨어가 1980 년대 동안 구워 냈습니다) final."가 아닙니다
Toolz.dev 생성기에 대한 한 가지 정직한 메모는 구체적으로: 정확한 고전적인 구절을 단어 대 단어로 재현하지 않습니다. 인식 가능한 선으로 열린 다음 라틴어 풍미의 용어 풀에서 무작위로 단어를 끌어 당기므로 신체는 동일한 Cicero 조각이 아닌 매번 신선합니다. 플러스 인 자리 표시자 목적을 위해 - 모두 다르게 보이는 여러 블록을 생성 할 수 있습니다.
길이 제어는 어떻게 작동합니까?
이것은 도구를 실제로 유용하게 만드는 부분이며 인터페이스가 사람들이 기대하는 것과 다른 부분입니다. "give me 50 words" or "give me 3 sentences" button 이 없습니다. 대신 세 개의 슬라이더로 텍스트를 형성하고 도구는 단락으로 곱합니다:
단락 수 (1 ~ 20) - 얼마나 많은 단락을 얻는가.
평균. 문장당 단어 (5 ~ 25) - 목표 문장 길이. 생성기는 이 숫자 주위에 약간의 무작위 분산을 추가하여 문장이 로봇적으로 동일하지 않도록 하며, 이는 결과를 테이블이 아닌 자연스러운 산문 리듬처럼 읽게 만듭니다.
평균. 단락당 문장 (2 ~ 15) - 각 단락이 실행되는 기간, 다시 약간의 차이가 있습니다.
그래서 당신의 거친 단어 수는 다음과 같습니다 단락 × 단락 당 문장 × 문장 당 단어10 개의 단어 × 8 문장에 1 개의 단락은 대략 80 개의 단어입니다. 그 설정에 10 개의 단락은 긴 형식의 article's 몸값입니다. 텍스트는 어떤 슬라이더를 움직이는 순간 재생성되므로 산술이 아닌 눈으로 모양을 다이얼합니다. 제대로 보일 때 누르십시오 본사.
알만한 가치가 있는 작은 사실적인 터치: 대략 7 개 중 한 문장은 마침표 대신 물음표로 끝납니다. 무작위이며 자리 표시자의 벽을 실제 글쓰기처럼 조금 더 읽게 만듭니다.
Toolz.dev에서 자리 표시자 텍스트를 생성하는 방법, 단계별
1 단계: 발전기를 엽니다
로 이동 로렘 입섬 생성기. 단락은 이미 부하에서 생성, 그래서 당신은 즉시 작업 할 수있는 뭔가가있다.
2 단계: 단락 개수를 설정합니다
드래그 단락 수 레이아웃에 필요한 블록이 아무리 많더라도 단일 카드 설명은 1; 블로그 본체 모형은 5~8일 수 있습니다.
3 단계: 문장과 단락 길이를 형성하십시오
사용 평균. 문장당 단어 그리고 평균. 단락당 문장 일치시키려면 밀도 실제 콘텐츠의. Terse UI 복사: 짧은 문장,짧은 단락. 긴 읽기 기사: 더 긴 둘 다. 이것은 사람들이 건너 뛰는 단계이며 자리 표시자를 정직하게 만드는 단계입니다.
4 단계: 복사
히트 본사. 텍스트는 일반 텍스트로 클립보드에 표시되고 Figma, HTML 템플릿, CMS 필드 또는 편집기에 변경되지 않고 삭제됩니다.
5 단계: 깨끗한 슬레이트가 필요할 때 재설정하십시오
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 다시 놓다 버튼은 슬라이더를 기본값으로 되돌립니다 (문단 1 개,문장당 단어 10 개,문단당 문장 8 개). 슬라이더를 움직이면 단어도 다시 섞이므로 동일한 설정에서 다른 임의의 블록만 원한다면 슬라이더를 살짝 밀어서 다시 살짝 밀면 됩니다.
자리 표시자 텍스트가 빈 상자를 떠나는 이유
빈 텍스트 영역은 너무 많은 텍스트만큼 나쁘게 레이아웃에 대해 거짓말을합니다. 아무것도없는 상태에서 선 높이를 판단 할 수 없으며 카드가 어떻게 감싸는지 볼 수 없으며 두 열 격자가 균형을 이루는지 여부를 알 수 없습니다. 자리 표시자 텍스트를 사용하면 디자인 단계에서 실제로 중요한 것들을 평가할 수 있습니다:
간격과 리듬 - 요소들 사이의 수직 공간이 텍스트가있을 때 바로 느껴지나요. 타이포그래피 -이 크기와 측정에서 읽을 수있는 본문 글꼴입니다. 계층 구조 - 제목,소제목 및 본문을 명확하게 분리합니다. 래핑 및 오버플로 - 텍스트가 조금 너무 길면 고정 높이 카드에 어떤 일이 발생합니까. 응답성 - 동일한 블록이 데스크톱에서 좁은 전화 열로 리플로우되는 방법.
그리고 결정적으로, 사용 뒤섞인 초안 사본이 아닌 텍스트는 검토자가 실제 콘텐츠와의 접촉에서 살아남지 못하는 특정 단어를 승인하지 못하도록 합니다.
올바른 크기 조정: 치트 시트
가장 일반적인 실수는 실제가 한 문장 일 때 슬롯을 세 단락으로 채우는 것입니다 - 디자인은 멋지게 보이며, 실제 사본이 도착하는 순간 깨집니다 실제로 기대하는 내용에서 생성기를 목표로하십시오:
| 레이아웃 슬롯 | 거친 표적 | 슬라이더 시작점 |
|---|---|---|
| 버튼/라벨 | 2~4단어 | 문장당 단어 5, 시작 단어를 잡습니다 |
| 영웅 소제목 | 10~20단어 | 1 단락, 12 단어/문장, 2 문장 |
| 기능 카드 | 15~30단어 | 1 단락, 10 단어/문장, 2 – 3 문장 |
| 블로그 발췌 / 메타 | 20~40단어 | 1 단락, 12 단어/문장, 3 문장 |
| 섹션에 대해 | 100~200단어 | 2~3문단, 12단어/문장, 6문장 |
| 기사 본문 | 500~1000단어 | 6~10개의 문단, 14개의 단어/문장, 8개의 문장 |
그런 다음 의도적으로 반대를하십시오: 일단 & quot;expected" 길이가 좋아 보이면 제목을 두 배로 크랭크하고 단락을 두 단어로 축소하여 레이아웃이 갈라지는 위치를 확인하십시오. 자리 표시자로 스트레스 테스트는 무료입니다; client's 실제 출시 콘텐츠로 스트레스 테스트는 그렇지 않습니다.
자리 표시자 텍스트가 유지되는 위치입니다
모형 디자인. Figma, Sketch 및 Adobe XD comps는 모두 검토할 가치가 있는 모든 슬롯에 믿을 수 있는 텍스트 볼륨이 필요합니다.
HTML/CSS 프로토타입. 콘텐츠 이전에 구조를 구축할 때 생성된 단락을 마크업에 바로 놓습니다:
<article>
<h2>Section Heading Goes Here</h2>
<p>Lorem ipsum odor amet, consectetuer adipiscing elit. Sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
</article>
반응형 테스트. 짧은 블록과 긴 블록을 생성하고 동일한 구성 요소가 둘 다 살아남는지 확인합니다.
이메일 및 프레젠테이션 템플릿. 뉴스레터 레이아웃과 슬라이드 마스터는 캠페인 사본이 작성되기 전에 디자인을 보여주기 위해 모든 텍스트 상자에 자리 표시자가 필요합니다.
실제 제목이 레이아웃에 영향을 미칠 수 있고 일반적으로 그렇게 하는 경우 몸을 Lorem Ipsum으로 유지하면서 사실적으로 보이는 제목을 손으로 입력하는 것을 고려하십시오. "시작하는 방법" "와 다르게 레이아웃을 강조합니다;Lorem Ipsum Dolor, " 나중에 해당 제목에서 URL 슬러그를 생성하는 경우 슬러그 생성기 그들을 깨끗한 길로 바꾸어 놓습니다.
하나의 규칙: 절대로 배송하지 마십시오
자리 표시자 텍스트는 생산 웹 사이트,인쇄 된 신문,정부 양식 및 한 번,기억에 남게 방송 텔레비전에 발송되었습니다. 그것은 & quot;I & # 39;ll 그 later & quot 를 대체하기 때문에 발생합니다; 우리 모두가 스스로에게 말하는 거짓말입니다. 두 가지 습관이 그것을 방지합니다:
점진적으로 대체 - 콘텐츠가 도착하면 섹션별로 실제 복사 섹션에 대한 로렘 입섬을 교환,그래서 레이아웃은 항상 완전 보이지만 가짜 텍스트는 꾸준히 축소. 그리고 최종 검색을 실행 - 어떤 배포하기 전에,grep 또는 Ctrl-F 당신의 프로젝트는 "lorem" 및 "ipsum." 그것은 5 초 소요 및 일반 화요일과 제목 줄 "what language is this."와 이메일의 차이입니다
자주 묻는 질문
도구는 "Lorem ipsum dolor sit amet"로 시작합니까?
닫지만 정확하지는 않습니다. "Lorem ipsum odor amet,consectetuer adipiscing elit."로 열리고 - 클래식 라인의 일반적인 인식 가능한 변형 - 그리고 나서 텍스트의 나머지 부분을 무작위 라틴어 스타일의 단어로 채웁니다. 오프너는 거기에 있으므로 모형을 보는 사람은 즉시 자리 표시자로 읽습니다; 무작위 본문은 생성 한 각 블록이 뚜렷하게 보인다는 것을 의미합니다.
단어 수 옵션이 없는 경우 길이를 어떻게 제어하나요?
세 개의 슬라이더로 길이를 형성합니다: 단락 수,문장당 평균 단어 수,문단당 평균 문장. 대략적인 단어 수를 곱합니다 - 예를 들어 3 단락 × 8 문장 × 10 단어는 약 240 단어입니다. 텍스트는 드래그하면서 라이브로 재생성되므로 눈으로 크기를 조정합니다.
왜 실제 영어 자리 표시자 대신 Lorem Ipsum 을 사용합니까?
왜냐하면 진짜 영어는 리뷰어들을 끌어 들여 단어를 읽고 사본을 판단하게 해서 디자인에 방해가 되기 때문입니다. 스크램블 라틴어는 의도적으로 읽을 수 없기 때문에 레이아웃,타이포그래피, 계층 구조 - 정확히 여러분이 모형 단계에서 평가하려고 하는 것에 주의가 집중됩니다.
"Lorem Ipsum"은 무엇을 의미합니까?
번역할 수 있는 것은 아무것도 없습니다. 그것은 Cicero's 라틴어의 뒤섞여 고의적으로 망가진 조각입니다. 기원전 45 년,단어들이 잘리고 재정렬되어 라틴어처럼 읽히지만 진정한 의미를 지니지 않습니다. 그 무의미함이 요점입니다 - 읽을 것이 없기 때문에 리뷰어들은 단어 대신 레이아웃을 봅니다.
Word 또는 Figma 에 Lorem Ipsum 을 어떻게 삽입합니까?
Microsoft Word 에서 빈 줄에 =lorem () 을 입력하고 Enter 키를 누릅니다. - =lorem (3,5) 다섯 문장의 세 단락을 제공합니다. Figma 에는 생성기가 내장되어 있지 않으므로 플러그인을 사용하거나이 도구의 텍스트를 붙여 넣습니다. 생성기에서 복사하면 어디에서나 동일하게 작동합니다: 텍스트가 일반 텍스트로 착륙하고 변경되지 않은 편집기,CMS 필드 또는 디자인 도구로 떨어집니다.
Lorem Ipsum의 저작권은 있나요?
아니요. 출처는 Cicero 의 2,000 년 된 텍스트로,공개 도메인에 확고하게 자리 잡고 있으며,스크램블 된 자리 표시자 양식은 500 년 이상 자유롭게 사용되었습니다. 라이센스 문제없이 모든 프로젝트에 떨어 뜨릴 수 있습니다.
Lorem Ipsum을 라이브 페이지에 남겨두면 SEO가 손상될 수 있나요?
예. 게시되고 색인화되면 검색 엔진은 실제 관련 사본이 있어야하는 곳에 무의미한 콘텐츠를 보게되어 page's 국소 신호를 약화시키고 얇은 콘텐츠처럼 보일 수 있습니다. 항상 실행하기 전에 모든 자리 표시자 블록을 교체하고 "ipsum."에 대한 검색으로 확인하십시오
슬라이더를 움직이면 새 텍스트가 제공됩니까, 아니면 동일한 텍스트가 제공됩니까?
새 텍스트. 모든 슬라이더 변경은 무작위 단어를 다시 섞기 때문에 슬라이더를 쿡쿡 찔러 (또는 쿡쿡 찔러서 뒤로 이동) 같은 모양의 새 블록을 얻는 빠른 방법입니다. 여는 선만 일정하게 유지됩니다.
실제 콘텐츠가 준비되면 어떻게 해야 하나요?
최종 사본을 넣은 다음 설계한 공간에 맞는지 확인합니다. The 워드 카운터 길이 목표에 도달했는지 확인하고 초안과 편집을 비교하는 경우 텍스트 차이 도구는 정확히 무엇이 변경되었는지 보여줍니다.
감싸는 중
Lorem Ipsum 은 하나의 좁은 문제를 완벽하게 해결하기 때문에 5 세기 동안 살아 남았습니다: 그것은 아무 것도 아닌 올바른 모양으로 레이아웃을 채우므로 단어에 대해 토론하는 대신 디자인을 판단 할 수 있습니다. 트릭은 그것을 채우는 것입니다 권리금 앞으로 나올 실제 콘텐츠와 일치하는 것은 없으며 실제로 꺼내는 것을 기억해야 합니다.
다음을 사용하여 귀하의 것을 생성하십시오 로렘 입섬 생성기: 단락 수와 문장 밀도를 설정하고 복사하고 붙여넣습니다. 실제 콘텐츠가 도착하면 크기를 the로 조정합니다 워드 카운터, 제목을 깨끗한 URL로 바꾸세요 슬러그 생성기그리고 수정 사항을 수정하세요 텍스트 차이 도구. 무료,비공개, 그리고 전적으로 귀하의 브라우저에서.
