2023年12月12日読了時間: 6分

グラフィックデザイン初心者が犯しがちな5つの失敗とその回避法

原文「5 Graphic Design Mistakes Newbies Make and How to Avoid Them」

eラーニングの世界に足を踏み入れたばかりの人は、自分が魔法のような力を持っていると思いがちです。もし、あなたがグラフィックデザインの知識を持っていないなら、今まさに、かなり怖気づくかもしれません。しかし、このブログ記事を読めば、新米デザイナーが犯しがちな失敗を回避し、成功への道を歩むことができるでしょう。

間違いその1：すべてのスライドに違うレイアウトをデザインする

初心者が犯す最も一般的なグラフィックデザインの間違いの1つは、すべてのスライドに新しいスライドレイアウトを作成することです。しかし、あまりにも多くの異なるスライドレイアウトを使用してしまうと、コースがばらばらに感じられることがあります。例えば、このスライドのセットを見てみましょう。

各スライドは完全に異なるので、同じコースとは感じられません。同じような形、色、構成要素を持ついくつかの基本レイアウトをコース全体で再利用することで、以下のコンテンツライブラリースライドのように、コースがよりまとまったものに感じられます。

同じスライドレイアウトを再利用するもう一つの利点は、学習者が見ているスライドの種類（タイトルスライドやクイズスライドなど）を瞬時に識別できるようになり、次に何をすべきかがわかりやすくなることです。

コースを設計する際には、よくあるeラーニングコースで見られる基本的なスライドの種類ごとにレイアウトを作成することから始め、そこから進めていくようにしましょう。

間違いその2：多彩な色や派手な色を使いすぎる

会社のグラフィックガイドラインを遵守するのを義務付けられている場合、コースに使用する色にあまり選択の余地がないかもしれません。しかし、少し自由に色を選ぶことができるのであれば、コースに少し派手さや個性を加えるために、たくさんの異なる色を使いたいと思うかもしれません。

しかし、同じeラーニングコースに7色の虹の色すべてを使いたいという衝動を抑えることが大切です。なぜでしょうか？色を使いすぎると、学習者が圧倒され、何に注意を払えばいいのかわからなくなります。

たとえば、このスライドを見てください。

鮮やかな色がたくさん混ざっているので、何に注目すればいいのかわかりません。

しかし、明るい色をまったく使ってはいけないというわけではなく、適度に、意図的に使うべきだということです。

たとえば、下のスライドをご覧ください。

前の例と同じ黄色を使いましたが、今回は白の背景に、視覚的に落ち着いたグレーの色調で使っています。また、黄色を使うことで数字に視線が集中し、スライドの明確な焦点となっています。

始めの頃は、カラーパレットを最小限にすることを心がけましょう。例えば、最初は目立つ色1色と中間色を2色、計3色で始めます。グラフィックデザインに少し慣れてきたら、もっと多くの色を使ってもかまいません。ただし、色は互いに補い合い、学習者を圧倒しないようにすることが大切です。

カラーパレットのアイデアをお探しの方は、Adobe ColorやDesign Seedsをご覧ください。

また、カラーパレットを選ぶ際のヒントをお探しの場合は、以下の記事を参考にしてください。

間違いその3：フォントの使い方がおかしい

eラーニングを始めたばかりの人は、通常どちらかを行います。デフォルトのフォント設定のままか、狂ったようにたくさんのフォントを使用するかです。デフォルトのフォントを使用したプロジェクトは、何か特別なものが欠けているかもしれませんが、通常、無計画に多くのフォントを使用したプロジェクトよりも見栄えがよくなります。以下は、フォントが多すぎるスライドの例です。

上記の例では、4つの異なるフォントが使われています。読みにくいだけでなく、調和していなので、メッセージが損なわれています。色と同じように、フォントに関しても、少ない方が良いのです。同じスライドを、2種類のフォントだけで見てみましょう。

筆者は通常、コースでは見出し用と本文用の2つのフォントを選びます。必要であれば、引用やキーワードなど、本当に目立たせたいもののために3つ目のフォントを使うこともできます。ただし、同じコースで3つ以上のフォントを使用するのは避けた方がいいでしょう。

重要なメッセージを強調したい場合は、別のフォントを使用する代わりに、テキストを太字にしたり、色を変えたりしてみてください。

タイポグラフィに関する他の資料はこちらでチェックすることをお勧めします。

間違いその4：余白を十分にとらない

「余白」という言葉をご存じない方は、スライド上のオブジェクトとオブジェクトの間にある（実際の色が白であろうと他の色であろうとも）空白の領域を指します。コースの内容が多くなると、各スライドにできる限り多くの内容を詰め込みたくなるものです。特に新人のeラーニングデザイナーによく見られることです。下のようなスライドを見たことがありませんか？

学習者が一度に取り込むべき情報が多すぎますよね。スライド内容が濃すぎると、学習者が重要なメッセージを選び出すのが難しくなります。目安としては、1枚のスライドに1つの考えを提示することです。余白を残すことを恐れないでください。逆に、余白を積極的に取り入れましょう。上のスライドをいくつかの「風通しの良い」スライドに分割すると、どのように見えるか、見てみましょう。

ずっといいですよね！十分な余白があれば、重要な情報を選び出すのは簡単です。覚えておいてください、少ない情報で多くのスライドを作成する方が、その逆よりも良いのです。

間違いその5：調和しない画像を混ぜる

多くの初心者が、コンテンツを正確に表現する画像を選びますが、プロジェクト内の他の画像と必ずしも一致しないことがあります。結局のところ、コンテンツ自体がコースの最も重要な部分なのですね？イエスでもありノーでもあります。

付加価値のある画像を選ぶことは重要ですが、画像がうまく調和していることも重要です。もしそうでなければ、あまりプロフェッショナルに見えないコースになりかねません。例えば、このスライド。

写真、アイコン、イラストが混在しているため、バラバラな印象になっています。本を表紙で判断してはいけないと言われますが、現実には私たちは皆、表紙で判断してしまいます。学習者にコースを真剣に受け止めてもらうには、グラフィックがポイントである必要があります。同じスライドでも、すべて写真を使うと、どれだけ見栄えがよくなるかを見てみましょう。

画像が調和しているように見えるように、画像のスタイルを混ぜたりしないようにしましょう。写真とイラストを混ぜることで良い結果を得ることは可能ですが、それは専門家に任せた方が良い作業です。白黒の写真がある場合は、すべての写真に白黒フィルターをかけましょう。フラットなデザインのイラストと、リアルなイラストを混在させないことです。重要なのは、すべての画像があなたのコースのために特別に作成されたように見えることです。