Petersより許可をもらい、翻訳転載しています。実際にオフィス内で活用されている、すぐに実行できるシンプルなデザインの秘訣11個をまとめています。今回はその中でも、特にソーシャルメディアに投稿する写真やデザインに関するテクニックをご紹介します。これらのテクニックを利用し、ほんのわずかな修正を行うことで、デザインをより魅力的に仕上げることができるでしょう。Color)はソーシャルメディアを含むどんなデザインにおいても、もっとも重要で、複雑な要素のひとつです。ムードや雰囲気を決めたり、感情を表現したり、過去の体験を呼び起こすことさえできます。配色の影響について調べた研究によると、商品を即決するとき、90%以上のひとが色に基づいて判断していることが分かっています。他の研究では、一般的な色使いの代わりに、描きたい個性をサポートする配色が重要ということも指摘されています。以下サンプル例では、ポジティブなブランドイメージを反映した、鮮やかな配色のグラフィックがうまく強調されています。楽しくて、よく検討された統一感のある魅力的な配色が特長です。以下のサンプル例では、特定のユーザーをターゲットにした配色がポイントです。目立つベクターイラストで感情を呼び起こし、ストーリーを伝える配色が利用されています。ストーリーを通してオーディエンスを誘導するように、ソーシャルメディア用イメージの配色を利用してみましょう。そのためには、それぞれの色にどのような意味合いや効果がアルのか知ることが重要になります。調和の取れた色の使い方を知るのに、まずは配色の基本原則からはじめてみましょう。以下は、マーケティングなどでよく利用されている色が、どのように脳に影響するのか簡単にまとめています。バランスソーシャルメディアに投稿するイメージ写真のバランスは、コツを掴むのがむずかしいですが、理解するだけの価値があると言えるでしょう。バラスンスについてよく理解するために、デザインの各パーツに「重さがある」と考えてみましょう。デザイン素材ごとに異なる重さがあることも覚えておきましょう。バランスをとるために、真ん中に配置する必要はありません。バランスには、4種類の異なるタイプがあります。Crystallographic)これらのテクニックを利用することで、美しいソーシャルメディアデザインを実現できます。以下のサンプルは、美しい左右対称のバランスが披露されており、調和のとれた雰囲気に仕上げています。左右対称のバランスはイラストやスケッチ、ブログ用イメージ、写真などさまざまなデザインに活用することができるでしょう。反対に以下のサンプルでは、左右非対称のバランスが活用されています。コントラストを通じて緊張感を与え、左右非対称のアンバランスさを利用することで、視覚的に魅力的に仕上げることができます。フォトストックイメージを選択するときにも、バランスが重要になってきます。写真コレクションは、以下のサンプル例のようにバランスが取れた作品ばかりが揃っています。自分自身でデザインを作成するときは、バランスをうまく取るために異なるサイズや色の明暗、寒暖色、テクスチャ、オブジェクトの数や配置する向き(水平/垂直/対角線)などにも気を配りましょう。Lines)は、どこを見たいのか視線を誘導するビジュアル要素となります。Movement)を表現します。重要となるポイントや、意図的に配置されたデザイン要素に視線を誘導するのに役立つよう、ライン線の使い方に注意するようにしましょう。以下サンプルでは、イラストを通じてすっきりとした対角線が利用することで、異なるエリアまで素早く、効果的に視線を移動することができます。Section)」を作成したようなもので、複数の重要フォーカル・ポイントを含んだデザイン。上記サンプル例とは対称に、曲線を多用したこちらのイラストでは、動いている感覚を表現しています。この動きのある曲線によって、グラフィック全体に視線を向けさせ、最終的に中央のフォーカル・ポイントに戻ってくるよう工夫されています。デザインにライン線を用いるときは、読み手の視線がどこに向けられるのか意識しましょう。読んでもらいたい部分に視線が集まるよう、論理的なパスを描き、狙いをつけましょう。タイポグラフィーこれまでの経験から、印刷プリント媒体にはセリフ書体、ウェブにはサンセリフ書体が適していると言われています。Typography)はアートです。違和感なくマッチする完璧なフォントの組み合わせによって、ソーシャルメディア用イメージを改善することができます。デザインの受け取られ方に対しても大きな影響があり、本当に伝えたいブランドのメッセージ性をうまく伝えることができます。Readability)です。さまざまなバリエーションのフォントから選択するとき、オーディエンスが文字をきちんと読めるかどうか確認しておきましょう。以下は、フォント選びに活用できる小技テクニックです。デザインでは最高で3つの書体までにしましょう。印刷しても読みやすいように文字サイズを調整しましょう。印刷プリント媒体にはセリフ書体、ウェブにはサンセリフ書体が適しています。見出しタイトルにはカーニング・テクニックを利用してみましょう。タイポグラフィーの用語に興味があるときは、以下のインフォグラフィックスも参考にしてみましょう。Contrast)は、デザイン要素を区別し、ある特定の要素のみを他から目立たせるのに役立ちます。効果的なコントラストは、ソーシャルメディア用イメージを強調したいときにも最適です。コントラストがない状態では、デザインが平面的になってしまう恐れがあります。コントラストがきつすぎると、デザインはごちゃごちゃとして、なにも目立たなくなってしまいます。以下はコントラストをうまく追加できる3つの方法をまとめています。色を使ってコントラストを追加デザインにコントラストを導入するもっとも簡単な方法のひとつは、色を使う方法です。暗い色と明るい色を組み合わせてみましょう。以下のサンプルでは、暗い背景イメージに対して、白文字のフォントを合わせることで、可読性だけでなく、魅力的な見た目を実現しています。図形シェイプを使ってコントラストを追加コントラストを加えるもうひとつの簡単な方法として、図形シェイプを利用してみましょう。以下のサンプル例では、幾何学シェイプをオーガニックな図形と並べることで、グラフィックをうまく強調しています。サイズを使ってコントラストを追加ソーシャルメディア用イメージにコントラストを加えるには、特定の要素のサイズのみ大きく/小さくするのがもっとも簡単な方法です。Weight)」を加えることができるのを意味しています。単語に、最終的に背景のイメージ写真に目が行くように考えられています。Scale)とは、デザインで計画的に使われているサイズのことを指し、特定の要素に注目をあつめ、読み手にコンセプトやメッセージをうまく伝えることができます。以下のサンプルでは、人の一生は何ヶ月、または何日くらいなのか分かりやすくまとめており、強力な縮尺テクニックの効果を実現しています。縮尺は、ソーシャルメディアでも具体的に利用することができます。以下のサンプルを実際に見てみましょう。いうメッセージに注目させるように工夫されています。Proximity)は、デザインに整理整頓した感じを表現したいとき、最高のテクニックと言えます。関連性を表現するために、似ているものや関係するデザイン要素をグループ化し、まとめてみましょう。アイテムをグループ化することでデザインが散らからず、すこしだけスッキリさせることが最終目標となります。この近接テクニックを簡単に実現する方法として、それぞれの要素を近くに並べてみましょう。ひとつの方法は、似た色や書体、サイズなどを使って要素をまとめてみると良いでしょう。以下のサンプル例では、実際にどのように近接テクニックが役立つのか示しています。サークル円はバラバラに散らばり、各要素が独立しているように認識されます。ひとたび似た色ごとにサークル円を分けると、バラバラ感がなくなり、全体を通してひとつのデザインとして認識されるようになります。この近接テクニックをソーシャルメディア用イメージで利用することで、商品やコンセプトなどの要素をひとまとめにし、特別な関連性を表現することができます。Hierarchy)。ソーシャルメディア用デザインでは、複数のアイテムを同時に手掛けることがほとんどです。それらの各要素は、全体のメッセージを伝えるのに重要です。Hierarchy)は、もっとも重要なメッセージをまずきちんと見てもらうのに役立つ、ソーシャルメディアでも有効なテクニックです。階層テクニックの利点を利用して、まずは目的となる目標をきちんと理解することからはじめましょう。重要なメッセージをフォーカル・ポイントとし目立たたせるために、この記事で紹介している他のデザインテクニックを一緒に利用して配置しましょう。配置が決まったら、デザイン全体を通して次に重要となってくる要素を作りはじめると良いでしょう。以下のサンプル例では、”Travel”という単語にまず目が行き、他のメッセージに移動するよう工夫されています。ソーシャルメディアにおいては、引用文などのシンプルなデザインにも活用できるテクニックです。以下のサンプル例では、引用文そのものに注目を集め、その後に著者やその他の情報へと誘導されます。Repetition)テクニックです。異なる要素をしっかりつくり、確立できることこそが、この反復テクニックの強みと言えます。同時に、「統一感のあるブランディング」にもつながります。デザインにおいて、いつも統一感を持たせておきたい要素としてフォント、配色、ロゴが挙げられます。反復されるこれら3つのデザイン要素は、長い時間をかけながら、ブランドをユニークにし、すぐに認識できる見た目を実現できるでしょう。反復テクニックを利用している、いくつかのサンプル例を見てみましょう。広告を覚えているでしょうか。カラフルで楽しげなキャッチーなデザインで、反復テクニックを活用することで、イメージ写真の統一感を表現するのに役立っています。ダンスをしているような、動きのある雰囲気も伝えることができています。以下のサンプル例のように反復テクニックは、ブランディングでも大切で、うまく利用することでブランドをより覚えやすくしてくれるでしょう。視線の動きデザインや写真、ウェブサイトなどあらゆるデザインにおいて、人の視線の動きにはある一定の統一性があります。そのため、デザインを見てもらいたい順番に、オーディエンスの視線を誘導することが重要になります。Flow)」づくりと言えます。人がウェブサイトを表示してから、どのように閲覧する傾向があるのか調べた研究では、「Fパターン」、「Eパターン」または「Zパターン」を使って読むことが分かってきています。重要で、注目して欲しい要素を左上または左サイドに配置することが、デザインの鍵となるでしょう。以下は、目の動きを調べた研究をまとめ、どのようにデザインを改善できるかまとめたインフォグラフィックです。デザインの周りにある範囲のことをネガティブ・スペースまたは余白スペースと言います。デザインでは要素を追加するのと同じくらい、余白スペースを残すことは重要です。余白テクニックを利用することで、美しいデザインに仕上げながら、もっとも重要な要素を強調することもできます。実際に以下のサンプル例を見てみましょう。ここでは大きく余白スペースを残すことで、印象に残るデザインを表現しています。デザインに図形やフォント、配色を加えるときは、周りにどのようなものがあるのか考え、メリットとして使ってみましょう。計画していたデザインと違った仕上がりであることに気付くでしょう。ひとつのサンプル例は、写真の世界でよく使われている手法です。Knolling)」は、ここ数年人気のあるテクニックのひとつです。要素の周りに余白スペースを確保することで、それぞれを独立して魅せることができます。シンプルさを心がけ、デザイン要素の周りに余白スペースを活用し、重要なパーツに注目を集めてみましょう。以下のサンプル例は、シンプルさをとてもうまく強調している作品と言えるでしょう。いかがでしたでしょうか。ソーシャルメディアでシェアされやすくなる、デザインテクニックをまとめてご紹介しました。ほんのすこしだけデザインを修正するだけで、大きな効果を期待できるでしょう。今回紹介したデザインの秘訣、テクニックをまとめた、以下のインフォグラフィックも参考に活用してみると良いかもしれません。参考にしたいデザイン向け関連記事まとめデザインで確実に覚えておきたい、20の基本原則まとめました。全デザイナー要注目!美しいデザインの構図を決める10個の黄金ルールまとめこれだけは知っておきたい、色の基本原則まとめました。