図書館

ソーシャルメディア画像を強化するための11のシンプルなデザインのヒント

人間は本質的に非常に ビジュアル 存在。





脳自体には、視覚処理に専念する何億ものニューロンがあります。 皮質全体のほぼ30パーセント 、タッチの場合は8%、聴覚の場合はわずか3%であるのに対し、

網膜から脳に信号を運ぶ2つの視神経のそれぞれは、 百万本の繊維で構成され、 わずか30,000を運ぶ聴覚神経と比較して。





それはそれを言うすべてです ソーシャルメディア画像 あなたの重要な部分です コンテンツが最大量に達する 人々の、 非常に 視覚的な存在!

手を出したマーケター 魅力的な画像の作成 ソーシャルメディアにとって、それがどれほど困難で時間がかかるかを知っています。私は専門家ではありませんが、多くの練習(そして間違い!)の後でソーシャルメディア画像の作成について1つか2つのことを学びました。あなたと共有できることを嬉しく思います。 私のお気に入りのソーシャルメディアデザインのヒントと原則 あなたのソーシャルメディアのイメージを高めるのを助けるために。


OPTAD-3

飛び込みましょう!

ソーシャルメディア画像の強化

ソーシャルメディアデザインのヒント:画像を強化するための11の原則と戦術

バッファでは、 ブログ投稿とソーシャルメディアのすべての画像を作成します 外部からの助けがあまりなくても—そしてたくさんの画像があります!平均して、すべてのBufferブログ投稿には5つのカスタム画像があり、一部にはさらに多くの画像があります。

これらを作成するために、画像作成プロセスを簡単にするための11のシンプルな設計原則に依存しています。この投稿でそれらを共有し、どのように適用できるかをお知らせします。 独自のワークフロー 。

お気に入りを手に入れました 私たちが見逃しているソーシャルメディアデザインのヒントや原則 ?コメントでそれらについて聞いてみたいです!

11デザインの原則とソーシャルメディアのデザインのヒント

1.色

スナップジャッジメントの90% 製品について作られたものは色だけに基づいています

色 ソーシャルメディアデザインの最も重要で複雑な側面の1つです。それは気分を設定し、雰囲気を作り、感情を伝え、さらには喚起するのに役立ちます 強い個人的な経験 誰かの過去から。

色がマーケティングに与える影響に関する研究 、研究者はそれを発見しました スナップ判定の最大90% 商品によっては、色だけで作ることもできます。その他 学術研究 マーケティングにおける色については、典型的な色の関連付けに合わせるのではなく、表現したい個性を色がサポートすることがより重要であるという事実を指摘しています。

たとえば、このヘルプスカウトのグラフィックは、ブランドに積極的に反映されているコンテンツで個性を伝える際の色の力を強調しています。に スカウトブログを助ける 一貫性のある人目を引く色が、楽しく、しかも洞察に満ちたものとして表示されます。

HelpScoutカラーマーケティングの例

ブランドからの2番目の例 Loulou&Tummie 特定のオーディエンスに売り込むための色の使用を強調しています。 LoulouとTummie 目を引くベクター作品と、物語を語り、感情を呼び起こすための色の使用で知られています。

LoulouとTummieのデザインのインスピレーション

ソーシャルメディアの画像に色を使用する ストーリーを通して視聴者を導きます 。 どの色がその物語の特定の部分を伝えるのに役立つかを検討することによってそうします。の原則 色彩理論 開始するのに最適な場所であり、画像内に調和の感覚を作り出すために使用できます。

さまざまな色が私たちの脳にどのように影響するか、そしてそれらがストーリーテリングやマーケティングでどのように頻繁に使用されるかについて簡単に説明します。

ネット

赤=エネルギーと緊急性

オレンジ

オレンジ=アグレッシブ

黄

黄色=楽観的で若々しい

gifをアニメーション化する方法
緑

緑=富とリラクゼーション

青い

青=信頼とセキュリティ

ピンク

ピンク=ロマンチックでフェミニン

黒

黒=パワフルでなめらかな

紫の

紫=落ち着きと落ち着き

2.バランス

4つの異なるタイプのバランス(おそらくあなたが考えているものを含む)

ソーシャルメディアの世界におけるバランスの芸術 画像デザイン コツをつかむのは難しいですが、努力する価値は十分にあります。バランスを考えるのに最適な方法は、デザインの各要素に「 その後ろの重量 。」

別の言い方をすれば、画像をバランススケールに配置する場合、画像は片側に傾くでしょうか?

さまざまな要素がさまざまな重みを持っていることを覚えておくことも重要です 残高 真ん中で分割する必要はありません 。がある 4種類のバリエーション バランスの:

  1. 対称
  2. 非対称
  3. ラジアル(らせん階段の写真)
  4. 結晶学(異なるトッピングのドーナツのトレイを描いてください)

