Webイロハ
14. アニメーションGIFは極力使わない!
GIFの特徴として、パラパラマンガのように絵が動かせる「アニメーションGIF」が作れることがあげられます。動いているので非常に目立ちますが、その反面、データ量が多いため表示に時間がかかるうえ、使いすぎると画面がうるさくなってしまいます。余計なアニメーションGIFは、はっきり言って制作者の自己満足。見る側には迷惑以外の何者でもありません。
そしてなによりも、シロートまるだしサイトには「無駄なアニメーションGIFが多い」という特徴がありますから、用途をよく考えて、使うとしても最低限にどどめましょう。
【理由】 画面が落ち着かない。本当に目立たせたいものが目立たなくなる。
【注意】 「NEW!」とか「UPDATE」なんて画像をクルクル回すヒマがあったら、内容をもうちょっと作り込んだ方が……。フリー素材のアニメーションGIFは、ほとんどが「使えない」シロモノ。
15. 背景の画像は難しい!
背景(バックグラウンド)に画像を使うときには、まず文字の読みやすさを最優先。そもそも背景の画像なんて注視している人はほとんどいません。背景の画像は、サイトの雰囲気やカラーをなんとなく匂わせる程度の存在でいいのです。
そのためにも、画像はコントラストを落としたり、明度を下げたり、ぼかしたりしておきます。目安は「画像単体で見るとなんだか分からないや」ぐらいで。
あとは実際にhtmlで背景に指定して、文字の見やすさをブラウザで確認します。

capture15-1 capture15-2

(左)悪い背景の例。本文読めないっつーの。
(右)背景画像のコントラストを落とすと読みやすくなった。
【理由】 文字の読みやすさを損ねやすい。
【注意】 星空や雲をバックグラウンドにするのは素人まるだしです。よほどのセンスがない限りはやめておくのが無難。まだ単色の方がマシ。
基礎の基礎を復習(2)終わり