新しいメディアのコピーライティングのためのレイアウト方法 10w+の人気記事！

10w 以上の優れた記事にはそれぞれ独自の長所がありますが、良い記事のレイアウトには特定のパターンがあります。今日は、WeChat パブリック アカウントの組版テクニックを紹介します。記事のレイアウトは、わずか 3 分で完了します。始める前に、ちょっとした話をさせてください。

以前、企業の公開アカウントを引き継いだことがあります。ツイート1件あたりの読者数は2,000人ほどでしたが、読了数は1,200人未満でした。このアカウントを引き継いで最初にやったことは、記事のレイアウトを最適化することでした。その後、各記事の読了率が大幅に向上しました。2,000回読まれた記事の場合、平均読了数は約1,800回になりました。

つまり、良いタイプセッティングは人々に記事を読みたいと思わせることができますが、悪い記事は良い記事の妨げになります。

「良いタイポグラフィ」とは何でしょうか?以下の標準を参照できます。

1. 記事が伝えたいメッセージをより明確に表現できるようになる。

2. 重要なポイントを強調し、記事を読みやすくし、ユーザーの吸収効率を向上させます。

3. ユーザーの視覚体験を向上します。

優れたタイポグラフィをデザインするにはどうすればよいでしょうか?組版前の準備、固定モジュール、本文モジュールの3つの部分からシェアします。

組版前の準備: 1. 組版スタイルを決定する

組版を始める前に、記事の内容に基づいて全体的な組版スタイルを決定する必要があります。記事のスタイルが異なると、フォント、フォント サイズ、画像が大きく異なるためです。一般的には、新鮮でシンプルなものか、高級感があって簡潔なものかなど、記事の内容に応じて組版スタイルを決定します。デザインセンスに溢れているのか、それとも厳格でシンプルなのか？具体的な選択については、会社のスタイル要件に基づいて選択することも、会社のテーマカラーを一貫して維持することもできます。個人アカウントの場合は、アカウントの位置付けに基づいてレイアウトを設計します。公式アカウントの位置付けの独自性に基づき、ほとんどの公式アカウントでは、ユーザーの読書印象を深め、ブランド効果を生み出すことができるように、すべての記事を同じスタイルでレイアウトすることを要求しています。これにより、統一されたテンプレートを決定した後は、組版を行うたびにテンプレートの内容と画像を変更するのに 3 分しかかからないため、運用スタッフの手間が大幅に軽減され、時間を大幅に節約できます。

2. 記事エディタを使用しますか?

新しいメディア運営者なら誰でも、お気に入りの記事編集ツールを少なくとも 1 つは持っていると言われています。これらのツールは強力であり、材料も豊富だからです。ただし、選択的に使用し、組版の過程で乱用しないようにする必要があります。編集者に十分な素材がなかったり、適切なテンプレートが見つからない場合は、他の場所で素材をつなぎ合わせることになりますが、そうするとレイアウトがおかしくなり、全体的な効果が低下します。したがって、組版スキルを向上させたい場合は、まずエディターからの独立性を維持し、次に独自のテンプレートを設計します。

3. 読者中心

組版を行う際は、常に「ユーザーにとって読みやすいようにするにはどうすればよいか」を考えます。たとえば、全体の色調は黒にすべきか、白にすべきかなどです。グレーのフォントを使用すると、ユーザーはダークモードで記事の内容をはっきりと読むことができますか?タイトル A とタイトル B のどちらの方がユーザーに安心感を与えるでしょうか?ユーザーはどのようなテンプレートを好みますか?私たちのテンプレートのスタイルはユーザーに好まれるものでしょうか?競合他社のアカウントのレイアウトスタイルを参考にして学ぶことができます。また、異なるスタイルの記事をいくつか投稿し、データに基づいて最適なものを選択することもできます。

固定モジュールレイアウト

1. フォント

フォントが異なれば、作成するスタイルも異なります。たとえば、Lishu は Songti よりも古風な質感を演出できます。Microsoft Yahei はよりビジネス的な雰囲気を醸し出します。現在、最もよく使用されているフォントは Microsoft YaHei と Songti ですが、ユーザーはそれらを読みすぎると必然的に退屈に感じてしまうため、より斬新なフォントを使用すれば、読者の注目を集めることができます。記事では、フォントを 1 つだけ使用し、2 つを超えないようにしてください。そうしないと、乱雑な印象を与えてしまいます。 2 つのフォントを選択した場合は、1 つをタイトルに、もう 1 つを本文に使用できます。ただし、同じフォント ファミリを使用し、各フォントの特性とスタイルを一貫して維持するようにしてください。

