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

推薦する

JavaScript 文字列の一般的なメソッドの詳細な説明

目次1. キャラクター文法パラメータ索引戻り値2. 連結文法パラメータ文字列2 [, …文字列N]戻...

Centos7 環境でソースコードから mysql5.7.16 をインストールする方法の詳細な説明

この記事では、centos7 環境でソース コードから mysql5.7.16 をインストールする方...

ウェブサイトのパフォーマンスを向上させるためのウェブサーバーの改善

<br />このシリーズの最初のセクションでは、Web サイトのパフォーマンスを向上させ...

CSS で 3 列レイアウトを実装するいくつかの方法と利点と欠点

序文3 列レイアウトは、その名前が示すように、両側が固定され、中央が適応します。実際の開発では、3 ...

Flex プログラム Firefox で中国語を入力すると文字化けするバグ

Firefox の下位バージョンでは中国語の文字を入力できず、上位バージョンでは文字化けした文字が表...

MySQLの基本操作学習ノートテーブル

テーブルを作成テーブルテーブル名を作成create table if not exists 表名 m...

MySQL でファイルデータをインポートする際の 1290 エラーの解決方法

エラーシナリオcmd の mysql コマンドを使用して、学生情報テーブルにデータを追加します。デー...

Linux の一般的なコマンドとショートカット キーの紹介

目次1 システムの紹介2 システムショートカット3 一般的なシステムコマンド1 システムの紹介 1....

ブラウザをJavaScriptで対話させる方法

目次1. 最も単純な例2. 音声の速度とピッチをカスタマイズする3. 音量の調整方法4. よく使われ...

既存のMySQLデータベースの文字セットを統一する方法

序文データベースでは、一部のデータ テーブルとデータは latin1 であり、一部のデータ テーブル...

CSS の position 属性の値に関する研究 (概要)

CSS の位​​置属性は要素の配置タイプを指定し、上、下、左、右を使用して要素を具体的に配置します...

MySQLのslave_exec_modeパラメータの詳細な説明

今日、slave_exec_modeというパラメータを偶然見ました。マニュアルの説明から、このパラメ...

ウェブデザインの達人がよく使うレスポンシブフレームワークを共有する（要約）

この記事では、Web デザインの達人がよく使用するレスポンシブ フレームワーク (概要) を紹介し、...

Linux 仮想メモリ設定のチュートリアルと実践

仮想メモリとは何ですか?まずはWikipediaからの紹介文をそのまま引用します。仮想メモリは、コン...

MySQL データベースの最適化: テーブルとデータベースのシャーディング操作の詳細な説明

この記事では、例を使用して、MySQL データベースの最適化のためのテーブルおよびデータベース シャ...