apeescape2.com
  • メイン
  • アジャイルタレント
  • 革新
  • モバイル
  • 計画と予測
Uiデザイン

書体を選択する際のヒントと考慮事項(インフォグラフィック付き)

デザインプロジェクトの書体を選択するのはストレスになる可能性があります。いくつか デザイナー デフォルトでは、すべてのプロジェクトで使いやすい同じ少数のフォントを使用します。他の人は、最終的な選択に自信を持てずに、仕事に適した書体を見つけようと何時間も費やします。以上があることを考えると驚くことではありません 50万フォント 実在する。

正しい書体はデザインを作ることができますが、間違った書体は間違いなくそれを壊す可能性があります。書体の選択をマスターするには、実験と練習の両方が重要です。しかし、書体の選択をより簡単に、より集中させるために、デザイナーが心に留めておくことができることがいくつかあります。

範囲

ザ・ プロジェクトの範囲 または、フォントが使用されるプロジェクトは、デザイナーが書体を選択するときに最初に考慮すべきことの1つです。スライドデッキなど、限られた範囲でのみ使用されるフォントは、ブランドの視覚的プレゼンス全体で使用されるフォントよりも柔軟性が低い必要があります。



デザイナーは、書体がデジタルプロジェクトにのみ使用されるのか、印刷物にも使用されるのかを検討する必要があります。また、フォントが期間限定で使用されるのか、無期限で使用されるのかについても検討する必要があります。新しいフォントを選択する最初に、書体が使用される可能性のあるすべてのプロジェクトのリストを作成すると役立つ場合があります。

書体を選択するときは、すべてのアプリケーションを考慮してください

予定。ロゴを含むすべてのブランディング素材で1つの書体を使用しています。 (のデザインです アラン・グリンバーグ)

気分

すべてのプロジェクトにはムードがあります。そのムードがフォーマルかインフォーマルか、楽しいか真面目か、モダンかクラシックか、それともまったく別のものか。そして、すべてのプロジェクトと同様に、すべての書体にはムードがあります。

デザイナーは、プロジェクトの雰囲気と、検討している書体がその雰囲気をどのように強化または衝突させるかを検討することが重要です。たとえば、法律事務所のWebサイトでComicSansを使用すると衝突します。何かのようなもの クリムゾンテキスト またはHelveticaの方がはるかにうまく機能します。

企業がレバレッジドバイアウトを追求しているときに評価される主な要因の1つは

ムードボードは、書体の選択を評価するための良い方法です

ムードボード 書体の選択がデザインの全体的なムードにどのように適合するかを評価するための優れた方法です。 (のデザインです オリビアマヤ)

機能性

すべての書体がすべての重量とサイズで見栄えがよいわけではありません。大きいサイズで見栄えのするディスプレイフォントは、小さいサイズでは判読できなくなる可能性があります。本文の小さいサイズで見栄えのする書体は、表示サイズで使用すると、単純すぎたり、つまらなかったりすることがあります。

ただし、一部の書体は、事実上すべてのサイズで見栄えがします。デザイナーは、検討しているフォントを各サイズでテストして、それらのフォントを使用して、読みやすく、UXに悪影響を与えないことを確認する必要があります。

適切な書体の選び方:必要なすべてのサイズで読みやすさを考慮してください

Robotoは、大小両方のサイズで効果的に使用できる多くの書体の1つです。

多様性

Webでの使用に最適なフォントは、印刷で使用するにはうまく翻訳されない可能性があり、その逆も同様です。のようなフォント ジョージア 低解像度の画面で読みやすくするために特別に設計されたものは、BookAntiquaのようなフォントほど印刷作業には適していません。

フォントが単一のプロジェクトにのみ使用される場合は、印刷機能と画面機能のどちらが最も重要かを簡単に判断できます。ただし、複数のプロジェクトで使用される可能性のあるフォントの場合、設計者は、フォントが使用される可能性のあるすべてのメディアで機能することを確認する必要があります。

タイポグラフィスタイル:さまざまな媒体で機能するフォントを選択します

Drop Coのフォントの選択は、印刷物とデジタルデザインで機能します。 (のデザインです Marka NetworkとMustafaAkülker)

メッセージ

スライドデッキであろうとブランドの視覚的アイデンティティであろうと、プロジェクトのメッセージは、使用するのに最適なフォントを決定するために不可欠です。メッセージが深刻な場合、フォントも深刻である必要があり、その逆も同様です。

