アメブロ活用 メインカラーをどの部分に取り入れるか
サイトのメインカラーを
どう配置するかを考える時に
あめまりさんの本で調べることがあります。
いったいどの部分に手を入れられるのか？
前回やったヘッダー画像の変更、
トップメニューのカスタマイズの他に
CSSの変更が可能なのは、
（本の中には他にもプラグインの導入方法
という意味でのカスタマイズものっています。
デザイン的な要素のカスタマイズは上記となります。）
とあります。
私がいつも参考にさせていただいている
ひよこだがねというサイトを
お手本にしながらどこを変更できるのかを確認しながら
こちらのサイトの工夫されている部分を
取り上げてみます。
１ 背景部分
・背景は上記の画像には写っていませんがサイドバーと同じ色。
２ サイドバーメニューのタイトルの装飾
・”PR””PROFILE”などの部分。
囲っている色がヘッダー画像と同じ。
緑＝特別な色の認識付けが促され
訪問者は何かを探す時、
無意識に緑を探すという心理が働きます。
結果的に早く目的の記事にたどり着けるという
メリットがあります。
３ サイドバー一覧にリストマークをつける
・こちらのサイトでは画像は取り入れられていないようでした。
左サイドバーのリンクを見ると
■マークがリンクの冒頭にあります。
これで視覚的にアクセントを付けて
リストマークの代用にしているのではないかと思われます。
４ サイドバーと全ページの上下にある読者登録ボタンの変更
・ヘッダー画像と連動して
このサイトの主人公であるひよこのぴぴが描かれています。
このサイトの管理人さんは
プロのイラストレーターということなので
さらっと作ってらっしゃいますが、
一般の方が取り入れるとしたら、
ヘッダーの中のアイテムを使って
一体感を出すということでしょうか？
ヘッダーで使われている色を
アクセントカラーとするのもいいでしょう。
でも大切なのは全体のバランス。
やりすぎるとそこだけ目だってしまう・・・
なんてこともあります。
ただ、どのアフィリエイターも
訪問者とのつながりを濃くしたいのは
同じだと思うのでここは本来作りこみたいところです。
なにやら長くなりそうなのでこの記事はここまで。
次は
５ 記事タイトルの変更
６ 日付、テーマ表示欄の装飾
７ 記事背景や記事枠の装飾
８ 読みやすい文字サイズへの変更
９ 行間設定
１０ リンク色の装飾
１１ メッセージボードの装飾
に関してです。
なんだか自分のサイトのカスタマイズより
他サイトの検証で終ってしまいましたが汗
お伝えしたいことなので
もうちょっと続けます。
では又次回に。
マンガプロフィリンク
１話 相場で破産
２話 情報を買ってみる
３話 情報も色々
４話 自動化ツール誕生
５話 自動化ツール投入さて報酬は？
６話 自動でできたブログの運命
７話 七転び八起き
８話 ミクシー足跡ツール完成 でも・・・
９話 コメントまわりツール
１０話 修正そして修正
１１話 ネットサーフィン対策
１２話 久々の相場
１３話 久々の相場（裏話）
１４話 ヤフーメールスピードゲッター
１５話 無料レポート作成（涙
１６話 音声の公開
１７話 アフィリ相談
１８話 アフィリが楽だなんて
１９話 買う人じゃなくて売る人になれ
２０話 物販がお勧め？
どう配置するかを考える時に
あめまりさんの本で調べることがあります。
いったいどの部分に手を入れられるのか？
前回やったヘッダー画像の変更、
トップメニューのカスタマイズの他に
CSSの変更が可能なのは、
１ 背景部分
２ サイドバーメニューのタイトルの装飾
３ サイドバー一覧にリストマークをつける
４ サイドバーと全ページの上下にある読者登録ボタンの変更
５ 記事タイトルの変更
６ 日付、テーマ表示欄の装飾
７ 記事背景や記事枠の装飾
８ 読みやすい文字サイズへの変更
９ 行間設定
１０ リンク色の装飾
１１ メッセージボードの装飾
（本の中には他にもプラグインの導入方法
という意味でのカスタマイズものっています。
デザイン的な要素のカスタマイズは上記となります。）
とあります。
私がいつも参考にさせていただいている
ひよこだがねというサイトを
お手本にしながらどこを変更できるのかを確認しながら
こちらのサイトの工夫されている部分を
取り上げてみます。
１ 背景部分
・背景は上記の画像には写っていませんがサイドバーと同じ色。
２ サイドバーメニューのタイトルの装飾
・”PR””PROFILE”などの部分。
囲っている色がヘッダー画像と同じ。
緑＝特別な色の認識付けが促され
訪問者は何かを探す時、
無意識に緑を探すという心理が働きます。
結果的に早く目的の記事にたどり着けるという
メリットがあります。
３ サイドバー一覧にリストマークをつける
・こちらのサイトでは画像は取り入れられていないようでした。
左サイドバーのリンクを見ると
■マークがリンクの冒頭にあります。
これで視覚的にアクセントを付けて
リストマークの代用にしているのではないかと思われます。
４ サイドバーと全ページの上下にある読者登録ボタンの変更
・ヘッダー画像と連動して
このサイトの主人公であるひよこのぴぴが描かれています。
このサイトの管理人さんは
プロのイラストレーターということなので
さらっと作ってらっしゃいますが、
一般の方が取り入れるとしたら、
ヘッダーの中のアイテムを使って
一体感を出すということでしょうか？
ヘッダーで使われている色を
アクセントカラーとするのもいいでしょう。
でも大切なのは全体のバランス。
やりすぎるとそこだけ目だってしまう・・・
なんてこともあります。
ただ、どのアフィリエイターも
訪問者とのつながりを濃くしたいのは
同じだと思うのでここは本来作りこみたいところです。
なにやら長くなりそうなのでこの記事はここまで。
次は
５ 記事タイトルの変更
６ 日付、テーマ表示欄の装飾
７ 記事背景や記事枠の装飾
８ 読みやすい文字サイズへの変更
９ 行間設定
１０ リンク色の装飾
１１ メッセージボードの装飾
に関してです。
なんだか自分のサイトのカスタマイズより
他サイトの検証で終ってしまいましたが汗
お伝えしたいことなので
もうちょっと続けます。
では又次回に。
マンガプロフィリンク
１話 相場で破産
２話 情報を買ってみる
３話 情報も色々
４話 自動化ツール誕生
５話 自動化ツール投入さて報酬は？
６話 自動でできたブログの運命
７話 七転び八起き
８話 ミクシー足跡ツール完成 でも・・・
９話 コメントまわりツール
１０話 修正そして修正
１１話 ネットサーフィン対策
１２話 久々の相場
１３話 久々の相場（裏話）
１４話 ヤフーメールスピードゲッター
１５話 無料レポート作成（涙
１６話 音声の公開
１７話 アフィリ相談
１８話 アフィリが楽だなんて
１９話 買う人じゃなくて売る人になれ
２０話 物販がお勧め？