かつて、「概要」セクションにまだ 3 つの段落の Lorem Ipsum が置かれたクライアントのホームページを出荷しました。 マーケティング リードから、「これは何語ですか」というスクリーンショットがメールで届くまで、約 40 分ライブでした。誰も死亡しませんでしたが、私はすべてのプロジェクトで単語を検索しました。 ipsum それ以来、すべての展開の前に、そして私は ローレムイプサムジェネレーター Toolz.dev の一部では、5 年前のブックマークからダミー テキストをコピーするのをやめます。
これは、ほとんどのプレースホルダー テキスト ガイドがスキップすることです。Lorem Ipsum のポイントは、それが派手に見えるということではありません。 あるということです 適切な形で適切な量の読めないテキスト、だから、コピーについて誰も議論せずにレイアウトを判断することができます 金額を間違えてプレースホルダーはあなたに嘘をつく - 2 つのきちんとした文の下で完璧に見えるデザインは、実際の段落が表示されたときにバラバラになるので、このガイドは、歴史についてではなく (いくつかありますが) 、 実際にそれに取って代わるものに一致するテキストを生成することについてです。
すべてがブラウザで実行されます。 サインアップも広告も、ワークフローの途中で、どこにも送信されません。
tl;dr: ザ・ ローレムイプサムジェネレーター 3 つのスライダーからプレースホルダーの段落を構築します - 段落数、文あたりの平均単語数、段落あたりの平均文数 - ドラッグしながらライブを再生成します。 " Lorem ipsum odor amet, consectetuer adipiscing elit." 行で開き、残りをランダム化されたラテン風の単語で埋めるので、すべてのブロックがはっきりと見えます。サイズを合わせます 本物 予期されるコンテンツをコピーして、出荷する前にプロジェクトで「iPSum」を検索してください。 本当の言葉が届いたら、その長さを ワードカウンター。
ローレム・イプサムとは何ですか?また、なぜラテン語ですか?
Lorem Ipsumは、デザイナーが実際のコンテンツが存在する前にレイアウトを評価できるように、フィラーテキストとして使用されるスクランブルされた疑似ラテン語です。 有名なオープニング - " Lorem ipsum dolor sit amet, consectetur adipiscing elit... " - は、Cicero& #39; sの壊れた断片です de Finibus Bonorum と Malorum、紀元前 45 年に書かれた倫理に関する論文。 単語は何世紀も前に切り刻まれ、ラテン語のように見えるが何の意味もないものにシャッフルされていました。
「なぜラテン語」の質問には、良い答えがあります。 無意味さが特徴です。 モックアップに本物の英語を詰めると、モックアップをレビューする人は皆、その言葉を読んで、コピーについての意見を形成し、デザインを見るのをやめる。 「ローレム イプサム」で埋めて読むものがないので、注目は望むところへ - 間隔、型、階層、リズムへと移る。 「慣習は十分に古い」 (1500 年代にプリンターがこのようにスクランブルされた型、1960 年代にLetrasetが広めた、1980 年代にデスクトップパブリッシングソフトウェアが焼き付けた) すべての利害関係者が、見ればそれを " placeholder と認識し、Final." ではない
Toolz.devジェネレーターについて1 つの正直なメモを具体的に: それは正確な古典的なパッセージを再現しません 単語ごとに.それは認識可能な線で開き、その後、ラテン風味の用語のプールからランダムに単語を引き出すので、ボディは、同一のキケロの断片ではなく、毎回新鮮プラスであるプレースホルダーの目的のために - あなたはすべて異なって見えるいくつかのブロックを生成することができます。
長さ制御はどのように機能しますか?
これは、ツールを実際に便利にする部分であり、人々が期待するものとは異なるインターフェースです。 「50 語をください」または「3 文をください」ボタンはありません。 代わりに、3 つのスライダーでテキストを形作り、ツールはそれらを段落に乗算します。
段落数 (1 ～ 20) - 段落数を取得します。
平均 文章あたりの単語 (5 ～ 25) - ターゲット文の長さ。ジェネレーターはこの数値の周りに少しランダムな分散を追加するため、文はロボット的に同一ではなくなり、結果が表ではなく自然な散文リズムのように読み取られるようになります。
平均 段落ごとの文章 (2 ～ 15) - 各段落の実行時間。これも多少の差異があります。
つまり、大まかな単語数は 段落×文、パラグラフごと、単語ごと。 10 語× 8 文の 1 つの段落は、およそ 80 語です。 これらの設定で 10 段落は、長い形式の記事に相当するものです。 テキストは、スライダーを動かした瞬間に再生されるので、算術ではなく、目の形でダイヤルします。 正しく見えるときは、ヒット コピーして。
知っておく価値のある小さな現実的なタッチ: 7 文の 1 文は、ピリオドではなく疑問符で終わります。 それはランダムで、プレースホルダーの壁を実際の文章のように読み取る。
ツールZ.dev でプレースホルダー テキストを段階的に生成する方法
ステップ 1: ジェネレーターを開く
に行く ローレムイプサムジェネレーター。 段落はすでにロード時に生成されているため、すぐに作業できることがあります。
ステップ 2: 段落数を設定する
ドラッグ 段落数 レイアウトが必要なブロックがどれだけあっても。 1 つのカードの説明は 1 です。ブログ本文のモックアップは 5 から 8 です。
ステップ 3: 文と段落の長さを形作る
使い 平均 文章あたりの単語 あんど 平均 段落ごとの文章 に合わせる 密度 あなたの本当のコンテンツの。 簡潔な UI コピー: 短い文章、短い段落。 長い記事: 長い記事: どちらも長い。 これは、人々がスキップするステップであり、プレースホルダーを正直にするものです。
ステップ 4: コピー
たえます コピーして。 テキストはクリップボードにプレーン テキストとして表示され、Figma、HTML テンプレート、CMS フィールド、またはエディターは変更されません。
ステップ 5: 白紙の状態が必要な場合はリセット
ザ・ リセット ボタンは、スライダーをデフォルトに戻します (1 つの段落、1 文あたり 10 語、段落あたり 8 文)。 スライダーを動かすと単語も再シャッフルされるので、同じ設定で別のランダム ブロックが必要な場合は、スライダーをナッジして元に戻します。
プレースホルダー テキストがボックスを空のままにするのに勝る理由
空のテキスト領域は、テキストが多すぎるのと同じくらいひどいレイアウトです。 何もない場合に線の高さを判断することも、カードがどのように折り返されるかを確認することはできません。また、2 列のグリッドの残高がバランスを取るかはわかりません。 プレースホルダー テキストを使用すると、設計段階で実際に重要なものを評価できます。
間隔とリズム - 要素間の垂直方向のスペースは、要素にテキストが含まれているときに正しく感じられますか。 タイポグラフィ - このサイズと測定値で読み取れる本文フォントです。 階層 - 見出し、小見出し、本文が明確に分離されます。 ラップとオーバーフロー - テキストが少し長すぎると固定高のカードに何が起こるか。 応答性 - 同じブロックがデスクトップから狭い電話列にどのようにリフローするか。
そして決定的に、 スクランブル テキストの下書きではなく、テキストは、レビュー担当者が特定の単語を承認することを防ぎ、実際のコンテンツとの接触を生き残ることができません。
サイズ設定は正しい: チート シート
最も一般的な間違いは、本物が1 つの文であるときにスロットを3 つの段落で埋めることです - デザインは素晴らしく見えます、そして、本物のコピーが到着した瞬間に壊れます あなたが実際に期待するコンテンツにジェネレータを向けます:
| レイアウトスロット | 粗いターゲット | スライダーの開始点 |
|---|---|---|
| ボタン/ラベル | 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 文 |
次に、目的の場合は逆のことを行います。「予想される」長さが良くなったら、ヘッダーを長さ 2 倍にして、段落を 2 ワードに縮めてレイアウトが割れる場所を確認します。 プレースホルダーによるストレス テストは無料です。クライアントの実際の起動コンテンツによるストレス テストは無料です。
プレースホルダー テキストが保持される場所
モックアップをデザインします。 figma、sketch、adobe xd comp はすべて、すべてのスロットに信頼できるテキスト ボリュームを必要とし、確認する価値があります。
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 スラグを生成する場合は、 スラッグジェネレーター それらをきれいな道に変えます。
1 つのルール: 絶対に出荷しない
プレースホルダー テキストは、制作 Web サイト、印刷された新聞、政府機関で、そしてかつては記憶に残る、テレビ放送に出荷されました。 「後で置き換える」というのは、私たち全員が自分自身に言い聞かせている嘘であるために起こります。 2 つの習慣が原因で、次のようになります。
漸進的に置き換える - コンテンツが到着すると、セクションごとに実際のコピーのセクションにローレムイプサムを交換するので、レイアウトは常に完全に見えますが、偽のテキストは着実に縮小します。そして、最終的な検索を実行します - デプロイする前に、grep または Ctrl-F "lorem" および "ipsum." 5 秒かかり、通常の火曜日と件名付きの電子メールの差です "これはどの言語ですか "
よくある質問
ツールは「Lorem Ipsum Dolor Sit Amet」で始まりますか?
閉じるが、正確には開かない。 " Lorem ipsum odor amet, consectetuer adipiscing elit." - 古典的な行のよくある認識可能な変種 - で開き、その後、テキストの残りの部分をランダム化されたラテン風の単語で埋める。 opener はそこにあるので、モックアップを見ている人はすぐにプレースホルダーとして読みます。; ランダム化されたボディは、生成した各ブロックが別個に見えることを意味します。
単語数のオプションがない場合、長さを制御するにはどうすればよいですか?
段落数、文あたりの平均単語数、段落あたりの平均文の 3 つのスライダーで長さを形作ります。大まかな単語数に対してそれらを掛けます。たとえば、3 段落 x 8 文 x 10 単語は約 240 単語です。ドラッグするとテキストがライブで再生されるため、目で見てサイズを調整できます。
本当の英語のプレースホルダーの代わりに Lorem ipsum を使用する必要はありません。
なぜなら、本物の英語は査読者を単語を読んだりコピーを判断したりすることに引き込み、デザインから気をそらしてしまうからです。スクランブルされたラテン語は意図的に読めないため、レイアウト、タイポグラフィー、階層構造に注意が払われ続けます。まさにモックアップ段階で評価しようとしているものです。
「Lorem Ipsum」とはどういう意味ですか?
Nothing translatable. it is a scrambled, pertainly mangled fragment of Cicero's Latin from 45 BC, with words chopped and reordered so it reads like Latin but carries no real meaning.これは、スクランブルされた意図的にマングルの断片キケロ& #39; sラテン語の紀元前45 から、単語が切り刻まれて並べ替えられているので、ラテン語のように読めるが、本当の意味がないことがポイントです - 読むものがないので、レビュアーは単語の代わりにレイアウトを見ます。
Word または Figma に Lorem ipsum を挿入するにはどうすればよいですか?
Microsoft Wordでは、空白行に=lorem()と入力し、Enterキーを押します - =lorem(3,5)は5 つの文の3 つの段落を与えます Figmaにはジェネレータが組み込まれていないため、プラグインを使用するか、このツールからテキストを貼り付けます ジェネレータからのコピーはどこでも同じように機能します:テキストはプレーンテキストとして着陸し、変更せずに任意のエディタ、CMSフィールド、またはデザインツールにドロップします。
Lorem Ipsum は著作権で保護されていますか?
いやー 。 ソースは、キケロによる 2,000 年前のテキストで、パブリック ドメインにしっかりと存在し、スクランブルされたプレースホルダー フォームは 500 年以上自由に使用されてきました。 ライセンスを取得する必要がなくても、任意のプロジェクトにドロップできます。
ライブ ページに Lorem Ipsum を残すと、私の SEO に影響を与える可能性がありますか?
はい。 公開され、インデックスが作成されると、検索エンジンは、あなたの実際の関連するコピーが必要な場所に意味のないコンテンツを表示し、ページのトピック シグナルを弱くし、薄いコンテンツのように見える可能性があります。 起動前に必ずすべてのプレースホルダー ブロックを置き換え、「ipsum.」の検索で確認してください。
スライダーを動かすと、新しいテキストまたは同じテキストが表示されますか?
新しいテキスト。 スライダーの変更ごとに、ランダム化された単語が再シャッフルされるため、スライダーをナッジ (またはナッジして元に戻す) は、同じ形状で新しいブロックをすばやく取得するための簡単な方法です。 オープニングラインだけが一定のままです。
本当のコンテンツが完成したら、何をすればよいですか?
最終コピーをドロップインして、設計したスペースに適合することを確認します。 ザ・ ワードカウンター 長さの目標に達することを確認し、ドラフトと編集を比較する場合は、 テキスト差 ツールは何が変わったかを正確に示しています。
まとめ
Lorem Ipsum は、1 つの狭い問題を完全に解決するため、5 世紀も生き延びました。レイアウトを何もないという適切な形で埋めるため、言葉を議論するのではなく、デザインを判断できます。 秘訣は、それを埋めることです。 適量 何もないので、これから登場する実際のコンテンツと一致しますが、実際にそれを取り出すことを忘れないでください。
であなたのものを生成します ローレムイプサムジェネレーター: 段落の数と文の密度を設定し、コピーして貼り付けます。 実際のコンテンツが到着したら、サイズを変更します。 ワードカウンター、見出しをクリーンな URL に変換します。 スラッグジェネレーターと、あなたの改訂を テキスト差 ツール。 無料でプライベートで、完全にブラウザで。
