真奈美(Shikama.net)2012年11月7日更新ツイート閲覧数6,381viewsこのコラムをPDF形式でダウンロードするデザインの方向性を決めた後は、サイトへ反映させていきましょう。「デザインカスタマイズ」の第2回目は「背景を変更してみよう」です。背景の変更が可能なテンプレートへ変更みんビズにあらかじめ用意されているテンプレートには、背景の変更が可能なタイプと不可能なタイプがあります。第3回:背景や文字の設定をしてみよう」を参照ここでは、「スペシャルレイアウト」の「S4096」を選択しています。「フォントの編集」「ヘッダーの高さを変更」「背景を変更」「レイアウト調整」「色の調整」が変更可能になっている、自由度の高いレイアウトです。背景一つで、これだけ雰囲気が変わります背景の変更を行う前に、どのようなテイストの背景を設定するかを検討しましょう。背景一つで、これだけ雰囲気が変わります。【NG例】スナップ写真をタイル状に配置した背景を見かけることがありますが、写真のクオリティが高くない場合、逆に印象が悪くなってしまうため、あまりおすすめできません。背景に写真を使う場合には、「クオリティの高いもの」「繰り返さずに使える大きさのもの」を使用するようにしましょう。【背景を選ぶコツ】お店の雰囲気と合っているものターゲット層が好むもの(ターゲットの絞り方については、「第1回:デザインの方向性を決めよう」を参照)を設定するようにしましょう。背景を変更しよう使用する背景が決まったら、サイトへ設定してみましょう。右側のツールバーで「スタイル」をクリックします。「オリジナル背景画像」のタブをクリックします。「ファイルを選択」で、あらかじめ用意しておいた背景画像を選びます。「アップロード」をクリックすると、背景画像がアップロードされます。「横並びと縦並び」を選択し、「保存」をクリックします。「この背景を適用しますか?」と表示されますので「はい」をクリックします。背景画像が変更されました。ナビゲーションのカラーも変更してみよう「スペシャルレイアウト」の「S4096」では、ナビゲーションのカラーも調整することができます。雰囲気に合うカラーに変更してみましょう。「スタイル」の画面で「色彩テンプレート」を選択します。「色彩テンプレート」が表示されます。全体の雰囲気に合うカラーを選びましょう。「新しい色を適用しますか?」と表示されますので「はい」をクリックしてください。ナビゲーションカラーの変更が完了しました。全体的にナチュラルな雰囲気になったのではないでしょうか。次回、第3回目「訴求力の高い画像の選び方」では、訪問者の印象に残る写真の選び方を解説します。1997年よりWeb制作を始める。ソフトウェア会社のWeb制作部門に5年間勤めた後、2002年4月に独立。システム構築などに従事。講師として、Webマーケティングやデザインのセミナー活動も行っている。今日からはじめるアクセス解析超入門』(技術評論社)。(著)本当は簡単に使えるGoogleアナリティクス!Webサイトを作ったけど、思うように集客できないという悩みを解決するために、訪問者の特性や行動を分析できるGoogleアナリティクスを、初めて使う人にもわかやすくやさしく解説します。初期設定や基本操作から始まり、データの見方や分析、また改善方法まで、これ1冊でわかります。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。