セリフのない字形で簡潔な印象を伝え、読みやすさは実際の書体と文脈で確認します。
利用者が路線と時刻を素早く読む交通案内画面を作るとします。編集側は印刷物らしい雰囲気より簡潔な字形を選びつつ、似た表示を区別できるかも確かめます。
交通案内の時刻・行先・状態を読みます。別の実験で太さや似た字形を比べます。ローカルのNoto SansとCJK書体が対応文字を描画し、リセットで初期見本へ戻ります。
東駅 · 2番ホーム
書体の読み込み後に送り幅を表示します。
幅測定の入力は48pxから始まります。対応するラテン文字は表示の書体、韓国語と日本語はNoto CJKで表示します。ほかは代替書体になる場合があります。ガイドは文脈内で測定するため、接続や合字が範囲に影響する場合があります。
本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。
任意の参考資料 · 概要の読了時間には含みません
情報階層に簡潔な印象が合えばサンセリフを使います。セリフは記事らしい雰囲気、スクリプトは短い表現に向きます。普遍的に読みやすい形はなく、文字・サイズ・太さ・言語を比べます。
架空の交通案内は大きさと太さで時刻・行先・運行状態を分けます。標識やUIにも応用できます。実際の運行情報ではなく書体の例です。
document.fonts.ready後に実際の書体を確認します。一つのテキストノードをRangeで測り字形処理を保ちますが、合字・結合文字・代替字形は範囲に影響します。実験と実用の見本を分け、各言語の対応文字を検査します。
汎用書体分類と数字の機能を定義します。実際の送り幅は読み込んだ書体と字形処理に依存します。
確認狭い画面や拡大の検査を支えるもので、配置や書体の定義ではありません。
確認| 概念 | 特徴 | 利点 | 制約 | 適する状況 | 組み合わせ条件 |
|---|---|---|---|---|---|
| サンセリフ | セリフのない字形で簡潔な印象を伝え、読みやすさは実際の書体と文脈で確認します。 | サイズと太さで同じ見本に階層を作ります。 | 普遍的な読みやすさを仮定せず、似た文字と韓日のサブセットを確認します。 | 階層が明確な案内板やUIに向きます。 | 平面の操作部やセリフの見出しと組み合わせます。 |
これからプロジェクトを始めますか？説明を入力して最初のプロンプトを準備しましょう。
自分に合うプロンプトを作る →すでに外部AIと会話中なら、この記事のリンクと自分のプロジェクトに合う理由、重視する利点や制約を伝えましょう。合意した要件にどう適用するか依頼してください。
この記事のリンク: サンセリフ
この選択を話し合う
コメントは全言語で共有。投稿にはGitHubログインが必要です。