外食カタログ 製品データの見え方
「今のまま（ワイヤーどおり・表を寝かせる）」と「A案（調味料の初稿の組み方に揃える）」を、①印刷 ②サイト ③クリックで開いたとき の3通りで並べました。社内確認用です。A案のページは弊社が支給Excelの値で組んだ試作で、デザインは協力会社が仕上げます。
① 印刷したときの見え方
冊子の P.10〜15（6ページ）。A4の縦のページです。
今のまま
- 表が90度寝ているので、読むときは冊子を横に回す
- 調味料のページ（回さずに読める）と並べると、ここだけ向きが違う
A案
- 冊子を回さずに読める。調味料の P.06〜07 と同じ組み方
- 1ブロック最大4商品・1ページ2ブロックで、34商品が6ページに収まった（文字は今と同じ7.2pt）
- いちばん詰まるのは P.11（原材料名の長い商品が並ぶ）
画像をクリックすると原寸で開きます。
② サイトに表示したときの見え方
公開中の外食サイト（テスト）の商品カタログのページ。「製品データ一覧」のカードの画像だけを、それぞれの P.10 に差し替えて撮りました。
今のまま
- 小さな画像では、横倒しの表が線の模様に見える
A案
- 「製品データ」の見出しと赤い帯が見え、何のページか分かる
ほかのカード（食べるオイル製品など）は、今は仮の画像のままです。
③ クリックして開いたときの見え方
カードの「ダウンロード」でPDFを開いたところ。下の画像はブラウザのPDF表示（ページ全体が画面に収まる表示）を再現したものです。実物のPDFも置いています。
まとめ
| 今のまま | A案 | |
|---|---|---|
| ① 印刷 | 冊子を横に回して読む。調味料と向きが違う | 回さずに読める。調味料と同じ組み方 |
| ② サイト | 小さい画像では何のページか分かりにくい | 見出しと帯で「製品データ」と分かる |
| ③ クリック | 横向きのまま開く | そのまま読める |
| ページ数 | 6ページ | 6ページ（試作で収まることを確認・文字7.2pt） |
A案は弊社の試作です。色・帯・項目名は調味料の初稿に寄せていますが、仕上げは協力会社のデザインになります。