デザイン理論: コンテンツプレゼンテーションのための 10 のヒント

デザイン理論: コンテンツプレゼンテーションのための 10 のヒント
<br /> テキスト、記号、リンクの3つの側面に焦点を当て、主に中国語で、個人的な執筆経験の草稿：
    書き間違いを避けてください。うるさい読者への対応も 1 つの側面ですが、特定のキーワードに誤りがあると、検索エンジンによるクロールが回避される可能性があります。テキストの密度とリズムを制御します。段落の長さは 4 行程度にしてください。少ないほうが多いよりも良いです。同時に、大量のテキストを連続して段落に並べるのは避けてください。段落間の最適なリズムは、1、1、2、2、3、3 ではなく、1、3、2、3、1、2 のような不規則な構造です。同じ原則が、垂直段落と水平段落にも適用されます。言葉は仲間内で切断されることを避けます。たとえば、行末に「搜」があり、次の行の先頭に「狐」がある場合、ユーザーにとって読みにくくなります。デフォルトの英語の段落では単語が分割されないことに注意してください。理由は同じです。 HTML 構造コードはセマンティック標準に準拠しています。最も混乱を招くのは、順序付きリスト、順序なしリスト、定義済みリストでしょう。12345 と書くことと ol を使うことの間にはほとんど違いはありませんが、検索エンジンはそれらの意味が異なると認識します。エンティティ エスケープ コードの役割。一般的な使用法としては、中国語の文字の後に &nbsp; を使用して英語のスペースを表す、&copy; を使用して著作権を示す、&lt; と &gt; を使用して <> を置き換えて HTML コードを表示するなどが挙げられます。句読点の間違いを避けてください。中国語の奥深さは主に句読点と文の区切りによって決まります。句読点は、語調や文脈を正確に伝えるだけでなく、実際には一定の意味分析価値も持っていますが、現在の検索エンジン技術ではこれを実現できません。記号の応用と違い。中国語と英語、全角と半角のフォントがあり、()と()の効果の違いなど、記号の表現とフォントスタイルの定義が一致しています。 ○↑★→⒌Ⅶ○『△ など、一般的な記号や特殊記号はあまり使用しないことをお勧めします。漢数字とアラビア数字の違い。それは個人の言語感覚とデフォルトの基準に依存しますが、重要なのは統一性と一貫性です。リンクボリュームの制御。一つの記事内のキーワードを5%以内に抑えるのが適切です。そうでないと、至るところにキーポイントがあるように見え、逆効果となり、視覚効果処理の難易度が上がります。 2 つのリンクが重なり合うと見栄えが悪くなりますが、3 つ重なり合うとさらに見栄えが悪くなります。 400 語の記事の上半分に 20 文字や 10 語のリンクを配置するのは、ページ全体のバランスが崩れ、密度にも関係するため、好ましくありません。色の合理的な使用。リンクプロンプトなどの異なる色の機能の違いは、ユーザーに明確なロジックを提供する必要があり、文字がクリック可能かどうかはテストするのではなく確認する必要があります。さらに、強さの色合いも異なり、最終的には色の数をコントロールする必要があります。

上記はテキストの表面の詳細にすぎません。原則として、私は最善を尽くすだけです。結局のところ、内容が最も重要です。本当に才能のある人にとっては別の話です。下手な書き方も一種のスタイルかもしれません。ユーザーの注意と協力が必要な具体的な注意事項については、インターフェース上のテキストの他の記事をお読みください。
これらの一部は固定されていない幅には適用されないことに注意してください。

<<:  TypeScript で時間を費やした場所の概要

>>:  MySQL 論理バックアップとリカバリ テストの概要

推薦する

MySqlエスケープの詳細な使用例

MySQL エスケープエスケープとは、エスケープ文字の本来の意味を意味します。エスケープ文字の目的は...

nginx + php の「入力ファイルが指定されていません」の解決策

本日、ローカル開発環境で突然「入力ファイルが指定されていません」というエラーが発生してしまいました。...

JavaScriptはキュー構造プロセスを実現する

目次1. キューを理解する2. カプセル化キュー3. 太鼓をたたいて花を渡す場合1. キューを理解す...

vuex で履歴を実装するためのサンプルコード

私は最近、ユーザー操作を元に戻す、またはやり直す機能を備えたビジュアル操作プラットフォームを開発して...

CentOS 7のインストールと設定方法のグラフィックチュートリアル

この記事は、CentOS 7の詳細なインストールチュートリアルを参考のために記録します。具体的な内容...

flex-grow、flex-shrink、flex-basis、9グリッドレイアウトを理解する

1. flex-grow、flex-shrink、flex-basis プロパティflex-grow...

Filebeat を使用して Nginx ログを収集する方法

Nginx ログは、ユーザーの住所の場所や行動プロファイルなどを分析するために使用できます。Elas...

MySQLアカウントのパスワード変更方法（概要）

序文：データベースを日常的に使用すると、パスワードが単純すぎて変更する必要がある場合、パスワードの有...

シリアルポート使用時のvue-electronの問題解決

エラーは次のとおりです:キャッチされない TypeError: 未定義のプロパティ 'mod...

ウェブサイトのカラースキーム ウェブサイトに適した色の選択

色はウェブサイト訪問者に影響を与えますか?数年前までは、ウェブサイトはまだ贅沢品でしたが、今ではほと...

HTML ウェブページのメタビューポート属性の説明

HTML メタビューポート属性の説明ビューポートとはモバイル ブラウザは、Web ページを仮想の「ウ...

HTML のテキストエリアの改行問題の概要

最近、Textrea に転送したときに、データが本当に行ごとに保存できるかどうかという問題に遭遇しま...

MySQL 8.0 ウィンドウ関数の紹介と概要

序文MySQL 8.0 より前は、Oracle、SQL SERVER、PostgreSQL などの他...

Vue の計算プロパティ

目次1. 基本的な例2. 計算プロパティキャッシュとメソッド3. 計算プロパティセッター序文：通常、...

ショッピングカートの計算を実現する js メソッド

この記事の例では、ショッピングカートの計算を実装するためのjsの具体的なコードを参考までに共有してい...