喫茶LAPON-β

各種ブラウザで表示をそろえるのも大変だが、印刷ページの設定も大変だ、と聞いたことがあります。Web Designing2月号に「CSSで最適化された印刷ページの制作」といして2つのwebサイト掲載されていたので紹介します。

西村あさひ法律事務所

株式会社ゆうちょ銀行

・装飾部分をカットしてシンプルに。必要な情報を残す。
ユーザーのインク代、紙代の節約に。
・floatは崩れやすいので1カラムに。
という感じでしょうか。印刷イメージでもwebっぽいデザインが残っていますね。

そしてググッてみたら、こんなサイトも発見しました。
印刷用デザインをきれいにまとめるための7つのポイント
2008年5月18日の記事ですが、とても勉強になります。また、印刷用CSSを用意しているサイトがいくつか紹介されています。上で紹介した西村あさひ法律事務所も載っていますね。

有名なサイトですがここも印刷用CSSを使っています。

東京分室 - Webサイト制作 株式会社カナリヤグラフィックス

印刷イメージからはwebっぽさが抜けて紙っぽいデザインになっていますね。

ちなみに、どうしてもwebのデザインをそのまま印刷したいという人は、スクリーンショットなどで各自お願います、という感じになるようです。CSSでの制御もできるみたいですが、かなり手間がかかるので実現は難しいのだそう。

印刷もガッツリこだわりたい！という案件が来た時のために、勉強していて損はないはず。