【コンセプト】 公式イベント 「長文を最後まで飽きさせない 視線誘導のテクニック」 の告知用サムネイルと 動画版の“動くサムネイル”を制作しました。 今回のテーマは 「読者を自然に導き 最後まで読ませる視線設計」です。 長文noteを最後まで読んでもらうためには 内容そのものだけでなく どこをどう見せるかという 視線の流れの設計が重要だと考えました。 そこで今回は Zの法則とFの法則を 図と矢印で分かりやすく可視化し 配信テーマが一目で伝わる構成を意識しています。 タイトルは左側に大きく配置し 最も伝えたい 「長文を最後まで飽きさせない」 がスマホでも一瞬で読めるように設計しました。 特に重要な言葉である 「視線誘導」 は黄色で強調し 視線が自然に集まるようにしています。 右側には ZパターンとFパターンの図解を整理して配置し 言葉だけでは伝わりにくい内容を 視覚的に理解しやすくしました。 配色は 白と黒をベースに 黄色をアクセントとして使用しています。 黄色は 注意喚起や視線を引きつける役割を持つ色でもあるため 今回のテーマである 「見る流れをつくる」 という内容とも相性が良いと考えました。 下部には ホストとゲストの情報をまとめ 内容の邪魔をしない位置で 誰の配信かがすぐ分かるよう整理しています。 全体として 分かりやすさ 視認性 実用性を重視しながら 学びのある内容が一瞬で伝わるデザインに仕上げています。 【仕様】 ・X告知用の16:9サムネイル ・公式イベント用サムネイル ・告知動画用のビジュアルとしても使用 ・白と黒と黄色を基調にした 視認性の高い配色 ・タイトルを大きく配置した スマホでも読みやすい文字設計 ・重要な言葉である 「視線誘導」を強調 ・Zの法則とFの法則を 図解と矢印で視覚化 ・右上の目のアイコンで テーマを直感的に伝える構成 ・ホストとゲスト情報を下部に整理 ・余白を活かした ごちゃつかないレイアウト ・YouTubeなどで小さく表示されたときにも 内容が伝わることを意識した構成 【動画制作】 静止画サムネイルをもとに 告知用の“動くサムネイル”も制作しました。 動画では タイトルや図解を順番に見せることで 静止画よりも視線の流れがさらに伝わりやすくなるよう工夫しました。 最初に大きなタイトルで目を引き そのあとに矢印や図解を動かして見せることで テーマである 「視線誘導」 そのものを動画の中でも体感できる流れを意識しています。 Viduでは 静止画に自然な動きを加え 図や矢印の印象を活かしながら 世界観を崩さない動画表現にしています。 Filmoraでは 場面の切り替え 動画全体のテンポ 効果音 テロップなどを調整しました。 VOICEVOXを使って音声まわりも制作し 配信内容が短時間で伝わるように仕上げています。 情報量が多くなりやすいテーマでも 要点を整理して順番に見せることで 最後まで見やすい動画になるよう意識しました。 【使用ツール】 ・Vidu 静止画の動画化 ・Filmora 動画編集 効果音 仕上げ ・VOICEVOX 音声まわりの制作 ・ChatGPT 画像制作補助 構成整理 ・Photoshop 画像編集 【補足】 登壇者ご本人様の許可をいただいた上で 素材を使用しています。 本制作物はKUVAT課題作品として制作した 公式イベントの告知用サムネイルと告知動画です。