タカシマヤ通信販売のデザインガイドライン

タカシマヤ通販のデザインメモです。

---

テキストについて

カラースキーム

●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ー'ゝ　　　　　　　〆ヽ
　　　　/,ノヾ　,>　　　　　　ヾ_ノ,|
　　　　|　ヽ〆　　　　　　　　|´　|