「タカシマヤ通信販売のデザインガイドライン」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
6行目: 6行目:
●text:#333333<br>
●text:#333333<br>
●link:#0066cc<br>
●link:#0066cc<br>
●alink:#ff0000下線あり<br>
●alink:#ff0000【下線あり】<br>
●vlink:#8a4cbf
●vlink:#8a4cbf


18行目: 18行目:
===TOPバナー===
===TOPバナー===
【サイズ】547 x 173 px<br>
【サイズ】547 x 173 px<br>
【枠】外枠は1pxの[#b9b9b9]。
【枠】外枠は1pxの[#b9b9b9]。<br>
【ファイル名】(例)main_bnr_080424_syuno.jpg<br>


===プロモバナー===
===プロモバナー===
【サイズ】265 x 74 px<br>
【サイズ】265 x 74 px<br>
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。<br>
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。<br>
【ファイル名】(例)bnr_080424_beauty.jpg<br>
※文字サイズ等は他バナーと大体同じになるように制作すること。
※文字サイズ等は他バナーと大体同じになるように制作すること。


28行目: 30行目:
【サイズ】179 x 62 px<br>
【サイズ】179 x 62 px<br>
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。<br>
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。<br>
【ファイル名】(例)bnr_s080424_beauty.jpg


'''※「プロモバナー」と「右バナー」はセットで制作すること。'''
'''※「プロモバナー」と「右バナー」はセットで制作すること。'''
48行目: 51行目:
毎月下旬(25日前後)に「来月号」のカタログ画像『3か所×3~5カタログ』を更新をする。
毎月下旬(25日前後)に「来月号」のカタログ画像『3か所×3~5カタログ』を更新をする。


●[1][http://www.shop.takashimaya.co.jp/catalog/ カタログ無料プレゼントページ] カタログ3枚重ね<br>
●[1] [http://www.shop.takashimaya.co.jp/catalog/ カタログ無料プレゼントページ] カタログ3枚重ね<br>
【サイズ】272 x 192<br>
【サイズ】272 x 192 px<br>
【ファイル名】(例)080425_all.jpg
【ファイル名】(例)080425_all.jpg


●[2][http://www.shop.takashimaya.co.jp/catalog/ カタログ無料プレゼントページ] カタログ単品紹介<br>
●[2] [http://www.shop.takashimaya.co.jp/catalog/ カタログ無料プレゼントページ] カタログ単品紹介<br>
【サイズ】154 x 201 ※横幅154pxは絶対。<br>
【サイズ】154 x 201 px ※横幅154pxは絶対。<br>
【枠色】#CCCCCC<br>
【枠色】#c2c2c2<br>
【ファイル名】(例)080425_fashion.jpg 080425_living.jpg 080425_ladys.jpg
【ファイル名】(例)080425_fashion.jpg 080425_living.jpg 080425_ladys.jpg


●[3](動的 右エリア)カタログ最新号のご紹介<br>
●[3] (動的 右エリア) カタログ最新号のご紹介<br>
【サイズ】159 x 159<br>
【サイズ】159 x 159 px<br>
【ファイル名】(例)sub_080425_all.jpg sub_080425_fashion.jpg sub_080425_living.jpg sub_080425_ladys.jpg
【ファイル名】(例)sub_080425_all.jpg sub_080425_fashion.jpg sub_080425_living.jpg sub_080425_ladys.jpg



2008年4月22日 (火) 21:07時点における版

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


テキストについて

カラースキーム

●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

プロモバナー

【サイズ】265 x 74 px
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。
【ファイル名】(例)bnr_080424_beauty.jpg
※文字サイズ等は他バナーと大体同じになるように制作すること。

右バナー

【サイズ】179 x 62 px
【枠】外枠は1pxの[#c2c2c2]。内枠は1pxの[#ffffff]。
【ファイル名】(例)bnr_s080424_beauty.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://test-shop.z-xcv.com/
      /⌒ヽ   ー‐    ィヽ
      / rー'ゝ       〆ヽ
    /,ノヾ ,>      ヾ_ノ,|
    | ヽ〆        |´ |