AFsoft WebSite (AFsoft.JP)

Ｈｏｔａｌｌ（ホタル）（４）

次に、背景について書きます。
　
４－１．背景に色指定

背景の設定は、「２－２．ページ設定」で説明した通り、メニュー「ページ｜背景」を選択して行います。基本的には、画面全体の背景を、指定した１色でベタ塗りをするか、又は、ある１つの画像で壁紙として貼り付けるか、を選択します。
※背景色を「標準」にすると、ユーザーによって見る色が変わってしまいますので、白色ならば「白」を、灰色ならば「灰色」を、必ず指定するようにしましょう。
背景で色指定を行うと以下のような感じになります。

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：白

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：灰色

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：黒

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：赤

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：青

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：黄

※原色だと目が痛いので、少し色を薄くしましょう。

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：赤(やや薄)

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：青(やや薄)

あいうえお
ABCDEFGHIJKLMN
　

[OK]

背景：黄(やや薄)

　
４－２．背景に画像指定

次に、背景に画像(GIF/JPG)を指定する事が出来ます。例えば、以下の画像を背景にしたいとします。

すると、以下のような画面になります。

※画像のファイルサイズはなるべく小さくするようにして下さい。
この画面に文字を入れるとすると、以下のようになります。

あいうえお　かきくけこ
ABCDEFGHIJKLMN　OPQRSTU
あいうえお　かきくけこ
ABCDEFGHIJKLMN　OPQRSTU
あいうえお　かきくけこ
ABCDEFGHIJKLMN　OPQRSTU
あいうえお　かきくけこ
ABCDEFGHIJKLMN　OPQRSTU

以上のように、文字が見にくくなってしまいます。ですので、文字色にも依りますが、以下のように色を薄くする方が無難となってきます（コントラストを上げる方法もありますが、目に痛くなりますので、そういう事はしない方が良いです）。また、背景の絵と文字がなるべく干渉しないように注意しましょう。

　
背景にする画像は、以下のように、画面からはみ出るような絵だと、変な背景になってしまいます。

→

あいうえお　かきくけこ
ABCDEFGHIJKLMN　OPQRSTUVWXYZ
あいうえお　かきくけこ
ABCDEFGHIJKLMN　OPQRSTUVWXYZ
あいうえお　かきくけこ
ABCDEFGHIJKLMN　OPQRSTUVWXYZ
　
　

画像内の絵を一杯一杯に描くよりは、少し余分な空白を入れる方がバランス的に良い場合もあります。

→

上下左右斜めにずらした絵を入れて少し変化を入れる場合もアリ。

→

絵の上下左右で隣の絵と連結し合うように描くと、全体が繋がっているような壁紙にする事が出来ます。点（ドット）がずれないように注意して下さい。

→

最近の傾向では、背景は１色ベタ塗り、にする場合が多いようです。ビジネスなものは白色背景が多いです。ヘタに壁紙を付けてしまうと全体的に素人っぽくなってしまう可能性がある、と判断される場合が多いようです。純粋に、画像を指定するとその分、ページ読み込み速度と画面の描画速度が遅くなってしまう、というのを嫌う場合もあります。いろいろ試行錯誤してやってみて、気に入ったデザインを構築して下さい。

ホームページ
　Hotall(1)
　Hotall(2)
　Hotall(3)
　Hotall(4)
　Hotall(5)
　Hotall(6)
　Hotall(7)
　Hotall(8)
PaintShoPro
AnimationShop
サウンド
動画
Web3D
　