Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Figmaにおけるフォント:タイポグラフィを効果的に選択し適用する | セクション
Figmaレイアウト&デジタルデザインシステム基礎

Figmaにおけるフォント:タイポグラフィを効果的に選択し適用する

メニューを表示するにはスワイプしてください

タイポグラフィにおいて、フォントファミリーは、共通のデザインスタイルを持ちながら、ウェイトや幅などの属性にバリエーションがある関連フォントのグループを指します。Figmaをはじめとする多くのデザインツールでは、さまざまなフォントファミリーから選択できます。以下は、利用できる一般的なフォントファミリーの種類の概要です。

セリフ体フォント

セリフ体フォントは、文字の端に小さな装飾的なストローク(「セリフ」)が付いているのが特徴です。印刷物やフォーマルで伝統的なデザインによく使われ、上品さやクラシックな印象を与えます。

例: Times New Roman, Georgia, Playfair Display.

サンセリフ体フォント

サンセリフ体フォントは、文字の端に装飾的なストロークがなく、すっきりとしたデザインです。画面上での可読性が高く、ミニマルなスタイルのため、デジタルやモダンなデザインで人気があります。

例: Arial, Helvetica, Roboto, Open Sans.

image

スラブセリフ体フォント

スラブセリフ体フォントは、太くブロック状のセリフが特徴のセリフ体フォントの一種です。ブランドや見出しで力強い印象を与えたいときによく使われ、インパクトのある外観を提供します。

例: Rockwell, Clarendon, Roboto Slab.

画像

等幅フォント

等幅フォント(モノスペースフォントとも呼ばれる)は、すべての文字に同じ横幅を割り当てるフォント。コード記述、表形式データ、または整列が重要な技術設計の場面に最適。

例: Courier New、Consolas、Source Code Pro。

画像

スクリプトフォント

スクリプトフォントは手書きやカリグラフィーを模倣するようにデザインされており、多くの場合、文字同士がつながるストロークが特徴です。洗練された印象や芸術的な雰囲気が求められるエレガントでクリエイティブ、または個性的なデザインに最適です。

例: Pacifico, Lobster, Dancing Script.

image

デコラティブ/オーナメンタルフォント

デコラティブフォントは非常に装飾的でユニークなデザインが特徴で、特定の用途や非日常的な場面のために作られています。テーマ性のあるプロジェクトやロゴ、タイトルなど、個性的で目を引く外観が求められる場面に最適です。

例: Jokerman, Papyrus, Chiller.

画像

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  13

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  13
some-alt