これらすべてが美しいソーシャルメディアデザインを生み出すことができます。

たとえば、アーティストとイラストレーターからのこの見事なグラフィックを見てください ジョージ・ボクア

ピンクロータス-ジョージボクア

この画像は、の美しい使用法を示しています 対称 バランスと調和の感覚。対称的なバランスは、イラスト、描画、ブロググラフィック、写真などに最適です。

一方で、 非対称バランス この画像の例に示すように:

非対称バランスの例

非対称のバランスは、コントラストによって緊張を生み出し、正しく行われると視覚的に興味深いものになります。抽象的であるため、対称性はなく、完全な鏡像はありません。

バランスが重要だと思う場所の1つは 選択 ストックイメージ 。での写真のコレクション スプラッシュを解除 この画像のように、バランスを考慮して優れた写真コレクションの優れた例です。

キャニオン

独自の画像を作成している場合 、画像の重みのバランスをとるために、アイテムのサイズ、アイテムの明るさと暗さ、暖色と寒色、テクスチャ、オブジェクトの量、オブジェクトの分離、向き(垂直/水平/オブジェクトの対角線)。

3.行

直線は秩序を意味します。曲線は動きを示唆しています。

線は 視覚的要素 あなたがそれを行きたい場所に目を導くのを助けるあなたのイメージの。直線は画像に秩序と整頓の感覚を与えるように働きますが、曲がった線や曲線は画像に組織的な緊張と動きの感覚を与えることがあります。

画像全体での線の使用に細心の注意を払うことで、視聴者を 視覚的な旅 、途中で最も重要で意図的な要素に立ち寄ります。

これを覗いてみましょう 信じられないほどの例 からの線の力の ムティ

Mutiのグラフィックデザインの線のイラスト

イラスト全体にきれいな対角線を使用すると、さまざまな領域にすばやく効率的に目を向けることができます。さまざまな都市を複数の焦点として、画像に「セクション」をほぼ作成します。

同じアーティストのこのイラストの曲線と比較してみましょう。 ムティ 、そしてそれがどのように動きの感覚を生み出すか。中央の焦点に戻るまで、グラフィックの周りを移動するモーション:

MutiStudioによるAmericanExpressグラフィック

画像に線を追加するとき 、読者の目を引く場所に細心の注意を払ってください。読者が意図したポイントに到達するまで、読者がたどることができる論理パスを作成することを目指します。

4.タイポグラフィ

伝統的に、セリフフォントは印刷に最適であり、サンセリフフォントはウェブに最適です

タイポグラフィは芸術です。の選択 完璧なフォントまたはフォントのセット シームレスに連携することで、ソーシャルメディアのイメージに命を吹き込むことができます。また、デザインが人々にどのように受け取られるか、そして最終的にはブランドが意図的に(または意図せずに)送信するメッセージにも大きな影響を与えます。

デザインで使用する1つまたは複数のフォントを選択するとき、覚えておくべき最も重要な側面の1つは次のとおりです。 読みやすさ。

グラフィックデザイナーのポール・ランドは、彼が言ったとき、それを最もよく言ったかもしれません、 「独創的であろうとせず、ただ良くなるように努めなさい。」

サンセリフフォント、セリフフォント、またはその間のバリエーションのいずれを選択する場合でも、視聴者がメッセージを読めるようにしてください。フォントを使用するためのいくつかのヒントを次に示します。

  • デザインを最大3つの書体に制限します
  • 公開先のメディアに適したフォントサイズを使用してください
  • 伝統的に、セリフフォントは印刷に最適であり、サンセリフフォントはウェブに最適です
  • 字詰め タイトルで使用するのに最適なテクニックです

そして、他のタイポグラフィ用語に興味がある人のために、この気の利いた インフォグラフィック 役立ちます!

タイポグラフィの原則情報

5.コントラスト

色、形、サイズとのコントラストを追加します

イラストやデザインを誰かが言うのを聞いたことがありますか? 本当にポップ

彼らが言及しているのは、画像のコントラストです。コントラストは要素間の差別化を提供し、1つを他の要素よりも目立たせる、つまり「ポップ」にします。

効果的なコントラストの使用は、ソーシャルメディアの画像を向上させるための優れた方法です。対照的に、デザインは「フラット」になるリスクがあります。しかし、コントラストが強すぎると、デザインが乱雑になり、目立つものがなくなります。

これが私の コントラストを追加する3つのお気に入りの方法 それを過小または無理せずに画像に。

色とのコントラストを追加する

