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

推薦する

Linux での MySQL 5.6.33 のインストールと設定のチュートリアル

このチュートリアルでは、LinuxでのMySQL 5.6.33のインストールと設定方法を参考までに紹...

Vue が Bibibili のホームページを模倣する際の問題

エンジニアリング構造プロジェクトは2つの部分に分かれています。bilibili-apiはAPIインタ...

Docker 経由で Spring Boot アプリケーションを公開およびデプロイするプロセスの分析

目次手動展開1.アイデアを使ってSpring Bootプロジェクトを作成する2. プロジェクトをJa...

Node+socketでシンプルなチャットルーム機能を実現

この記事では、参考までに、シンプルなチャットルームを実装するためのnode+socketの具体的なコ...

証明書を使用してリモート Docker サーバーに接続する方法

目次1. スクリプトを使用してDockerのTLSを暗号化する2. Dockerの設定を変更してリモ...

Redis を Docker コンテナとして素早くデプロイする方法

目次はじめるデータストレージサーバーを構成するRedis セキュリティの管理Redisインストールの...

リストループスクロールを実現するための HTML+CSS+JavaScript サンプルコード

説明: 指定された時間内に前のノードのコンテンツを置き換えるタイマーを設定します。 1. キーコード...

MySQLとRedisでセカンダリキャッシュを実装する方法の詳細な説明

Redis の紹介Redis は完全にオープンソースで無料であり、BSD プロトコルに準拠しており、...

Robots.txtの詳細な紹介

Robots.txt はプレーンテキスト ファイルであり、Web サイト管理者は、ロボットによるアク...

docker を使用して Kong クラスター操作を構築する

docker コンテナの下に kong クラスターを構築するのは非常に簡単です。公式サイトの紹介も非...

Ansibleを使用してTomcatをバッチでデプロイする方法

1.1 ディレクトリ構造の構築この操作は、nginx+mysql+tomcat+dbのディレクトリ構...

HTMLページでチェックボックスを操作する方法

チェックボックスは Web ページで非常によく使用されます。e コマースの Web サイトでもプラッ...

HTML グリッドレイアウトを使用して 6 つのふるいスタイルを実装するためのコードの詳細な説明

まず、効果図の下にコードを添付します <!DOCTYPE html> <html&...

MySQL 8.0.12 のインストールと設定方法のグラフィックチュートリアル (Windows 版)

1. はじめにプロジェクトではMySQLを使用しています。インターネット上の例を参考にインストール...

MySQLのユーザー権限の確認と管理方法の詳細な説明

この記事では、例を使用して、MySQL ユーザー権限を確認および管理する方法を説明します。ご参考まで...