間違ったフォントは、ブランドが送信しようとしているメッセージを完全に狂わせる可能性があります。たとえば、歴史協会のウェブサイトのデザインにOpen Sansのような現代的なものを使用しても、メッセージは実際には補強されません。 CrimsonTextのようなフォントの方がはるかにうまく機能します。

ブランドのメッセージを補強する書体の組み合わせ

Olivia Palermo Webサイトのフォントは、ブランドのハイエンドでエレガントなメッセージを完全に補強しています。

読みやすさ

読みやすさは、間違いなく書体の最も重要な機能です。タイプはメッセージの伝達に使用されるため、そのメッセージを読み取ることができない場合、書体はその役割を果たしていません。

クレジットカードをハッキングする方法

読みやすさと読みやすさはまったく同じではありません。読みやすさは、フォント内の文字の形を区別するのがいかに簡単かを指します。読みやすさは、それをさらに一歩進めて、さまざまな単語をどれだけ簡単に区別して読むことができるかを示します。

読みやすさと読みやすさの両方が、使用されているフォントのサイズによって劇的に影響を受ける可能性があります。 18ピクセルで見栄えのするフォントは、10ピクセルでは判読できない場合があります。フォントを小さいサイズで使用する必要があることをデザイナーが知らない限り、これは必ずしも大きな問題にはなりません。

その年の資本予算は会社によって承認されます

書体の特徴:フォントサイズは読みやすさにとって重要です

フォントサイズは、フォントの読みやすさに大きな影響を与えます。

言語

すべてのウェブサイトやデザインプロジェクトが複数の言語に翻訳されるわけではありません。ただし、プロジェクトの開始時に、翻訳の可能性があるかどうかを判断することをお勧めします。キリル文字やギリシャ語などのアルファベットは言うまでもなく、すべての書体が特殊文字(アクセント付き文字など)をサポートしているわけではありません。

ほとんどすべてのプロジェクトで、アクセントやウムラウトなどの拡張ラテン文字を少なくともサポートするために使用されている書体にとって重要です。アクセントがサポートされていないために単語や名前を綴ることができないと、プロジェクトが専門家ではないように見える可能性があります。

書体要素:一部のデザインでは言語サポートが重要になる場合があります

一部のプロジェクトで書体を選択する場合、複数の言語のサポートが重要になる場合があります。

スタイル

基本的なフォントスタイルには、セリフ、サンセリフ、ディスプレイ、スクリプトの4つがあります。セリフフォントは、より伝統的でフォーマルなものと見なされることがよくあります(すべてではありませんが)。サンセリフ書体は、より現代的でミニマリストと見なすことができます。ディスプレイフォントは小さいサイズでの使用には適していませんが、外観は大きく異なります。スクリプトフォントは、手書きや書道に似ています。スクリプトフォントと表示フォントはどちらも、主にテキストの短いブロックや見出しやタイトルなどに使用されます。

読みやすさのために、セリフフォントは印刷物ではより読みやすいと見なされていましたが、サンセリフフォントは画面上でより読みやすいと見なされていました。しかし、両方のスタイルのほとんどの現代書体 うまくいくことができます どちらの媒体でも、特に画面解像度の進歩に伴い。

デザイナーは、見出しとタイトルに表示フォントとスクリプトフォントのどちらを使用するかを検討し、セリフ書体とサンセリフ書体のどちらがメッセージとプロジェクトのブランドに適しているかを判断する必要があります。これを決定すると、デザイナーのフォントの選択肢が絞り込まれ、最終的な選択を簡単に決定できるようになります。

書体の選択:セリフ書体とサンセリフ書体の組み合わせ

Obachanは、Webサイト全体でセリフフォントとサンセリフフォントの両方を使用しています。

ブランド

すべて ブランド 気分とメッセージがあります。書体だけでなく、すべての視覚要素が一致し、ブランドが一般に提供したい印象をサポートすることが重要です。

ブランドの適合性に基づいて書体の選択肢を絞り込むことは、ブランドを表すキーワードのリストを作成することから始めることができます。そこから、設計者はそれらのキーワードまたは同義語を含むフォントを検索できます。

