実践的な制作手順

年末の営業時間のお知らせ：デザイン前に日付を確認

Ciyo編集チーム2026年10月5日

抽象的な編集用アートです。手順には実際の製品画面を使っています。

カフェの顧客が知りたいのは、季節のイラストの意味ではなく店が開いているかです。確認した予定から始め、日付、営業時間、休業日に十分な余白を与えます。

架空のCedar Cupでは、店の現地時間で12月の3日間を扱いました。Ciyoは曜日を検証し、入力表を用意して縦長の案内を作りました。保存ファイルは実演用で、実在店の情報や顧客への告知は更新していません。

営業責任者に予定を確認する

開店の責任者に日付と現地時刻を承認してもらいます。例外が営業、休業、短縮営業のどれか明示します。デザインツールは店の予定を決められません。

架空の例では2026年12月24日木曜は09:00–13:00、2026年12月25日金曜は休業、2026年12月26日土曜は10:00–16:00です。Ciyoは日付ライブラリで曜日を確認しました。

承認済みの記録を小さな表やJSONに保管します。その記録から設計すれば、配置修正で通常営業の行を勝手に追加したり閉店時刻を変えたりするのを避けられます。

最初の入力表の重なりを、案内の設計前にCiyoが修正しました。データ準備段階で見ることで、配置の誤りと予定自体の誤りを区別しやすくなりました。

日付ごとに1行を設け、CLOSED（休業）を営業時間と同じくらい明確に示します。通行人が意味を推測しなければならない小さな装飾記号で置き換えないでください。

例は暗いヘッダー、明るい本文、控えめなアンバーの行アクセントです。伝えるのは読める日付と時刻です。季節の装飾は任意で、それらと競合させないようにします。

ファイル作業用の指示をコピー

承認済みの特別営業時間だけを使ってください。編集可能な1080×1350 SVGとPNGを作り、日付ごとに明確な行、明示したCLOSEDの休業日、現地時間の注記を入れます。日付と時刻は実際の文字で変更せず保持します。SVGの文字を元記録と照合し、全描画で切れを確認して両ファイルを返してください。

最終SVGには9つのテキスト要素があります。独立して解析し、3日付、2つの営業範囲、休業表記、架空の現地時間注記を確認しました。PNGは1080×1350です。

Ciyoは縦長の全体描画と選んだフォントの行幅を確認しました。その保存レイアウトの検証です。フォントや日付が変わると収まりも変わるため、別エディタで開いた後は再確認します。

顧客が普段営業時間を調べる場所にデジタル版を置き、その表示サイズで全体を確認します。印刷するなら実物見本を作り、見る距離から読めるか判断します。

画像を作ってもWebサイト、地図情報、予約システムは同期されません。同じ承認済み予定を使って各掲載先を通常の手順で更新し、一致を確認します。この実演では更新していません。

承認済み予定と編集可能な案内を一緒に保存します。責任者が1日分を変えたら記録を先に更新し、該当行を修正して最終文字を再比較してから公開画像を置き換えます。

12月の例を万能の祝日テンプレートとして扱わないでください。地域の暦、営業判断、時刻の慣習は異なります。自分の確認済み予定に置き換え、同じ確認工程を使います。

いいえ。画像を作る工程です。店舗情報は別に確認して更新します。

営業を期待する顧客がいる場合、休業の行を明記する方が分かりやすくなります。

いいえ。保存PNGとSVGはデジタル確認です。本番印刷前に実物の見本を評価してください。

責任者が承認した日付をCiyoに持ち込み、共有前に表示される全値を確認しましょう。