新年のあいさつ イベント・季節

通称:年賀動画New Year Greeting

題材
アクセントの色
画面の比

見本の下の帯で、一時停止や好きな位置への移動ができます。店の名前と新年の一言を変えると、見本の動画と指示文に入ります。題材を選ぶと、ほかの文言や色もまとめて替わります。

日の出の丸が昇って「謹賀新年」を見せ、昨年のお礼と新年の一言、年始の営業日を伝えて、店の名前で締める16秒の動画です。年賀状の代わりに SNS やサイトで流せ、いつから開いているかも一緒に伝えられます。

自分のサイトの中身で、この形を作らせる指示文です。最初の「サイトの情報」を書き換えてから渡します。今あるページを直させるときは、その HTML を貼ります。

この形で作る
# 作るもの(ここを書き換える)
- 製品・サービス:〈名前と、何をするものかを一言で〉
- 見る人:〈誰に向けた動画か〉
- 素材:〈ロゴ・画面のスクリーンショット・写真があれば添付する。なければ図形と文字で作る〉

# 動画の呼び名
一般に「年賀動画」(New Year Greeting)と呼ばれる動画です。

# 作ってほしい動画
New Year Greeting(新年のあいさつ)。「ヘアサロン凪」の年賀の 16秒の動画。日の出の丸が昇ってあいさつを見せ、昨年のお礼・新年の一言・年始の営業日を順に伝える。絵は図形だけで描く。

# カット割り
- 0.0〜4.2秒:地平線の横線が左から引かれ、アクセントの色の丸(日の出)が線の下から昇って上半分だけ見える位置で止まる。1.6秒から大きく「謹賀新年」
- 4.1〜8.6秒:小さく昨年のお礼、0.25秒あとに大きく新年の一言「今年もきれいを応援します」
- 8.5〜12.4秒:アクセントの色で小さく見出し、大きく営業日、下にアクセントの色の短い線を左から引く
- 12.3〜16.0秒:最後のカード。小さな日の出の丸、小さく日付、大きく「ヘアサロン凪」、アクセントの色の帯に白い文字で行き先。すべて出そろってから 16秒まで、2秒以上止めて見せる