たとえば、ブランドがフォーマルで伝統的なものである場合、GaramondやCaslonのようなフォントが適しています。ブランドが現代的で最先端の場合、デザイナーはRobotoやRalewayのようなものを選ぶかもしれません。

良い書体の組み合わせは、ブランドのメッセージとムードを強化することができます

Pureskinの非公式なスクリプトフォントとクリーンなサンセリフフォントの組み合わせは、モダンでフェミニンなブランドを強化しています。 (のデザインです Marka NetworkとMustafaAkülker)

ライセンス

多くのフォントには、事実上すべての状況で使用できる一般的なライセンスがありますが、そうでないフォントもあります。 一部のライセンス ある媒体または別の媒体での使用のみを許可します。その他は販促資料での使用を許可しますが、販売されている製品での使用を許可する場合があります。

新しいプログラミング言語を作成する

もう1つの考慮事項は、複数の設計者が1つのプロジェクトで作業している場合、それぞれにライセンスバージョンのフォントが必要になる可能性があることです。設計者は、使用を検討しているフォントのライセンスと、それらのライセンスが課す可能性のある制限を確実に理解する必要があります。

組み合わせ

すべてのフォントが他のフォントとうまく機能するわけではありません。一部の書体は、他の何百ものフォントと組み合わせることができるほどニュートラルです。しかし、他の人はそのような独特の性格を持っているので、適切な組み合わせは限られています。

両方に利点があります。組み合わせが限られていると、設計者が選択できるのは1ダースしかないため、適切な組み合わせをすばやく見つけることができます。しかし、より幅広いオプションを持つことで、将来のプロジェクトでより多くの柔軟性を提供できます。 フォントの組み合わせの選択 は芸術であり科学でもあり、デザイナーが習得するにはかなりの実験と実践が必要です。

タイプフェイスの組み合わせ:セリフフォントとサンセリフフォントは一緒にうまく機能します

複数のサンセリフ書体とセリフ書体を組み合わせることは、ソフィアのお茶のこのパッケージデザインでうまく機能します。 (のデザインです Marka NetworkとMustafaAkülker)

大規模なフォントファミリー

RobotoやBaskervilleなど、複数のウェイトとスタイルを持つ大きなフォントファミリを使用すると、設計者は、どの書体がうまく連携するかを理解するストレスなしに、複雑な活版印刷デザインを簡単に作成できます。一部の大規模なフォントファミリには、セリフバージョンとサンセリフバージョンの両方が含まれているため、設計者はさらに柔軟に対応できます。

githubでウェブサイトをホストする

ブランドの視覚的アイデンティティのような長期的なプロジェクトでは、フォントファミリーが大きいほど多様性が高まります。プロジェクトの正確なニーズに基づいて複数のウェイトやスタイルを切り替えることができるため、デザイナーはブランドの確立されたアイデンティティから逸脱することなく、より柔軟に対応できます。

書体要素:大規模な書体ファミリーは、より多様性を提供します

Nimbus Sansのような大規模な書体ファミリーは、デザイナーに多くの多様性を提供します。これは、長期または大規模なプロジェクトで特に役立ちます。

適切な書体を選択する方法

デザインプロジェクトでこれらのヒントを覚えておくと、書体の選択がはるかにスムーズになります。 デザイナー タイプ選択スキルを磨きたい人は、有名なブランドや架空のプロジェクトの新しい書体を選択するなど、練習プロジェクトに取り組むことができます。そうすれば、実際のプロジェクトに直面したときに、スキルと選択に自信が持てるようになります。

各プロジェクトの内容を完全に把握することで、設計者はどの書体がそれらのニーズに最も適しているかをよりよく理解できます。プロジェクトの範囲が定義されると、ムード、汎用性、メッセージ、ブランドなどの他の考慮事項が、デザイナーを最適なフォントの選択に導くことができます。読みやすさ、機能、言語サポートなどの他の考慮事項は、設計者がそれらの選択をさらに洗練して、設計作業に最適なフォントを見つけるのに役立ちます。

書体のインフォグラフィック

このインフォグラフィックのPDFバージョンをダウンロードしてください。 Infographicインフォグラフィック サルゲッチュ ');' onmouseover = '' style = 'cursor:pointer;' data-url = 'BLOG_POST_URL' data-img = 'https://bs-uploads.toptal.io/blackfish-uploads/uploaded_file/file/60182/image-1574029495471-dfe42199f408244182cae4342b11c323.png'>このインフォグラフィックをウェブサイトに埋め込みます。

