シンプルなタイポグラフィ

過去1か月にわたって、Web上に配置するための複雑で異質なコンテンツを含む約500のWordページを処理することができました:ネストされたセル、いくつかのレベルの見出し、5種類の引用符、太字の傾斜テキストの下線、そしてもちろん、多くのタイポグラフィエラー。

今、そのようなタスクはめったに起こりません-ウェブマスターの時代のようではありません-しかし、それらはまだ起こります。 とにかく-ITでテキストスキルがなくても可能ですか? 文書、記事、ビジネスレター、最終的に詳細なコメントの登録-これには特定のルールへの準拠が必要であり、これは重要ではないように見える場合がありますが、実際にはコードのエラーと同じ効果をもたらします-問題の解決を許可しません。



...作業を簡素化してタスクを高速化するために、複雑な正規表現、ファイルのバッチ処理、ガベージフォームからテキストをクリアするように事前設定された、コードをフォーマットするためのエディタープラグインなど、技術の進歩を最大限に活用しました。 しかし、日が経つにつれて、私たちが二重の仕事をしていることがますます明らかになりました-誰かがテキストを「設定」するのに多くの時間を費やし、今では元の状態に戻しています! もちろん、最初はテキストをきれいにする方がはるかに簡単です。



最初、私は怒っていたと告白し、投稿するためのテキストを与えてくれた人々をlightりました。 ビジュアルエディターの機能を乱用したり、少なくとも時折、書かれた内容を読み直したりせずに、きちんと、適格に、簡潔に書くよりも簡単に思えるかもしれません。 実際、もちろん、それは非常に難しいです。さもなければ、なぜそんなに多くの人がそれをするのでしょうか? なぜ私たち全員がこれをやっているのでしょうか? ここにはいくつかの主な理由があると思いますが、リテラシー自体に関係するものはありません。



著者の熱意



他人の作品をscるのは簡単ですが、多くの人は、自分自身がクリエイターになったときに彼らの行動がどのように変わったかに気づいたと思います。 もちろん、各文字は非常に重要であり 、皮肉なく、より高い注意必要とします 。 私たちは人々が重要な情報を見逃し、その結果、私たちの独創的な計画を理解せず、製品を購入せず、サービスを使用しないことを恐れています。 原則として、「豊富な選択」は反対の効果をもたらします-別のコピーライターまたはボスの作成から数百の余分なタグをカットするか、大文字の点滅する太字のテキストについて目をつぶすことを余儀なくされると同じ迷惑です。 したがって、少なくとも少しは人々を信頼することを学ぶ必要があります。

  1. テキストの選択されたセクションは、選択されていないセクションよりもかなり少ないはずです。 SEOのコピーライターは、テキスト内のキーワードの密度についてよりよく説明しますが、それは可能であり、さらに少ないと言えます。 すぐに読むことが明らかではない場所にのみ注意を引きます。特に、テキストブロック内の重要な用語、説明を必要とする新しい単語または理解できない単語、見出しとコントロール、リンクに注意を向けます。
  2. テキスト構成の原則は、前の原則、つまりブロックを使用します。 均質なテキストと見出しをグループ化し、意味の異なる異種のブロックとさまざまな目的のブロックを分離します。 大まかに言って、前のブロックの終わりと次のブロックの見出しの間のギャップは、次のテキストの見出しと次のテキストの見出しの間よりも大きくする必要があります。 間違っているか無視されている-ブロックに分割されていない、またはブロック間に均一なセパレータがある-レイアウトは繰り返し読みやすさとテキストのナビゲーションのしやすさを損ないます。
  3. ちなみに、多くの人にとって重要なのは1つのブロックだけであることを忘れないでください! 売れ筋の記事を実際に読んでいる人はほとんどいませんが、品揃えやバグ修正コードは、単にその目的のために確かに注目を集めるでしょう。 したがって、読者に重要な記事に直接アクセスする機会を与える必要があります。 ヘッダーを使用します。 Webの場合、ヘッダーのネストの重要性とレベルに応じて、<h1>-<h5>を使用します。 特徴的に、ブロックを正しく配置すると、見出しの場所を簡単に説明できます。第1レベルの見出しはテキスト全体の前に表示され、第2レベルの見出しは大きな部分を互いに分離し、小さな部分は既に内部で機能します。


テキストを大きな部分にカットすると、より細かく仕上げることができます。 そして、ここで、最初の問題に部分的に関連する2番目の問題が発生します。



あまり適切ではない感情と装飾