2. フォントの色

背景色とフォント色の類似性には必ず注意してください。そうでないと、下図のように、注意しないと見にくくなります。

特にWeChatがダークモードを導入して以来、フォントの色の選択にはより注意する必要があります。純度が特に暗くない黒、視覚的に比較的柔らかい色を選択することをお勧めします。そうでないと、少し「目が刺激される」ことになります。

▲ 白黒の背景に赤と黄色

カラーマッチングについてよくわからない場合は、カラーマッチングウェブサイトColor SchemeDesignerを使用して選択することができます。 (www.peise.net/tools/web/)

この Web サイトの最大の利点は、色の値を照会するのに役立つ色照会比較表を提供していることです。

3. フォントサイズ

タイトルには 16 ピクセルまたは 17 ピクセル、本文には 14 ピクセルまたは 15 ピクセル、コメントには 12 ピクセルまたは 13 ピクセルを選択します。上記はより快適なフォントサイズです。これより小さいフォントサイズは視覚的に疲れやすく、大きすぎるフォントサイズは美しさを失わせます。

4. 単語数

WeChat の画像の文字数に特別な要件はありませんが、ユーザーの読書習慣に基づく統計によると、一般的に 1,000 ～ 3,000 文字が最適で、長い記事は 8,000 文字を超えないようにする必要があります。

5. 単語間隔

文字間隔とは、2 つの文字間の距離を指します。フォント サイズが小さいほど、ユーザーが認識しやすいように文字間隔を大きくする必要があります。フォントサイズが大きい場合は、文字間隔を狭くすることができます。文字間隔は 1 ピクセルまたは 1.5 ピクセルに設定することをお勧めします。最大値は 2 ピクセルを超えないようにしてください。例えば、次の写真でそれを自分で感じることができます。

6. 行間

行間隔とは、行と行の間の距離を指します。単語間隔と同様に、快適にするためには行間に一定の距離感が必要です。読むときに目は「Z」字型に動くため、適切な線幅を維持すると読みやすさが向上します。行間隔は 1.5px、1.75px、または 2px に設定することをお勧めします。

7. 段落間隔

段落間隔とは、段落間の距離を指します。段落が長いと読むときにストレスを感じてしまうため、段落間に空白行を入れてユーザーに息抜きの感覚を与えます。適切な段落間隔は段落の論理レベルを区別し、ユーザーによく構成された記事であると思わせることもできます。

注意: 段落全体が 1 画面を超えないようにしてください。そうしないと、読者は読む意欲を失ってしまいます。

8. ページの余白

ページ余白は、主に左揃え、右揃え、両端揃え、ダイヤモンド揃え、中央揃えなど、さまざまな配置方法を指します。両端の推奨インデント サイズは 1.0 px です。

9. アライメント

配置オプションには、左揃え、右揃え、中央揃え、両端揃えの 4 種類があります。タイトルは主に左揃えまたは中央揃えになっており、本文は一般的に両端揃えになっているため、記事の両側がよりすっきりと統一されて見え、強迫性障害の患者のニーズを満たしています。電子メール アドレスに両端揃えを使用すると、単語間のスペースがおかしく見える場合があります。この場合、中央揃えまたは左揃えに切り替え、改行をうまく利用してレイアウトを改善できます。詩や広告のコピーであれば、左揃え、中央揃え、右揃えから選ぶことができます。右揃えはあまり使われませんが、読者を引きつけやすくなります。

10. 記事の写真

イラストの役割は、記事の内容をユーザーに理解してもらうことです。一般的に、記事内で同じ色やスタイルのイラストを使用すると、視覚的に快適になります。挿入する画像には特別な処理は必要ありませんが、高画質で透かしのない画像を使用することをお勧めします。写真の品質が悪い場合は、後処理を行ったり、画像の変更を検討したりすることもできます。

11. 絵文字

絵文字は、気分を明るくし、コンテンツの単調さを軽減するのに最適な方法です。ただし、絵文字を使用する場合は、画像のサイズに注意する必要があります。正方形の場合、最大200×200ピクセルを超えないようにしてください。

12. 画像サイズ

記事のカバー画像のサイズは900*383pxですが、使用シナリオによってカバー画像が異なるサイズにトリミングされるため、カバー画像をデザインする際には重要なコンテンツを中央に配置することをお勧めします。カバー画像のデザインのアイデアが思い浮かばない場合は、Chuangketie または Gaoding Design にアクセスしてインスピレーションを得ることができます。さまざまな業界のニーズを満たすカバー画像テンプレートが多数あります。記事内のイラストの推奨サイズは16:9と4:3です。画像サイズを変更したい場合は、画像を右クリックして編集ボタンを選択し、サイズを変更することができます。とても便利です。縦長のイラストは、長い写真でない限り使用しないことをお勧めします。縦長のイラストを使用すると、画面全体が記事の写真で埋め尽くされ、読みやすさに大きな影響を与えます。

