Googleデジタルマーケティング＆Eコマース：ソーシャルメディア・コンテンツをデザインするためのヒントと作成ツール

# はじめに

”Googleデジタルマーケティング＆Eコマース プロフェッショナル認定証"　の受講が完了しました(2022/3/3)。私がこのコースから得られた素晴らしい体験を、テーマごとに分割して、わかりやすくご紹介しています。興味を持たれた方は、是非下記を受講してみてください。

https://jp.coursera.org/professional-certificates/google-digital-marketing-ecommerce

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/24ea32fb-2fb3-bdb2-462a-4ffc4d60a96f.png" width="800">

# ソーシャルメディア・コンテンツをデザインするための10のヒント

### <font color="MediumBlue">1.シンプルなグラフィックを使用する</font>
細部が多すぎるグラフィックは、数秒では十分に理解されず、評価もされません。シンプルで洗練されたグラフィックは、メッセージを明確に伝えるのに役立ちます。

### <font color="MediumBlue">2.エンゲージメントを高める色を使用する</font>

組織や代理店が推奨するカラーパレットがある場合でも、時には対照的な色や色調を取り入れることで、人々の注意を引くことができます。ただし、ブランドの推奨色から逸脱する場合は、必ず承認を得てください。

一緒に映える色を選ぶには、色の組み合わせに関する推奨事項を提供するリソースを参照してください。例えば、Canvaが提供しているカラーホイールを試してみてください。

https://www.canva.com/colors/color-wheel/

### <font color="MediumBlue">3.コントラストを使って、重要な要素に焦点を当てる</font>

必ずしも色彩のコントラストが必要なわけではありません。サイズ、テクスチャー、形状、レイアウト、フォントのバリエーションがあってもよいでしょう。

### <font color="MediumBlue">4.読みやすいテキストを使用する</font>

テキストは読みやすく、ビジュアルのインパクトからユーザーを引き離すことがないようにします。

### <font color="MediumBlue">5.さまざまなスタイルを使用する。</font>

特定のスタイルによって企業やブランドを明確に認識することができますが、全てのソーシャルメディア・コンテンツに同じスタイルを使用すると、退屈になります。さまざまなスタイルで、ユーザーを驚かせましょう。文字の大きさ、色、太さなどを調整し、遊び心を持って効果的に使いましょう。

### <font color="MediumBlue">6.スマートなブランディングを行う</font>

ブランドについて何度も言及したり、ロゴを常時表示したりしなくても、ユーザーはあなたがどのブランドを強調しているかがわかるはずです。ブランディングは主要な画像の中や近くに配置し、ユーザーが必要なときにすぐに見つけられるようにしましょう。

### <font color="MediumBlue">7.ビジュアル・ヒエラルキーの原則を採用する</font>

ビジュアル・ヒエラルキーは、ユーザーが個々の要素から詳細を得る前に、全体的な意味を観察することを可能にします。視覚的要素を構造的に階層化することで、要素をグループ化したり、自然で予測可能なパターンで要素を配置したり（左から右へ読むなど）、クリックすべき最も重要な要素に誘導することができます。

### <font color="MediumBlue">8.コール・トゥ・アクションを使用する</font>

コール・トゥ・アクションとは、お客様に次に何をすべきかを伝える指示のことです。「いいね！」「シェア」「コメント」など、ソーシャルメディアのコンテンツに行動喚起を盛り込むことで、より多くのユーザーにリーチすることができます。

### <font color="MediumBlue">9.複数のプラットフォームでビジュアルを使用する</font>

グラフィック、写真、動画をデザインし、最適化し、複数のソーシャルメディアで再利用します。例えば、Instagramの写真をFacebookで再利用することができます。

### <font color="MediumBlue">10.テンプレートを使用・作成する</font>

成功したソーシャルメディア・コンテンツのテンプレートを使用し、作成する。そうすることで、成功の可能性が高い類似のコンテンツを作成することができます。 

# ビジュアル・コンテンツ作成のためのツール

広告代理店や大企業にお勤めの方は、写真、動画、デザイン、Webページ、UX、ソーシャルメディアのための20以上のアプリケーションを集めたAdobe Creative Cloudのような、承認済みの有料ツールセットを使用することができます。

小規模な企業やフリーランスで働く場合は、コストを最小限に抑えるために無料のツールを使用するか、有料と無料のツールを組み合わせて使用することができます。

