熟練デザイナーの7つの原則(1):フォントデザイン

熟練デザイナーの7つの原則(1):フォントデザイン
まあ、あなたはデザインの達人かもしれませんし、あるいはそれは大げさすぎるかもしれませんが、少なくともこれらの 7 つの基本原則に従うことで熟練したデザイナーになることができます。
これは、より優れたデザイナーになる方法を教える、最も短くて詳細なブログ投稿シリーズになります。
覚えておいてください: これらの原則は法律ではなく、破られる可能性があります。これらは、私がデザインするときにいつも従う一般的なガイドラインです。これらのシンプルなデザイン原則に従えば、芸術的な卓越性に至る独自の道が見つかるでしょう。
原則 1: フォントを制限します。
優れたデザインの大部分は、見た目がうまく調和していることだということがおわかりいただけるでしょう。これを行う最良の方法の 1 つは、少数の要素を使用して、調和のとれたデザインを作成することです。
最初に選択したフォントが削除したいフォントになる場合があります。1 つの作品から 2 つのフォントを削除することがよくあります。最初のフォントはおそらく思慮深く、または芸術的なものになり、デザインに第六感、特徴、または個性をもたらすでしょう。これらのフォントは、その時代のあらゆる気分の断片をまとめたものです。このねじれたウエストの楽しいフォントは、女の子のダンス パーティーのように見えます。そして、この汚くて邪悪なフォントは、ロック バンドのようです。この派手なフォントをテキストのタイトルに使用します。十分な大きさが必要な場所では、この派手なフォントがこの作品の焦点になります。通常、このフォントは控えめに使用しますが、サイズがかなり大きいため、読者の目に留まる主なポイントになります。2 番目のフォントはごく普通のフォントにする必要があります。読者は記事全体でその存在を感じないでしょう。このフォントはテキスト内でかなりのスペースを占めるため、非常に読みやすいものでなければなりません。当然のことながら、豪華で芸術的なフォントがテキスト内で大きなスペースを占めると、読みやすさに大きな影響を与えます。
フォントを正しく使用したデザインの例を次に示します。ご覧のとおり、ここで使用されているフォントは 2 つだけです。タイトル用の派手な芸術的なフォントと、コンテンツ用の非常に基本的なフォントです。すっきりとまとまっていますね。

もう一つの失敗例をご紹介します。ここでは派手な芸術的なフォントをたくさん使用しましたが、非常に一貫性がなく、セクションの区切りがメインタイトルと調和していないようです。

1 つのデザインにフォントを多用するのは絶対に避けるべきです。8 種類のフォントを使用することほどチラシの見栄えを悪くするものはありません。本文に WordArt を使用する場合も同様です。これはフォントの誤った使用例です。

君に手を汚させる前に、最後にもう 1 つ考えさせてくれ。ワードアートが非常にトレンディでモダンに見える場合は、メインテキストにサンセリフフォントを使用します。ワードアートが非常にフォーマルに見える場合は、セリフフォントをセカンダリフォントとして使用します。 。
PS2: セリフ体かサンセリフ体か?
セリフとは、文字のストロークの終わりの部分で、たとえば「M」の文字の始まりと終わりの部分です。セリフ体は、フォントの優雅さと読みやすさを向上させるために、ローマ字の刻印文字から開発されました。それらはまず筆で石に書かれ、その後彫刻されました。セリフ体が今日まで生き残っているのは、美しくクラシックであり、読みやすいからです。小さなテキスト フォントには、Serif フォントが非常に適しています。逆に、タイトルや短い記事のフォントには、Sans Serif (Sans はフランス語で「何もない」という意味) を使用できます。
フォントの分類 ラテン文字 角文字 セリフ体
太い線と細い線のコントラストがはっきりしており、読むときに視力を保護します。Times New Roman
建築家
バレエ彫刻
クリードモア
ベンジャミン
キャップシュ
新しい明迪宋迪宋書体サンセリフ
線の太さや細さが均一で、コントラストがはっきりしていません。フォントが目立ちすぎて読みにくくなっています。アルバータ州
アンストーン
ガラモンド
ニンバススクリプト
大胆な

<<:  Vue マルチページ構成の詳細

>>:  画像をMySQLデータベースに保存し、フロントエンドページに表示するための実装コード

推薦する

CentOS 6.6 ソースコードのコンパイルと MySQL 5.7.18 のインストールチュートリアルの詳細な説明

1. ユーザーとグループを追加する1. mysqlユーザーグループを追加する # グループ追加mys...

MySQL シリーズ 7 MySQL ストレージ エンジン

1. MyISAM ストレージエンジン欠点:トランザクションはサポートされていません最小粒度ロック:...

Vue.jsクラウドストレージで画像アップロード機能を実現

序文ヒント:以下はこの記事の主な内容です。以下のケースを参考にしてください。 1. オブジェクトスト...

vue v-for ループ オブジェクトの属性

目次1. ループオブジェクト内の値2. ループオブジェクト3. キーと値のループ1. ループオブジェ...

Linux での Nginx 監視の問題

nginxのインストール仮想マシンがインターネットにアクセスできることを確認します。 1. ルートユ...

jQueryは記事の折りたたみと展開の機能を実装します

この記事の例では、記事の折りたたみと展開の機能を実現するためのjQueryの具体的なコードを参考まで...

JSメモリ空間の詳細な説明

目次概要1. スタックとヒープ2. 変数オブジェクトと基本データ型3. 参照データ型とヒープメモリメ...

Vue シングルファイルコンポーネントの実装

最近、vue について読みました。これまで基本的に見落としていた単一ファイル コンポーネントを見つけ...

spanタグのスタイルに幅属性を設定する方法

span タグのスタイルに width 属性を直接設定すると、効果がないことがわかります。 disp...

MySQL 5.6 圧縮パッケージのインストール方法

MySQL には、msi インストールと zip 解凍の 2 つのインストール方法があります。 zi...

非常に実用的なMySQL関数の包括的な概要、詳細な例の分析チュートリアル

目次1. MySQLの関数の説明2. 単行関数の分類3. キャラクター機能4. 数学関数5. 日付と...

Linux mysql5.5 を mysql5.7 にアップグレードする手順と落とし穴

目次Linux MySQL 5.5 が MySQL 5.7 にアップグレードされました1. mysq...

MySQL kill コマンドの使用ガイド

KILL [接続 | クエリ] processlist_id MySQL では、各接続は個別のスレ...

jsオブジェクト指向カプセル化カスケードドロップダウンメニューリストの実装手順

この例で開発されたカスケード ドロップダウン メニューは、既存の JSON データに基づいて作成され...