最も簡単な方法の1つ コントラストを実装する あなたのイメージデザインに色を使用することによってです。たとえば、暗い色から明るい色を再生したり、その逆を行ったりします。この画像では、暗い背景とは対照的に白いフォントを使用して、言葉遣いを読みやすく視覚的に魅力的なものにしました。

色のコントラストの例

形状とのコントラストを追加

Instagramで100万人のフォロワーを獲得

画像にコントラストを簡単に追加するもう1つの方法は、図形を使用することです。この Canvaの美しいグラフィック 対称的な形状の適合性が、有機的な形状の非対称的な性質と一緒にどれだけうまく機能するかを強調するのに役立ちます。

コントラストの形とデザイン

サイズとのコントラストを追加

最も単純な形式では、コントラストを簡単に追加して、 ソーシャルメディア画像 デザインの特定の側面を他の側面よりも大きくしたり小さくしたりすることによって。さらに追加することも意味します 重量 (単語を太字にするように)要素に。

このレストランの広告は、聴衆を「 1913年、 」を最初に、次に「レストラン」という単語などの画像の他の領域に、そして最終的には背景の食べ物の写真に移動します。

ソーシャルメディアの画像デザインにおけるサイズのコントラスト

6.スケール

コンセプトをズームアウトするか、選択したフォントでズームインします

スケールとは、定義上、デザイン内のさまざまな要素の意図的なサイズ設定を指します。 「スケーリング」は、特定の要素に焦点を合わせるのに役立ち、読者が概念を理解できるようにします。

少し考えて、数か月または数日であなたの人生を想像してみてください。想像できますか?

この素晴らしいイラスト ティムアーバン は、スケーリングの強力な効果を示しています。

数ヶ月の人間の生活-待つがなぜ

スケーリングは、より具体的なソーシャルメディアのデザインにも適しています。下の画像を見てください:

バッファからのソーシャルメディアデザインのヒント

このビジュアルでは、フォントサイズを拡大して、最初に見積もりに引き寄せることを目指しています。引用から好奇心をかきたてたら、あなたの目が自然に気球に向かって動くことを願っています。そして最後に、「HappyTeachersMonth」というグラフィックのメッセージに惹かれます。

それは機能しましたか?

7.近接性

類似のアイテムをグループ化して、整理して整理します

デザイン内に組織感を生み出すには、近接性が最も重要です。類似または関連する要素は、それらの間の関係を作成するためにグループ化するのが最適です。目標は、アイテムをグループ化して デザインを整理します そして「物事を少し片付けなさい」。

あなたはできる 近接の原則を実行に移す 類似の要素を一緒に接続することによって。簡単な方法の1つは、オブジェクトを互いに近くに物理的に配置することです。もう1つの方法は、同様の色、フォント、サイズなどを使用して、他の視覚的な方法でそれらを接続することです。

この簡単な例は、近接性を使用して、オブジェクトが関連していると認識できるようにする方法を示しています。円は広がっており、それぞれが独自のオブジェクトとして認識されています。

Facebookの広告画像を作成する方法
近接性の例1-ソーシャルメディアデザイン

次に、すべての円を近づけると、それらは別々のオブジェクトであるという感覚を失っているように見えます。それは、より全体的な、特異な形であると認識されています。

近接性の例2-ソーシャルメディアデザイン

ソーシャルメディアのデザインのようなものに入れると、近接性は、空間的な関係を通じて製品やコンセプトの要素をまとめるのに役立ちます。

8.階層

最も重要な要素を最大のフォントに配置します

一緒に作業する可能性が非常に高いです ソーシャルメディアデザインの複数の要素 。そして、これらの要素のそれぞれがあなたの全体的なメッセージにとって重要になる可能性があります。階層は、最も重要なメッセージを最初に確実に伝えるための優れたソーシャルメディアデザインのヒントです。

階層設計の原則を最大限に活用することは、 あなたの目標の理解 。最も重要なメッセージを焦点として確立し、この記事の他の設計原則を使用してそれを目立たせます。

それが整ったら、全体的な目標を損なうことなく、2番目または3番目の情報の構築を開始できます。

この旅行広告の良い例がここにあります。この画像は、読者を「旅行」に引き込み、二次的なメッセージに導きます。

階層の例-ソーシャルメディアデザインのヒント

引用などの単純なソーシャルメディアデザインでも機能します。主な焦点は引用自体であり、その後に著者や出典などの二次情報が続きます。

ソーシャルメディアデザインのヒント-階層の例

9.繰り返し

常に同じフォント、色、ロゴのセットを使用してください

ソーシャルメディアの画像を強化するためのより簡単なデザイン要素の1つは、繰り返しの原則です。繰り返しは、さまざまな要素を確立して強化するのに役立つため、プロセスの重要な部分です。

それはまた、人々がしばしば「 一貫したブランディング 。」

