熟練デザイナーの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データベースに保存し、フロントエンドページに表示するための実装コード

推薦する

MySQLカスタム変数の概念と特徴

MySQL カスタム値は、値を保存するための一時的なコンテナです。サーバーへの接続がアクティブである...

Vue プロジェクトで addRoutes を使用する際の問題の解決策

目次序文1. 404 ページ1. 原因2. 解決策2.白い画面を更新する1. 原因2. 解決策3. ...

Vue.js パフォーマンス最適化 N 個のヒント (収集する価値あり)

目次機能コンポーネント子コンポーネントの分割ローカル変数v-show によるDOMの再利用キープアラ...

MySQL 8.0.13 手動インストールチュートリアル

この記事では、MySQL 8.0.13の手動インストールチュートリアルを参考までに紹介します。具体的...

JavaScript Domはカルーセルの原理と例を実装します

カルーセルを作りたい場合、まずその原理を理解する必要があります。画像を右から左にスライドさせるにはど...

docker-maven-pluginプラグインは対応するjarパッケージを取得できません

docker-maven-plugin プラグインを使用する場合、Maven は対応する jar パ...

Homebrewを使用してMacにMySQLをインストールするときにログインできない問題を解決する

お使いのコンピュータが Mac の場合、homebrew を使用して MySQL をインストールする...

innerHTML アプリケーション

ブランクのブログ: http://www.planabc.net/ innerHTML プロパティは...

Mysql は最大接続数を表示し、最大接続数を変更します

MySQL 最大接続数の表示と最大接続数の変更1. 最大接続数を確認する '%max_con...

JS初心者が配列を処理するための実践的な方法のまとめ

join() メソッド: 指定された区切り文字を使用して配列内のすべての要素を文字列に接続します。例...

リストループスクロールを実現するための HTML+CSS+JavaScript サンプルコード

説明: 指定された時間内に前のノードのコンテンツを置き換えるタイマーを設定します。 1. キーコード...

コードブロックのハイライトをコピーして表示できる js プラグイン highlight.js + clipboard.js 統合

主に2つの側面から: 1. ハイライト/改行2. コードのコピーボタンこれら両方には既製のプラグイン...

docker ベースの redis-sentinel クラスターの構築例

1. 概要Redis Cluster は、Redis ノードのグループ間での高可用性とシャーディング...

MySQL の WriteSet 並列レプリケーションの簡単な分析

【歴史的背景】私は 3 年間 MySQL-DBA として働いてきましたが、MySQL が「基本的に利...

MySQL クラスター化インデックスのページ分割原理の分析例

この記事では、MySQL クラスター化インデックスのページ分割を例を使って説明します。ご参考までに、...