「タカシマヤのデザインガイドライン」を編集中

タカシマヤのデザインメモです。<br>
動的の仮アップは以下URL参照。<br>
http://test-takashimaya3.z-xcv.com/product/00002508.html

----
==テキスト・リンク==
●TEXT:#333333<br>
●LINK:#0000EE、下線なし<br>
●HOVER:#0000EE、下線あり<br>

●テキストサイズは「12px(サイズ) / 16px or 18px(行間)」を基本とする。<br>
【サイズリスト】<br>
・10px / 14px<br>
・12px / 16px or 18px 　←★これが標準サイズ<br>
・14px / 18px<br>
・16px / 20px or 22px<br>

----
==検索エリアの背景色==
●基本的に「#e3e3e3」です。<br>
●ページによっては変わるケースもあり。

----
==アーティクル==
アーティクルとは動的ページ（サムネイルページ）特定エリアに入る要素です。<br>
デザイン（グラフィック）処理をしたバナーと勘違いする人が多いですがそれは違います。あくまで由良さんが命名した単なるディレクトリ名が「article」です。

===店舗情報===
店舗連動情報は「下部アーティクル」に入ることがあります。

●背景:#f0f0f0のbgをひき、マージンは10px。<br>
●枠：#e0e0e0の1px。<br>
●テキスト例<br>
【店舗情報】<br>
タカシマヤ東京店でも「第●回 山形展」を開催いたします。ぜひご来場ください。<br>
会期：2008年5月○日(木) →5月○日(火) 午前10時→午後8時 （※最終日は午後6時で閉会）<br>
会場：東京店 8階催会場<br>

※この際、「上部アーティクル」の右下にアンカーリンクが入ります。<br>

===ブランドアーティクル===
●「ブランドアーティクル」はテンプレート有。<br>
●縦の最小は202px。（あとはテキスト次第で伸びる）<br>
●【ブランド】でLayout検索すると出てきます。<br>
●参考にするなら…　(070821)タオル美術館、(080401)EMAKIエマキ

===タカシマヤ京都スタイル===
●京都スタイルのアーティクルは、'''166px'''が最低ライン。テキスト文字数が増えれば、あとは成り行きに任せて。

----
==主要バナー==
===TOP Flashバナー===
【サイズ】566 x 172 px<br>
【枠】'''なし！'''（Flash側にあるため）<br>
【ファイル名】（例）bnr_flash_080419_mothersday.jpg'''<br>
※左マージン（文字の頭）は14～15pxを目安とする。<br>
※4枠のうち、上の3枠に入るバナーは、「右エリア(161x55)」、「主要5店舗(142x50)」、「各店おすすめベスト5(120x42)」も作成する。<br>
★JPGを書き出すときは「プレグレッシブ形式」にしないこと！ 古いFlash Playerが非対応なため。

===プロモ(大)バナー===
【サイズ】272 x 177 px<br>
【枠】外枠は1pxの[#c2c2c2]。<br>
【ファイル名】（例）main_bnr_m070419_swarovski.jpg<br>
※左マージン（文字の頭）は9～10pxを目安とする。<br>
※文字サイズ等は他バナーと大体同じになるように制作すること。<br>
※プロモ(小)バナーも制作する。

===プロモ(小)バナー===
【サイズ】272 x 87 px<br>
【枠】外枠は1pxの[#c2c2c2]。<br>
【ファイル名】（例）main_bnr_m080506_kimuraya.jpg<br>
※左マージン（文字の頭）は9～10pxを目安とする。<br>
※文字サイズ等は他バナーと大体同じになるように制作すること。<br>

●『右側共通エリア』バナー：161×55（1pxの枠含む。#c2c2c2）<br>
shopping/top/img/banner/'''img_banner_070419_shinjuku.gif'''<br>

●『各店』おすすめバナー：120×42（1pxの枠含む。#c2c2c2）<br>
store/banner/'''e_070426_01.jpg'''

●『各店』主要5店舗：142×50（1pxの枠含む。#c2c2c2）<br>
store/shopping/banner/'''onlineShop_banner_070419_01.gif'''


----
==ランキング画像==
定例更新時にランキングの更新が頻繁にあります。<br>
デザイナーは画像のみを用意して、当該する本アップ日のフォルダにJPG画像を置くこと。

===コスメBPランキング（5位まで）===
●サイズ…60x60【枠含む★c2c2c2】<br>
●ファイル名(例)…photo_51818.jpg

===いちおしスウィーツ（3位まで）===
●サイズ…85x65【枠なし】<br>
●ファイル名(例)…img_ranking01.jpg、img_ranking02.jpg

===ギフト（5位まで）===
●サイズ…60x60【枠なし】<br>
●ファイル名(例)…img_product_234825.jpg

===オンラインバール（各1位のみ）===
●サイズ…48x48【枠なし】<br>
●ファイル名(例)…item_ranking_wine_36928.jpg

===出産祝の贈りもの（5位まで）===
●サイズ…61x61【枠なし】<br>
●ファイル名(例)…img_rank01.jpg、img_rank02.jpg

----
==ロゴ==
●「マル高(takashimaya)」ロゴ…【RGB色】#FF0000。<br>
●「TAKASHIMAYA ONLINE SHOPPING」ロゴ…【RGB色】#CA0000。このロゴは光画では制作したものではありません。

----
==横幅サイズ指定==
'''横幅:750px'''<br>
●【メインエリア548px】21px【共通エリア・フリーエリア181px】<br>

'''メインエリア:548px'''<br>
●2列の場合、【268px】12px【268px】<br>
●3列の場合、【176px】10px【176px】10px【176px】<br>
とする。

----
==パン屑==
ショッピングの第2階層である「大カテ」名から記述。<br>
テキスト表示で12px、#333333を想定。当該ページはBOLD表示。

----
==商品画像・イメージサイズ==
基本的に、商品画像には枠を含めない。

●特集：100×100px<br>
●アイテムピックアップ：58×58px<br>
●関連リンク：48×48px

●商品スペック記述<br>
「ブランド名」と「商品名」をテキストリンク#0000EEにする。

・ブランド名は[○○○○]とし、10px/14px。半角の[]を使用で全て統一。<br>
・商品名は12px/16px<br>
・金額にはリンクを貼らない。金額部分は#333333のテキスト。場合によってはBold。

----
==総合TOP==
・2007年08月31日(金)：「ピンクの薔薇」右「赤い薔薇」に変更。<br>
・2008年03月01日(土)：「赤い薔薇」→「ピンクの薔薇」に変更。