allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。Makes」の著者より許可をもらい、日本語抄訳しています。Typography)はデザインにおいて重要な役割があり、プロジェクト全体のデザインを良くも、悪くもします。文字テキストに関する間違いは、全体のイメージとうまくブレンドされ、よく考えられた文字組み合わせに比べて、目立ちやすくなりがちです。フォントをデザインするときに間違いやすいポイントを学び、デザイン案件の最終チェックリストとして活用してみましょう。トラッキング限られたスペースにテキストを挿入する必要があるとき、どうするでしょう。Tracking))をすこし狭くするかもしれません。この問題は、文字間を狭くし過ぎると、テキストの読みやすさが著しく低下してしまい(特に小さなフォントサイズで作業をしているとき)、デザインが詰まった印象に仕上がってしまいます。Leading))を調整することは、可読性にもつながります。行間は狭すぎても、広すぎても読みにくくなり、視覚的なデザイン性を台無しになってしまいます。うまく拡大縮小ができていない。初心者にありがちな間違いが、限られたスペースにフィットさせるために、文字を引き伸ばしたり、縮めてしまうことです。文字デザインの意味合いが歪んでしまいます。この問題を解決する方法をいくつかあります。Proportionally)いるのか確認しましょう。ショートカットキーはデザインアプリケーションによって異なりますが、PhotoshopやIllustratorなどのAdobe関連ソフトでは、Shiftキーを押しながらテキストボックスの角をドラッグしましょう。応急処置としては、フォントサイズまたはトラッキング(字送り)を調整し、効果的にスペースを埋めるという方法も覚えておきましょう。可読性を無視している。注目を集めるデザインに仕上げるには、人がはっきりと読みやすいことが前提となります。Practical)ではないというケースもあるでしょう。細い白テキストを黒背景に配置すると、スタイリッシュに見えますが読みにくくなってしまいます。可読性の問題には色々な要素が考えられるでしょう。フォントが小さすぎたり、フォントと背景の色が合っていなかったり、透明エフェクトが文字テキストを読みにくくしているかもしれません。可読性を無視している。Copy)では、特に可読性をじっくり検討する必要があります。このような文字テキストでは、魅力的なデザイン性よりも、くっきり表示で読みやすいかのどうかが鍵となります。Leading))などを調整しましょう。Font)がメインコンテンツ用テキストに適していると言われており、目線の移動をより素早く行うことが出来ます。Typeface)も、特にウェブをベースとしてた読み物に適しています。改行位置を考えていない。長い文章を扱うときは、文字が途切れてしまうことで、余分な余白スペースができてしまうので、取り除いてしまいましょう。Tracking))をすこしだけ調整してあげましょう。英文で文章のあとにダブルスペースを使っている。ひとつボディコピーに関する問題点として、文章の間にダブルスペースを利用するのはやめましょう。英文では2行開けるようにと習ったかもしれませんが、それはやや時代遅れで不必要となってきています。Flow)を邪魔してしまいます。英文の文章の間のスペースは、1行とするように心がけましょう。たくさんのフォントの種類を使っている。装飾的なフォント書式の組み合わせとも言われていますが、多くの場合が失敗しています。デザインプロジェクトの大半は、2つや3つの限られたフォント数を利用することで、デザイン的な恩恵を受けることが、これまでの経験からも分かっています。多すぎるフォント書式やスタイルは、考えぬかれたプロのフォント組み合わせに比べ、デザインがアマチュアっぽく見えてしまいます。保守的な文字に対するアプローチが、デザインが乱雑にならずすっきりと、整理することができるでしょう。フォントの組み合わせが合っていない。フォント数を使い過ぎないだけでなく、調和のとれたフォントの組み合わせが良いデザインには必要です。フォントのデザインがぶつかってしまっていると、コンテンツからユーザーの視線をそらし、伝えたいメッセージが潜在的にしまいます。Potentially)届きにくくなってしまいます。Art)の中間のようなものです。文字の基本を学び、練習を繰り返しながら、個人的な好みを活かし、より直感的に行います。Font)を1つずつ、スタート地点として選びましょう。日常にあるモノ(ウェブサイトや雑誌、商品パッケージなど)を参考にすることで、どのフォントの組み合わせが効果的なのか見えてくるでしょう。コンテンツの内容を考えていない。フォントの組み合わせが決まったら、行っているプロジェクトのコンテンツ内容とフォントが合っているか確認しましょう。Vintage)などを表現します。コンテンツの意図に沿わない雰囲気づくりは、デザインから切り離されてしまい、ユーザーを混乱させてしまいます。Neutral)なフォント文字が適しています。Cheerful)フォントが好まれるでしょう。Fonts)とも呼ばれています。特定の目的にだけ、控えめに利用してみましょう。機能より見た目に着目している。最新のタイポグラフィーのデザイントレンドを採用したり、見た目がかっこいい、ユニークなフォントを選ぶことで、より魅力的に演出することができるでしょう。Functional)も必要になります。Form)と機能性(英:Functional)のバランスを、より意識することを心がけましょう。文章を強調しすぎている。視覚的に目立たせたり、重要であることと示したり、口語表現を真似ることで、特定のテキストを強調したいときがあるかもしれません。Size)などさまざまな方法があるでしょう。ひとつの文章に、上で述べたすべての種類を利用するのだけは避けましょう。やる気が空回りしてしまい、メッセージがうまく伝えわらなくなってしまい、見た目もよくありません。ひとつ以上の種類を利用する機会は、ごく稀にすべきかもしれません。すべて大文字を使っている。Letters)」は、特にソーシャルメディアなどの会話ベースの他に、文章のあらゆる場所で使われています。sparingly)にしましょう。Yelling)ように見えてしまいます。Hierarchy)。見出し、サブ見出し、コンテンツ本文でできている新聞記事は、うまくこのコンセプトを伝えてくれます。通常、見出しタイトルはまずはじめに読まれるので、もっとも大きく、太字で、大文字のケースも多いでしょう。Italics)や他のフォント書体が使い、コンテンツ本文はかなり小さなサイズが採用されています。階層をうまく利用することで、読み手が一目しただけで、どのような情報が整理されているのか分かります。同様に階層をうまく利用していないデザインは、どこを見始めたらよいの迷ってしまいます。改行位置が揃っている。Consistency)は、テキストを揃えるときにもっとも検討しなければいけない要素のひとつです。論理的な住所でテキストが並べられているか、もう一度確認してみましょう。Alignment)のは避けたほうが良いでしょう。見た目は揃うかもしれませんが、文字間がバラバラで文章がぶつ切りになってしまい、読みにくくなってしまいます。余白やガイド線を使っていない。Margin)とガイド線(英:Guides)を利用します。すべてのテキスト揃えに関する問題を解決できるわけではありませんが、デザインを整理しながら並べる手助けをしてくれるでしょう。文章がガタガタになっている。Edges)なってしまうことがあります。視覚的に邪魔をするだけでなく、テキストのメッセージ性を伝える妨げにもなります。この問題を解決する方法としては、手動で行の終わりを変更するのが良いでしょう。多少時間はかかってしまかもしれませんが、このガタガタ問題を解決することで、全体をすっきりとした印象に仕上げてくれます。テキストエフェクトを利用している。WordArt)」機能のような、テキストの特別加工は避けるべきと考えられています。3Dエフェクトやエンボス加工、ドロップシャドウ、グラデーションなど。コンテンツの内容とうまくマッチしていないのはもちろん、デザインを安っぽく見せてしまいます。遊びと仕事を分けていない。上司やクライアントなどから評価される、重要なプロジェクトを手がけているときは、新しくてユニークなデザインを試すのに、最適なタイミングとはあまり言えないでしょう。時間が空いているときに、新しいリソースやデザインを実験し、本番のプロジェクトでは問題になりそうなフォント選びは、ごく一部のオーディエンスに向けた、視野の狭いデザインとなってしまいがちです。フォントの組み合わせは直感を信じながら、これまで失敗したアプローチを振り返ったり、他の人に質問してみましょう。Conservative)、シンプルなデザインを心がけることが大切です。最終確認をしていない。最後はより実践的な考えで、デザインに直接関係するわけではないですが、それでも重要なポイントとして、最後に全ての文字テキストを読み返して、スペルミスや文法的間違いがないか確認しましょう。何気なくやってしまった間違いは、プロジェクト全体をアマチュアっぽく見せてしまい、ネガティブなイメージを読者に与えてしまう可能性があるでしょう。現役デザイナーが実践している、フォント組み合わせ10個の黄金ルールフォント組み合わせの基本を理解することで、幅広いデザインにも活躍できるテクニックをまとめています。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。Effectsで使える無料テンプレート厳選65個カテゴリ別まとめ【完全版】"ウェブ考察"の最新記事はこちらずっと使える、デザインの基本まとめました。