DG EMOJIK / 日本語

なぜ一方の絵文字は白黒で、もう一方はカラーなのですか?

一部のUnicode記号は、テキストシンボルとしても絵文字としても表示される可能性があります。文字の後ろにある不可視の表示セレクタが希望する形式を示すこともありますが、最終的な結果はフォントやアプリのサポート状況にも依存します。そのため、白黒での表示だけでは、文字が誤っていることにはなりません。

ハンガリー語原文の完全な機械翻訳です。

白い紙の上にある、さまざまな色の尖った鉛筆。
イラスト。 · Margaret8 / Pixabay

これは、ハート、太陽記号、または他の長年使用されているシンボルでよく見られます。ある場所からコピーした記号はシンプルな線画で表示され、スマートフォンのキーボードから挿入したバージョンはカラーになります。違いは、貼り付けられたシーケンス全体で確認することをお勧めします。見た目だけでは説明として不十分です。

2つの表示セレクタは何を要求しますか?

U+FE0E、別名VS15はテキスト表示を要求します。U+FE0F、つまりVS16は絵文字表示を要求します。これらは標準的な表示セレクタとして、定義されたシーケンスでのみ使用可能です。任意の文字を絵文字に変換するものではありません。出典:Unicode Emoji – Presentation Style

例 シーケンス セレクタが要求する形式
♥︎ U+2665, U+FE0E テキストのハート記号。
♥️ U+2665, U+FE0F 絵文字として表示されるハート記号。
☀︎ U+2600, U+FE0E テキストの太陽記号。
☀️ U+2600, U+FE0F 絵文字として表示される太陽記号。

これらのペアは、Unicodeの公式バリエーションシーケンスリストに記載されています。表の2つの形式は、お使いのデバイスでは非常に似ている可能性がありますが、シーケンスとしては異なります。出典:Unicode 18.0 – Emoji Variation Sequences

セレクタは色の設定ではありません

VS16から任意に選択できる色が導き出されるわけではなく、VS15も特別な「黒インク」を意味するわけではありません。これは文字の表示モードに関する要求です。具体的な描画とその色は、表示環境によって決定されます。

ドキュメント内でハートを青に設定したい場合は、まずテキストの♥︎バージョンを試してください。カラーの絵文字図形は、必ずしも文字色の設定に従うとは限りません。ドキュメントのコピーを作成し、色を変更してから、エクスポートされたPDFも開いてください。これにより、受信者が何を受け取るかを確認できます。

企業向けの表示では、意味を記述してください:「お気に入り登録済み」または「お気に入りに保存」。これにより、ハートの色が設計意図と異なる場合でも、機能が理解可能になります。表示のバリエーションだけで、訪問者がボタンを理解できるかどうかを判断させないでください。

コピー後に何をチェックしますか?

まず、周囲のスペースを除いて記号全体をコピーします。シンプルなメモと最終的なターゲットフィールドの両方に貼り付けてください。片方の場所だけで見た目が変化する場合、2つの環境と、調整可能な場合は使用されているフォントを記録してください。

同じ基本文字から始まっているかも確認してください。♥のコードポイントはU+2665、❤のコードポイントはU+2764です。どちらもハートですが、比較すると基本文字自体が異なります。そのため、上記の表では同じハートと太陽の2つの表示シーケンスを示しています。

最後に、保存された結果を確認してください。フォームのプレビュー、公開されたページ、ダウンロードされたドキュメントは、3つの異なるチェックポイントです。バグ報告には、貼り付け可能な元のシーケンスも含めてください。スクリーンショットは、レンダリングされたバージョンのみを保持します。

記号のデフォルト設定をそのままにするのはいつですか?

通常のメッセージでは、通常、キーボードが提供する完全な絵文字を選択するだけで十分です。不可視文字を手動で挿入する代わりに、必要な形状をまとめてコピーしてください。正確なブランドの描画が必要な場合は、表示側に依存する絵文字の制限を、設計段階で考慮に入れてください。

デバイス間の差異についての記事は、グラフィックの違いを説明しています。シンボルの役割が重要な場合は、アクセシブルな使用についての例に基づいて、テキストおよび読み上げでも理解可能かどうかを確認してください。

要点を持ち帰る

3問の知識クイズ

読んだ内容をどう適用するか試してみてください。各質問につき1つの回答を選択してください。正解は1点です。評価はこの3つの状況に対するフィードバックを提供し、あなたの回答は保存も送信もされません。

1. サポートされている表示シーケンスにおいて、VS16は何を要求しますか?
2. VS15とVS16の効果を比較したいとします。基本文字とセレクタの役割を分離するのはどのテストですか?
3. エディタ内では記号が適切に表示されています。追加の有効なチェックは何ですか?

解答と解説
  1. 絵文字としての表示。 セレクタは表示の種類を示すものであり、具体的な色を規定するものではありません。
  2. 同じ基本文字のVS15付きとVS16付きのシーケンスを比較します。 これにより、基本文字の差異が、表示セレクタの効果と混同されません。
  3. 保存または公開されたバージョンを開いて確認します。 最終的な環境での表示も重要です。

正解数を数えてください:各1点です。未回答は0点です。

  • 3点: 3つの質問で、基本、セレクタ、最終的な表示を区別しました。表のペアの1つを試してみてください。
  • 2点: 誤った回答で混同された2つの概念を見つけてください。
  • 0–1点: 2つの太陽記号を並べてコピーし、VS15およびVS16のコードポイントを特定してください。

もう1つのおすすめ記事

すべての20記事 · 絵文字を探す