「デザインメモ」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
4行目: 4行目:


==テキスト・リンク==
==テキスト・リンク==
●TEXT:333333<br>
●TEXT:#333333<br>
●LINK:0066CC下線なし(未確定)<br>
●LINK:#0000EE、下線なし(未確定)<br>
●HOVER:下線あり<br>
●HOVER:#0000EE、下線あり<br>


----
----
22行目: 22行目:
見出しのタイトルは「レベル1」、「レベル2」の2パターンを作成。<br>
見出しのタイトルは「レベル1」、「レベル2」の2パターンを作成。<br>
●「レベル1」は画像扱いで、新ゴR 14px、548×24px。<br>
●「レベル1」は画像扱いで、新ゴR 14px、548×24px。<br>
上とのマージン基本20px(出だしの1個目など場合によっては15px)、下とのマージン10px


●「(レベル1内の)レベル2」はテキスト扱いで、12px、#333333、BOLD。<br>
●「(レベル1内の)レベル2」はテキスト扱いで、12px、#333333、BOLD。<br>
―――――――――――――――<br>
―――――――――――――――<br>
  ここのマージンは20px<br>
 ここの縦マージンは20px<br>
―――――――――――――――
―――――――――――――――


●「レベル2(単独)」はテキスト扱いで、12px、#333333、BOLD。<br>
●「レベル2(単独)」はテキスト扱いで、12px、#333333、BOLD。<br>
―――――――――――――――<br>
―――――――――――――――<br>
|   ここのマージンは20px    |<br>
|  ここの縦マージンは20px    |<br>
―――――――――――――――
―――――――――――――――


40行目: 41行目:
----
----
==商品画像・イメージサイズ==
==商品画像・イメージサイズ==
●特集:98×98px(枠含む)→【変更3/16したい】→100×100px(枠含まない)、102×102px(枠含む) 【理由】100×100画像使用したいため。<br>
●特集:100×100px(枠含まない)<br>
●アイテムピックアップ:58×58px(枠含まない)<br>
●アイテムピックアップ:58×58px(枠含まない)<br>
●~~~に合うおすすめ商品:48×48px(枠含まない)
●~~~に合うおすすめ商品:48×48px(枠含まない)
46行目: 47行目:
----
----
==商品スペック記述==
==商品スペック記述==
●基本、テキストリンク12px/16px、#0066cc<br>
「ブランド名」と「商品名」をテキストリンク#0000EEにする。
●ブランド名は[○○○○]とする。半角の[]を使用で全て統一。<br>
 
●金額にはリンクを貼らない。金額部分は#333333のテキスト。
●ブランド名は[○○○○]とし、10px/14px。半角の[]を使用で全て統一。<br>
●商品名は12px/16px<br>
●金額にはリンクを貼らない。金額部分は#333333のテキスト。場合によってはBold。


----
----
==テキストリンクルール==
==テキストリンクルール==
●特集、中カテへのテキストリンク:BOLDの青リンク、下線なし。<br>
●特集、中カテへのテキストリンク:BOLDの青リンク、下線なし。<br>
●小カテへのテキストリンク:青リンク、下線なし。
●小カテへのテキストリンク:青リンク、下線なし。<br>
(これに関しては例外ありありなのであまり気にしない)


----
----

2007年3月28日 (水) 19:35時点における版

4.19リニューアルについてのデザインメモです。


テキスト・リンク

●TEXT:#333333
●LINK:#0000EE、下線なし(未確定)
●HOVER:#0000EE、下線あり


横幅サイズ指定

横幅:750px
●【メインエリア548px】21px【共通エリア・フリーエリア181px】

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


タイトル

見出しのタイトルは「レベル1」、「レベル2」の2パターンを作成。
●「レベル1」は画像扱いで、新ゴR 14px、548×24px。
上とのマージン基本20px(出だしの1個目など場合によっては15px)、下とのマージン10px

●「(レベル1内の)レベル2」はテキスト扱いで、12px、#333333、BOLD。
―――――――――――――――
 ここの縦マージンは20px
―――――――――――――――

●「レベル2(単独)」はテキスト扱いで、12px、#333333、BOLD。
―――――――――――――――
|  ここの縦マージンは20px    |
―――――――――――――――


パン屑

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


商品画像・イメージサイズ

●特集:100×100px(枠含まない)
●アイテムピックアップ:58×58px(枠含まない)
●~~~に合うおすすめ商品:48×48px(枠含まない)


商品スペック記述

「ブランド名」と「商品名」をテキストリンク#0000EEにする。

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


テキストリンクルール

●特集、中カテへのテキストリンク:BOLDの青リンク、下線なし。
●小カテへのテキストリンク:青リンク、下線なし。
(これに関しては例外ありありなのであまり気にしない)


アイテムカテゴリ

アイテムカテゴリについては、アイテム別に改行しないで表示。
【例】化粧品 | 乳液 | クリーム |・・・
「|」は#999999に色を落とす。