タカシマヤ通信販売のデザインガイドライン
タカシマヤ通販のデザインメモです。
テキストについて
カラースキーム
●text：#333333
●link：#0066cc
●alink：#ff0000【下線あり】
●vlink：#8a4cbf
テキストサイズ
目安として…、
12px/16px、12px/18px、14px/18px、10px/14px
あたりをpsd上では使用すること。
主要バナーについて
なるべく色味的に強いバナーにしない方向で制作しましょう。
TOPバナー
【サイズ】547 x 173 px
【枠】外枠は1pxの[#b9b9b9]。
【ファイル名】（例）main_bnr_080424_syuno.jpg
※左マージン（文字の頭）は19～20pxを目安とする。
プロモバナー
【サイズ】265 x 74 px
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。
【ファイル名】（例）bnr_080424_beauty.jpg
※左マージン（文字の頭）は14～15pxを目安とする。
※文字サイズ等は他バナーと大体同じになるように制作すること。
※右バナーもセットで制作する。
右バナー
【サイズ】179 x 62 px
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。
【ファイル名】（例）bnr_s080424_beauty.jpg
※左マージン（文字の頭）は9～10pxを目安とする。
※「プロモバナー」と「右バナー」はセットで制作すること。
キャンペーンバナー(右エリア)
【サイズ】179 x 90 px
【枠】外枠は1pxの[#c2c2c2]。
【ファイル名】（例）sub_bnr_campaign_080424.jpg
アーティクルについて
動的ページ商品サムネイルの上にあるスペースに差し込むのがアーティクル。
「商品のうんちくやイメージなどを差し込んで、訴求していきましょう!」という意図があります。
サイズ
【横幅】547 px
【縦】あなたの自由。
枠の色
決まりはないが、グレーの場合は[#c2c2c2]にする。
※強い色は使用しないことを推奨。
カタログ画像の更新について
毎月下旬(25日前後)に「来月号」のカタログ画像『3か所×3～5カタログ』を更新をする。
●[1] カタログ無料プレゼントページ カタログ3枚重ね
【サイズ】272 x 192 px
【ファイル名】（例）080425_all.jpg
●[2] カタログ無料プレゼントページ カタログ単品紹介
【サイズ】154 x 201 px ※横幅154pxは絶対。
【枠色】#c2c2c2
【ファイル名】（例）080425_fashion.jpg 080425_living.jpg 080425_ladys.jpg
●[3] (動的 右エリア) カタログ最新号のご紹介
【サイズ】159 x 159 px
【ファイル名】（例）sub_080425_all.jpg sub_080425_fashion.jpg sub_080425_living.jpg sub_080425_ladys.jpg
ひと言、お願いします
＿＿＿
／ ⌒ ⌒＼
／ （⌒） （⌒） ＼ ツハンが2008/4/24に動的になったお！
／ ///（__人__）/// ＼ よくわからないけどスゴいんだお！
| u. `Y⌒y'´ | 今回のリニューアルは順調だったんだお！
＼ ゛ー ′ ,／ http://www.shop.takashimaya.co.jp/
/⌒ヽ ー‐ ィヽ
/ rー'ゝ 〆ヽ
/,ノヾ ,> ヾ_ノ,|
| ヽ〆 |´ |