13. 句読点

句読点を不適切に使用すると、見た目に不快感を与えるだけでなく、曖昧さにつながる可能性もあるため、句読点を正しく使用することが重要です。省略を示す場合は、... または... を使用できます。前者は中国語の省略記号、後者は英語の省略記号ですが、これらを決して使用しないでください。 。 。 。 。 。省略記号を使用すると、まったく洗練されていないように見えます。後続のコンテンツを紹介するためにダッシュを使用する正しい方法は、「-」ではなく「-」です。前者はダッシュで、後者は 2 つの接続子です。時間を表現したり、2 つの数字を接続したりする場合は、接続子「-」を使用できます。記事の中には、並列性を表す内容がしばしばあります。順序付きリストであれば、ローマ数字1.2.3で表すことができます。不要な内容であれば、次の3つの表現方法が使えます。記事では▲と▼という2つの記号をよく見かけます。最初の正三角形はテキスト内のイラストの下に注釈として使用され、2 番目の逆三角形は分割線として 1 行に配置されることがよくあります。

14. 宇宙

次のような状況では、スペースをうまく活用することでコンテンツをより明確に見せることができます。中国語と英語の間にはスペースが必要です。例: She just returned from Canada yesterday.漢字と数字の間にはスペースが必要です。例: 結局、彼は 103 票差で学生自治会の会長に選出されました。英語の単語の間にはスペースが必要です。例: I have a dream.

15. 重要なポイントを強調する

ユーザーに特定の段落を読んでもらいたい場合、または段落がユーザーに深い印象を残してほしい場合は、重要なコンテンツを強調する必要があります。 「重要なポイントを強調する」一般的な方法は、太字、フォントサイズの変更、フォント色の変更、フォント背景色の使用の 4 つです。さらに、下線、斜体、単語間隔の拡大も強調に使用できますが、全体的な感覚は最初の 4 つほど快適ではありません。

16. 最初の行をインデントする必要はない

記事を書くとき、私たちはいつも最初の行に2つのスペースを残すことに慣れています。しかし、WeChatのパブリックアカウントの場合、携帯電話で読むときに2つのスペースは見栄えがよくありません。

テキストモジュールのレイアウト

本文のレイアウトは、主に上部ガイド、本文、下部ガイドの 3 つの部分に分かれています。

1. トップガイド

トップガイドは、記事をクリックして読むときに最初に目にするものです。読者が記事を読み続けるかどうかを決定するだけでなく、読者にアカウントをフォロー、いいね、ピン留めするように誘導する機能と、ロゴやブランド文化を植え付ける機能の 2 つがあります。

トップガイドを使用する場合は、スペースを取りすぎないように画像のアスペクト比に注意する必要があります。

2. コンテンツのレイアウト

コンテンツのレイアウトについてはすでに上で詳しく説明しましたが、ここでは、フォント、フォント サイズ、フォントの色に注意すること、行間、文字間隔、ページ間隔に注意すること、イラストを正しく使用することの 3 つのポイントを強調します。

3. 下部ガイド

下部ガイドの長さについてはあまり心配する必要はありません。ユーザーを維持するために、よりデザイン性の高いコンテンツや興味深いコンテンツを選択できます。通常、下部のガイダンスには、画像やテキストのソース、トピックの相互作用、以前の推奨事項、QR コード、感謝、元のテキストの読み取りなどが含まれます。特定の組版スタイルについては、類似のアカウントを参照するか、独自の組版スタイルを設計することができます。

以上がパブリックアカウントの組版ガイドです。皆様のお役に立てれば幸いです。私自身のアカウントのレイアウトは特に流行りのものではないので、皆さんにシェアする内容は、具体的なレイアウトの実践というよりも、基本的な設定がほとんどです。特に高級感があり、壮大で上品なレイアウトを望む場合は、美的感覚とデザインセンスを継続的に向上させる必要があります。

関連記事:

1. 新しいメディアコンテンツの企画プロセスと執筆手順！

2.B面新メディア運用スキル！

3. 2020年新規メディア運用のテーマ選びのコツ！

4. 新メディア運用マトリックスの5つのポイント！

5. 新メディア作戦：3方向のホットスポットを探せ！

著者: オペレーションはピット

出典：操作は落とし穴