# 見た目
- 背景は生成り(#f8f4ec)、文字は濃い灰色(#1f2937)、アクセントは #b91c1c
- 日の出の丸は画面の短い辺の 24%、あいさつの文字は 10%、新年の一言は 7%
- 速さの変わり方は2種類にそろえる。出るときは cubic-bezier(0.22, 1, 0.36, 1)、カットの切り替えは 0.3秒のフェード(ease)。日の出だけは 2.4秒かけてゆっくり昇らせる

# 守ってほしいこと
- 年始の営業日は曜日まで書き、暦と合っているか確かめる
- 「謹賀新年」「賀正」「迎春」などのあいさつは1つだけ使う(「謹賀新年 あけましておめでとうございます」のように重ねない)
- 縦長の画面では、上の 10% と下の 20% に文字を置かない(SNS のボタンや投稿の文字が重なるため)

# 仕上がりの決まり(どの動画でも守る)
- 1つのカットに出す文字は 15字くらいまで。読める時間(1字 0.15秒+1秒)を取ってから次へ進む
- 文字とロゴは、画面の端から 5% より内側に置く
- 速さの変わり方は、基本の2種類(出るとき・カットが切り替わるとき)を決めてそろえる。線を描く・光が横切るなど特別な動きだけ別にしてよい
- 色は、背景・文字・アクセントの3色を基本にする。グラデーションや光の効果を足しすぎない
- 最後のカード(名前と、次にしてほしいこと)は 2秒以上止めて見せる
- 音は付けない(付けるときは別に指定する)
- 動きを控える設定(prefers-reduced-motion: reduce)のときは、最後のカードを止まった絵で見せる

# 出力
- 1つの HTML ファイルにまとめる(CSS と JavaScript も中に書く)。ライブラリと外部の画像は使わない
- 画面の比は 16 / 9。ウィンドウの大きさに合わせて、比を保ったまま縮む
- 開くと自動で1回再生し、最後のカードで止まる。全体の時間とアクセントの色は CSS 変数にまとめる
- mp4 にしたいときは、ブラウザで全画面にして画面収録する

新年・夏・年末のあいさつ、母の日やクリスマスなどの行事、入学と卒業のお祝い、式典の始まりに合わせて流す短いモーション動画を8種類の型に分け、再生できる見本・AIへの指示文・コードを載せています。日の出・風鈴・雪・ツリー・かぼちゃ・花びら・幕などの季節の飾りは、写真や絵文字を使わず図形だけで描いています。見本の下で名前や一言を打ち替えると、見本の動画と指示文にそのまま入ります。

イベント・季節の動画はどの型を選ぶか

季節や行事の動画は、「いつの動画か」がひと目で伝わることと、その時期に知らせたいこと(休み・締め切り・日程)が読み取れることの両方が要ります。AI に「クリスマスの動画を作って」とだけ頼むと、飾りが画面を埋めて日付が小さくなったり、去年と同じ曜日のまま出たりしがちです。季節と目的で型を選び、飾りは図形を1つか2つに絞って、日付と次にしてほしいことを別のカットで渡すと、狙った動画になります。

こんなとき 向いている型
年賀状の代わりに、新年のあいさつと年始の営業日を知らせたい新年のあいさつ
夏のあいさつに、お盆休みや熱中症の呼びかけを添えたい暑中見舞い
1年のお礼と、年末年始のお休みを一度に伝えたい年末のごあいさつ
母の日・父の日・敬老の日に、贈る品と予約の締め切りを見せたい行事のギフト
クリスマスだけの品や催しを、期間と一緒に知らせたいクリスマス
10月の限定の品や、子ども向けの仮装の催しを知らせたいハロウィン
卒業や入学をむかえる人に、お祝いと春の案内を送りたい入学・卒業のお祝い
式典や披露宴の始まりに、会場のスクリーンで名前と開式を告げたい式典のオープニング
季節に合わせた値引きや特典を、条件まで伝えたいキャンペーン(製品・サービスを伝える動画)

キャンペーンの型は「何%オフ・いつまで・何が対象か」を伝える値引きの動画です。ここの型は、季節や行事そのものを入り口にして、あいさつ・贈り物・催し・お祝いを伝える動画です。年末のセールなど値引きが主役のときは、キャンペーンの型のほうが合います。

どの型でも守ること

  1. 日付は曜日まで書き、その年の暦と合わせる。去年の動画を使い回すと、曜日がずれます。
  2. 季節の飾りは1つか2つに絞る。飾りを増やすほど、日付や締め切りが小さくなります。
  3. 雪や花びらのような降り続ける飾りも、回数を決めて止める。ずっと動かすと、文字が読みにくくなります。
  4. あいさつと知らせを分けて見せる。お礼や祝いの言葉のカットと、休み・締め切り・日程のカットを別にします。
  5. 最後のカードは2秒以上止め、動きを控える設定の人には止まった絵で見せる。見本の「動きを控える設定で見る」で、その見え方を確かめられます。

よくある質問 (FAQ)

予約や準備が要るものほど早めに流します。母の日やクリスマスの予約は、締め切りの2〜3週間前から流すと間に合う人が増えます。年賀や暑中見舞いのようなあいさつは、その時期に入ってから流します。暑中見舞いは立秋(8月7日ごろ)を過ぎたら残暑見舞いに替えます。

形は使い回せますが、日付と曜日は必ず直します。母の日は5月の第2日曜、父の日は6月の第3日曜、敬老の日は9月の第3月曜のように、年によって日付が変わる行事があります。営業日や休みの曜日も年ごとにずれるので、指示文の日付を書き換えてから作り直します。

替えられます。指示文の「この形で作る」には、最初に「作るもの」の段があります。そこに店の名前と見る人を書き、使ってよい写真やイラストを添付して渡すと、図形の飾りが置き換わります。人から借りた絵や、ネットで見つけた画像は、使ってよいかを確かめてから渡します。

できます。見本の映像は1回再生して、最後のカード(「ただいまより開式します」など)で止まる作りです。パソコンにつないだスクリーンでブラウザを全画面にして開けば、司会が話し始めるまでその画面のまま映せます。開く前に、スクリーンの省電力で画面が消えない設定にしておきます。