以下は、有償・無償のツールの一例ですので、どのようなものがあるのかを把握することができます。

### ****Photo editing****

写真編集用の有料ソフトは、以下の製品をお試しください。

- [ACDSee Photo Studio](https://www.acdsee.com/en/products/photo-studio-home/)
- [Adobe Lightroom](https://www.adobe.com/products/photoshop-lightroom.html)
- [Adobe Photoshop](https://www.adobe.com/products/photoshop.html)
- [Adobe Photoshop Elements](https://www.adobe.com/products/photoshop-elements.html)
- [Affinity Photo](https://affinity.serif.com/en-us/photo/)
- [Capture One](https://www.captureone.com/en)
- [Corel PaintShop Pro](https://www.paintshoppro.com/en/)
- [CyberLink PhotoDirector 365](https://www.cyberlink.com/products/photodirector-photo-editing-software-365/features_en_US.html)
- [DxO PhotoLab](https://www.dxo.com/dxo-photolab/)
- [Exposure Software](https://exposure.software/)
- [ON1 Photo RAW](https://www.on1.com/products/photo-raw/)
- [Skylum Luminar AI](https://skylum.com/luminar-ai-b)
- [Zoner Photo Studio](https://www.zoner.com/)

写真編集のための無料またはオープンソースのソフトウェアについては、以下のオプションを試してみてください。

- [Canva](https://www.canva.com/)
- [darktable](https://www.darktable.org/)
- [Fotor](https://www.fotor.com/)

### ****Video editing****

ビデオ編集については、以下の製品をお試しください。

- [Adobe Premiere Pro](https://www.adobe.com/products/premiere.html)
- [Apple Final Cut Pro](https://www.apple.com/final-cut-pro/)
- [Apple iMovie](https://www.apple.com/imovie/)
- [CyberLink PowerDirector 365](https://www.cyberlink.com/products/powerdirector-video-editing-software/overview_en_US.html)
- [Corel VideoStudio Ultimate](https://www.videostudiopro.com/en/products/videostudio/ultimate/)
- [DaVinci Resolve](https://www.blackmagicdesign.com/products/davinciresolve/)
- [Movavi Video Editor Plus](https://www.movavi.com/videoeditor/)
- [Pinnacle Studio Ultimate](https://www.pinnaclesys.com/en/products/studio/ultimate/)

動画編集用のフリーソフトやオープンソースソフトウェアについては、以下の選択肢を試してみてください。

- [Blender](https://www.blender.org/)
- 
- [Clipchamp](https://clipchamp.com/en/video-editor/)
- [FXhome HitFilm Express](https://fxhome.com/product/hitfilm-express)
- [Lightworks](https://lwks.com/lightworks/)
- [OpenShot Video Editor](https://www.openshot.org/)
- [Shotcut](https://shotcut.org/)
- [NCH Software VideoPad](https://www.nchsoftware.com/videopad/index.html)
- [Vimeo Create](https://vimeo.com/create)
- [VSDC Video Editor](https://www.videosoftdev.com/)
- [WeVideo](https://www.wevideo.com/)

### Graphic design

グラフィックデザインについては、以下の製品をお試しください。

- [Adobe Illustrator](https://www.adobe.com/products/illustrator.html)
- [Adobe Photoshop](https://www.adobe.com/products/photoshop.html)
- [Affinity Designer](https://affinity.serif.com/en-gb/)
- [CorelDraw Graphics Suite](https://www.coreldraw.com/en/)
- [Gravit Designer PRO](https://www.designer.io/en/)
- [Xara Designer Pro+](https://www.xara.com/us/designer-pro/)

無料のグラフィックデザインオプションについては、以下をお試しください。

- [Inkscape](https://inkscape.org/)
- [Canva](https://www.canva.com/)

# 商業利用のための画像やグラフィック

オリジナルの画像やグラフィック、アートワークの作成には、多くの時間とスキルが必要です。多くの企業は、社内で作成できないものをオンラインで画像ライブラリやストックフォトを検索しています。

画像やグラフィックをオンラインで検索する場合は、フリー素材とライセンス素材の違いを確認してください

- フリー画像は、クリエイターが自分の作品にクレジットを入れることを理解した上で提供しているものです。これらの画像は、クリエイターのロゴとともに表示されなければならないこともあります。
- 商用利用が可能なライセンス画像は、通常、利用者が遵守しなければならない支払い料金や購読料が定められています。