美的なアイデアを観察するために、構文を意識的にミスする権利を擁護するプログラマーはほとんどいません。コードの美しさが異なるため、これは必要ありません。 しかし、ロシア語ではすべてがより複雑です。 多くの人にとって、「美しさ」はまず第一に可視性であるように思われます:明るさ、サイズ、背景と他の人物との人物のコントラスト。 実際、このタイプの注意を引くことは、楽しいインセンティブよりも脅威である可能性が高くなります。 原則として、美しさは秩序と機能の現れです。 したがって:

  1. ロシア語の規則は、デザインと広告に関する考慮事項の前に主になります(逆説的に、デザインと広告効果の両方を改善できます)。 ドットとコンマは、次の単語とスペースで区切られます。 ダッシュは両側でスペースで区切られています。 ハイフンはスペースで区切られていません。 見出しにはドットは必要ありません。 新しい行、ブロック、または文は大文字で始まります。 ただし、10文字中9文字の場合、完全に大文字の単語のセットは不適切であり、ほとんどの場合は9文字のうちの1つです。 3つ以上のドットまたは感嘆符は設定されていません-2つのドットまたは感嘆符も句読点として存在しません。
  2. リストは、1つのグループ化単語に関連する同様のアイテムをグループ化するために必要です。 番号付きリストは、リスト内のアイテム番号が重要な場合に最適に使用されます。これは、アクションの線形シーケンスのステップの1つであるか、たとえば、重要な属性によってソートされたオブジェクトを記述します。 その他の場合、箇条書きリストを使用できます。 マーカーはドットではなく、ドットのようにしか見えないタグです。 そのため、フロントアイテムにポイントを追加してもリストは作成されません。 リストマーカーは、10件中9件のケースでテキストに定型化しないでください。
  3. テーブルは、他のデータとの複数の接続レベルを持つデータを表すために必要です。 データを文字列またはリストとして表現できる場合は、そうするのが最善です。 2列2行のテーブルはほとんど意味がありません。 Web用の資料を準備している場合、整列、セル内のインデント、太字、および表の外観を変更するその他の方法は、クラスを使用してすべて行われます。 テーブル、行、およびセル自体を作成する構造ツールのみを使用してください。
  4. 太字と斜体は異なる要素に最もよく適用され、10のケースのうち9つのケースで1つの要素に結合しないでください。
  5. 引用符は同じでなければなりません。 そのような: ""、そのような: ""、または他の、しかしテキストを通して同じ。 その場合、少なくとも2つの正規表現で置き換えることができます。
  6. もちろん、正しく書くことは理にかなっていますが、奇妙なことに、これは最も重要ではありません。 音声構造の適切な構築は、スペルの厳密な順守以上のものです。 比Fig的に言えば、imgタグでalt属性の値を指定しないことは、font-size:48pxを使用してヘッダーを作成するほど悪くはありません。


また、ここでも注意点が1つあります。作業中に不適切なツールを使用することです。 多くのスペースでテキストを中央に揃えたり、中央で詩を揃えたりすることは完全に正しいとは言えませんが、習慣は犠牲になります-コードを見ずに、外見的に同じ操作の内部の違いを理解することはできません。 タブはインデントであり、4つのスペースはインデントです。 改行は、「Enter」を押すとインデントが表示され、段落が同じ場合です。 見えないキャラクター? いいえ、聞いていません。



したがって、テキスト表示の技術的なニュアンスを検討するか、 いくつかの簡単なルールを覚えておくのは理にかなっています

  1. ページのテキストを水平面に配置するために、3つの(または4つの)位置があります:左端(テキストは左端が偶数で、任意の右があります)、中央(両方の端が引き裂かれますが、行の中心は常にページの中央にあります)、右側(つまりステートメントの見出し(たとえば、署名)を書き込み、幅で-行内のいくつかのスペースの増加により、テキストの両端が揃えられます。
  2. 単語間の2つのスペースは、10件中9件の間違いです。 行の複数の行の端から均等にインデントするには、タブを使用するのが理にかなっています。視覚的に制御することは、数十個のスペースよりもはるかに簡単です。 エッジは本当に平らになります。
  3. ブロック間の視覚的なインデントは、空の行の翻訳とは関係ありません。 原則として、非テキスト要素には垂直および水平インデントのパラメーターがあり、10行中9行では複数行のインデントは必要ありません。
  4. 赤い線は、密集した同質のテキストの配列、通常はフィクションでより良く見えます。 異種のテキストまたは短いテキストの場合、段落間で垂直インデントを使用するのが最善です。




これらの簡単な推奨事項を満たすことで、自分の考えを他の人に正しく伝えることがはるかに簡単になると思います。 現実には、卵を壊さずにテキストを公開することはできませんが、損害を最小限に抑えることができます-追加しすぎず、ブロックを計画して構成し、適切なツールを使用します。 そして、デザインの要件、さらにはロシア語の要件が変更された場合でも、追加のコストや神経を使わずに、テキストをすばやくそれらに合わせることができます。

もちろん、きれいに掃除しますが、これは管理人に紙を投げる理由ではありません。



PSおよびここに、ルールをより完全に明らかにするHabréの記事をいくつか示します。





私の意見では、これは愛好家、印刷媒体、そして一度だけ作成された静的なサイトのためのものです。 活発に更新されたサイトは、遅かれ早かれ、WordやWYSIWYGのエディターで働いているコンテンツマネージャーの手に渡ります。このエディターは、言語学やタイポグラフィーとはほど遠いので、subsequentりや要求よりも、その後のドーピングを容易にするジョブレベルでの設計要件を与える方がはるかに簡単で優れていますダールの辞書とgramota.ruを覚えておいてください。



All Articles