第1回　目的を意識したデザインで「伝わる」体験を得る

　動画編集も中々時間が取れず進まないので今回から少しAdobe Creative Cloud活用法を考えてみようと思います。最近のAIを使ってみたいと思います。

このサイトにはアフィリエイト広告が含まれています

はじめに　なぜ「伝わるデザイン」が最初のステップなのか

デザイン副業を始める際、「Photoshopの技術」や「Illustratorの操作」から入る人が多いですが、本当に大切なのは「デザインを通じて何を達成したいか」という目的です。

どれだけ美しいデザインでも、それが記事の内容を伝えられなければ意味がありません。この第1回では、最も身近なデザインである「ブログアイキャッチ」を題材に、目的を意識したデザインの基本と、その効果を体験します。

最終的に、あなたの作ったアイキャッチが「何の記事か」を一瞬で伝えることに成功すれば、それがあなたの初めての「デザインの対価」となるのです。

今回は、以下の目的でデザインを行います。

デザイン初心者がいきなり美しさやセンスを追求するのは難しいものです。まずは「目的を達成するためのロジック」に基づいたシンプルなフレームワークを使いましょう。

デザインを始める前に、そのデザインが果たすべき役割を明確にします。

【例】

記事のテーマ
　『新NISA』の始め方

アイキャッチの目的
　「知識ゼロの人が、5分で新NISAの口座開設を始めるきっかけを作る」

目的達成に必要な情報要素を、重要度順に3つに絞ります。情報が多すぎると、人は混乱し、目的を達成できません。

【例：新NISAのアイキャッチの場合】

タイトル
　「知識ゼロからの新NISA入門」

ベネフィット
　「毎月5万円の不労所得も夢じゃない！」

信頼性
　難しい顔の人物写真 or グラフのアイコン

洗い出した3つの要素を、PhotoshopまたはIllustratorでキャンバスに配置します。このとき、「目的達成に最も重要な要素（上記の例ではタイトル）」が一番大きく、目立つ色になっているかを確認します。

ここでは、実際にデザインロジックを適用したビフォーアフターを比較して見せましょう。

項目	Before（目的不明確なデザイン）	After（目的を意識したデザイン）
画像	フリー素材の風景写真、小さなタイトル文字。	信頼性の高い人物写真、タイトルが画面の70%を占める。
テキスト	複数のフォントと色が混在。	メインフォント1種、強調用に1種。色は青系（信頼）に統一。
結果	何の記事か分かりづらく、クリックされにくい。	新NISAの記事だと瞬時に分かり、ターゲットの行動を促す。