...

① ① ② ④ ③ ⑤ ⑤ ⑥ ⑦ - 低価格ホームページ制作サービス EasyPage

by user

on
Category: Documents
17

views

Report

Comments

Transcript

① ① ② ④ ③ ⑤ ⑤ ⑥ ⑦ - 低価格ホームページ制作サービス EasyPage
2011年10月12日
低価格ホームページ制作サービス「EasyPage」のデザインガイド
<画面全体について>
①サイトイメージ画像
(topimg.jpg)
①
1000px×170px
全ページ共通の画像。
ロゴも含む。
②
②メニュ ボタン画像
②メニューボタン画像
(menuEx01.gif、menuEx01_on.gif)
④
166px×33px
ONとOFFの2種類を用意。
ファイル名の数字は01~06。
③見出しの背景画像
(titlebar1.gif)
720px×30px
合わせて、文字色を指定して
いただく必要があります。
③
④サイドタイトル画像
(side_title.gif)
⑤
220 ×40 80
220px×40~80px
⑤リンクバナー画像
(任意)
p
220px×縦は任意
⑥お問い合わせ画像
(gotoform_btn.gif)
200px×37px
⑥
⑦
⑦背景画像
(bg.gif)
1280px×任意
縦に繰り返す画像となります。
<画像のサンプル>
①サイトイメージ画像
②メニューボタン画像
③
③見出しの背景画像
像
④サイドタイトル画像
⑤リンクバナー画像
⑥お問い合わせ画像
⑦背景画像
ディスプレイ領域
高解像度のモニターや、ワイドモニターなどに対応するように
コンテンツ領域の両サイドに表示する背景画像となります。
コンテンツ領域
(横1000px)
<その他>
影付きのグラデーションなどコンテンツ領域(中央1000px分)を空けて作成します。
影付きのグラデーションなどコンテンツ領域(中央1000p
分)を空けて作成します
同じ画像を縦に繰り返すので、2~10px程度となります。
A.色の指定
A-1).画面の上部(コピー分のすぐ下)と下部(コピーライトの上部)にあるライン色は指定してください。
A-2) 背景色
A-2).背景色
基本的には白ですが、変更することも可能です。
※変更する場合は、文字色やリンクカラーも同時に指定をお願いします。
A-3).サイド部の色
サイド部の背景色も指定してください。
※必要であれば背景画像を置くことも可能です。その場合は画像をご用意ください。
B.画像
B-1.favicon
お気に入り登録などの際に表示されるミニアイコン(favicon.ico)を32px×32pxでご用意いただければ差し替えを行います。
デフォルトは、左記画像となります。
B-2.サイドメニュー部のマーク画像
DOTや矢印の画像のこと。
12px×12pxくらいから、20px×20pxまでのgif形式であれば差し替え可能です。
12px
12pxくらいから、20px 20pxまで gif形式であれば差し替え可能です。
や
など。
デフォルトは上記左側の画像となります。
Fly UP