デザインで常に試み、一貫性を保つための3つのことは次のとおりです。 フォント 、および ロゴ 。時間の経過とともに、これら3つの要素を繰り返すことで、あなたやあなたのブランドにユニークですぐに認識できる外観を与えることができます。デザインでの繰り返しの簡単な使用法を説明するために、いくつかの例を確認してみましょう。

このアップルを覚えておいてください 広告 ?カラフルで遊び心のある性質でキャッチーなこの画像で繰り返しを使用すると、一貫した関連付けを作成するのに役立ちます。それはまた、それがやろうとしていることを実行し、それは画像の中で動きや踊りの感覚を与えます。

Apple Ad、Repetition、ソーシャルメディアデザインのヒント

繰り返しも重要です パーソナルブランドの構築 。これらの美しい名刺を アラン・マーフィー 、 例えば。あなたが大きなブランドであろうと一人の店であろうと、繰り返しはあなたが時間をかけて認識できるようになるのを助けます。

パーソナルブランディング名刺-ソーシャルメディアデザインのヒント

10.方向

人々は「F」パターン、「E」パターン、「Z」パターンで読みます

人間の目がデザイン、画像、ウェブサイト、その他の視覚要素を移動する方法は独特ですが、多くの場合一貫しています。そのため、画像内で視聴者にたどってもらいたい「パス」に沿って視聴者をガイドすることが重要です。言い換えれば、意図的な「フロー」を作成します。

ウェブサイトのデザイン研究は私たちに 中身 初めて到着したときに人々がどのようにウェブサイトを見る傾向があるか。彼らが見つけたのは、私たちが「F」パターン、「E」パターン、そして時には「Z」パターンで読んだということでした。したがって、重要で人目を引く要素を 左上と左側 あなたのデザインの鍵です。

クレイジーエッグ 彼らの視線追跡実験から見つかったデータと、デザインを改善する方法に関する優れたインフォグラフィックを作成しました。楽しい!

クレイジーエッグアイトラッキングソーシャルメディアデザインのヒント

11.スペース

画像で輪郭を探します。高度なヒント:ノリングを試してください!

お気に入りのソーシャルメディアの1つを保存しました デザインのヒント 最後に、それは スペースの使用 。簡単に言えば、 ネガティブスペース または空白は、画像内の他のオブジェクトを囲む領域です。多くの場合、画像から除外することを選択することは、追加するものと同じくらい重要です。

過小評価しないようにしてください シンプルさの力 あなたのデザインで。スペースは、最も重要な要素を強調しながら、画像に特定の美的品質をもたらすのに役立ちます。

デザインにスペースを使用することのすばらしい効果の2つの例を紹介したいと思います。 1つ目はアーティスト、イラストレーター、グラフィックデザイナーによるものです タンヤウフン デザインの空間の芸術をマスターしたように見える人。 Tang Yau Hoongは、ネガティブな空間に意図的かつ巧妙に形を彫り、魅惑的な雰囲気を作り出しています。

デザインにおけるネガティブスペースとホワイトスペース-ソーシャルメディアデザインのヒント2

デザインに図形、フォント、または色を追加するときは、それらの周りにどのような図形や輪郭が形成されているかを考慮し、それらを活用してください。当初の計画ではなかった方法でデザインが形になっていることにすぐに気付くかもしれません。

2番目の例は写真の世界からのものです。 ノリング はここ数年で本当に強力になったテクニックです。各要素を囲む空白は、各部分を個別に引き出すのに役立ちます。

ノリングの例1-ソーシャルメディアデザインのヒント2-

あなたの画像を保管してください シンプル そして スペースを使用する 重要な要素に注意を向けるためにオブジェクトの周り。私はこのグラフィックが大好きです シンチ それは本当にシンプルなデザインの力を際立たせています。

シンチ、グラフィックデザインの例、ソーシャルメディアデザイン
「設計者とマーケターは、追加するものが何もないときではなく、取り除くものが何もないときに「完璧を達成」したことを知っています。」

-アントワーヌドサンテグジュペリ

あなたに

ソーシャルメディアのデザインについて少し学んで楽しんでいただけたでしょうか。画像を少し調整するだけで、品質と結果に大きな影響を与えることができるのは本当に驚くべきことです。

上記のお気に入りのソーシャルメディアデザインのヒントを見逃しましたか?私はあなたから学びたいです!

会話を続けるために、下にコメントをドロップしてください。

より素晴らしいデザインリソース

設計要素と原則 – Canva

より良いグラフィックを作成するのに役立つ8つの基本的な設計原則 –アドビ

2016年のすべてのマーケティング担当者が(パートタイムの)デザイナーである必要がある理由 –バッファ



^