•••

ApeeScapeデザインブログの詳細:

  • 効果的な活版印刷の階層を構築する方法
  • タイポグラフィの解剖学の複雑さを分析する(インフォグラフィックを使用)
  • 読みやすさのための設計– Webタイポグラフィのガイド(インフォグラフィック付き)
  • 書体分類のニュアンスを理解する
  • ミニチュートリアル–フォントの組み合わせのガイド

基本を理解する

フォントと書体の違いは何ですか?

フォントは、Helveticaなどの書体の特定のサイズ、太さ、およびスタイルです。これは、タイプが手動で設定され、タイプセッターが各「フォント」を個別に保存したときまでさかのぼります。実際には、これらの用語は、特にデジタルデザインでは、しばしば同じ意味で使用されます。

タイポグラフィとは何ですか?なぜそれが重要なのですか?

タイポグラフィは、メッセージを伝えるためにタイプをアレンジする方法です。これは、フォントを選択するだけでなく、表示されるテキストのすべての視覚的プロパティにまで及びます。優れたタイポグラフィは、UXを向上させる方法で伝達されるメッセージを強化します。

どのフォントが最も読みやすいですか?

適切に設計されたセリフフォントとサンセリフフォントはどちらも、通常、画面上と印刷物で非常に読みやすくなっています。最も読みやすいフォントには、Garamond、Georgia、Helvetica、Lucidaなどがあります。ただし、フォントがページにどのように配置されるか(行の長さと高さを含む)も、テキストの読みやすさに大きな影響を与えます。

書体の読みやすさはどれほど重要ですか?

メッセージを伝えることを目的とした機能的なタイポグラフィの場合、使用されている書体の読みやすさが間違いなく最も重要な側面です。書かれたメッセージを伝えるためのタイプが存在し、そのメッセージが判読または読み取り可能でない場合、書体(またはタイポグラファー)は失敗しています。

7つの書体分類は何ですか?

書体を分類する方法は複数あり、それぞれが異なる数になるため、7は任意の数です。一般的な書体の分類には、セリフ、サンセリフ、ディスプレイ、およびスクリプトが含まれます。それらの中には、ヒューマニストのサンセリフ、スラブセリフ、トランジショナルセリフ、ブラシスクリプトなどの下位分類があります。

なぜ新興市場の通貨は変動するのですか?

財務プロセス

なぜ新興市場の通貨は変動するのですか?
機械学習ビデオ分析:魚の識別

機械学習ビデオ分析:魚の識別

技術

人気の投稿
直帰率を下げるためにカスタム読み込みアニメーションを作成する方法
直帰率を下げるためにカスタム読み込みアニメーションを作成する方法
デジタル遊牧民の冒険:ハッカーパラダイスと一緒に旅行
デジタル遊牧民の冒険:ハッカーパラダイスと一緒に旅行
WebpackまたはBrowserify&Gulp:どちらが良いですか?
WebpackまたはBrowserify&Gulp:どちらが良いですか?
強力なリモートワーク文化を構築する方法:ChristySchumannへのインタビュー
強力なリモートワーク文化を構築する方法:ChristySchumannへのインタビュー
これらのダッシュボードデザインのインスピレーションでアナリティクスをアップグレードする
これらのダッシュボードデザインのインスピレーションでアナリティクスをアップグレードする
 
devRantの禅
devRantの禅
プロジェクト管理会議2020の完全なリスト
プロジェクト管理会議2020の完全なリスト
人工知能が金融の世界にどのように影響しているか
人工知能が金融の世界にどのように影響しているか
モバイルユーザビリティの基本ガイド
モバイルユーザビリティの基本ガイド
UXデザイントレンドレトロスペクティブ2019
UXデザイントレンドレトロスペクティブ2019
人気の投稿
  • 従業員計算機の真のコスト
  • デザインの原則の例
  • ノードjsが使用される場所
  • Javaでメモリリークを見つける
  • ネイティブqrコードスキャナーに反応する
  • トークンの作り方
カテゴリー
収益性と効率性 製品ライフサイクル データサイエンスとデータベース 収益と成長 トレンド プロセスとツール ブランドデザイン Kpiと分析 Webフロントエンド プロジェクト管理

© 2021 | 全著作権所有

apeescape2.com