デザイン理論: コンテンツプレゼンテーションのための 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 論理バックアップとリカバリ テストの概要

推薦する

React.js フレームワーク Redux 基本ケースの詳細な説明

react.js フレームワーク Redux https://github.com/reactjs/...

中国の専門ではない：文化の違いの中でのウェブ開発

Web デザインと開発は大変な作業なので、少数の人だけを対象に設計しないでください。これは外国人が...

Vue は Websocket カスタマー サービス チャット機能を実装します

この記事では主に基本的なチャットの実装方法を紹介します。今後は絵文字や写真のアップロードなどの機能も...

Ubuntu の空き容量を増やす 5 つの簡単な方法

序文ほとんどの人は、システム ディスク ストレージが少ないときにこの操作を実行するか、Linux シ...

CSS ですべての子要素を選択し、スタイルを追加する方法

方法：実際のプロジェクトを例に挙げてみましょう。 .lk-ツールバー{ .el-入力{ 幅: 169...

MySQLのワークベンチ例の詳細な説明

MySQL Workbench - モデリングおよび設計ツール1. モデルは、最も効果的で高性能なデ...

Zabbixリモートコマンド実行の詳細な例

目次1つ。環境二。予防三つ。例Zabbix トリガーがしきい値に達すると、アラート メッセージの送信...

Tomcat のパフォーマンス最適化のための Apr モジュールの構築方法

序文Tomcat は、無数のチューニング オプションを備えた、広く使用されている Java Web ...

MySql ビュー トリガー ストアド プロシージャの詳細な説明

ビュー：一時テーブルを繰り返し使用する場合、将来の使用を容易にするために別名を付けることができます。...

MySQL テーブル フィールドの時間設定のデフォルト値

アプリケーションシナリオデータ テーブルでは、アプリケーションは各データがいつ作成されたかを記録する...

背景のグラデーションと自動フルスクリーンを実現するCSSコード

背景グラデーションと自動フルスクリーンに関する CSS の問題編集長は CSS の開発中に致命的な問...

XHTML におけるタイトルタグと段落タグの使用に関する詳細な説明

XHTML 見出しの概要Word 文書を作成するときは、「第 1 章」、「1.2.1」などのタイトル...

この記事ではJavaScriptのガベージコレクションの仕組みを説明します

目次1. 概要2. メモリ管理3. ガベージコレクション4. GCアルゴリズムの紹介5. 参照カウン...

jQuery ベースのカレンダー効果

この記事では、カレンダー効果を実現するためのjQueryの具体的なコードを例として紹介します。具体的...

IE イメージ ツールバーを無効にする

IE6 で試してみたところ、ツールバーが表示されました。オプションに「イメージ ツールバーを有効にす...