レイアウト
ブログのレイアウトって気にしたことがありますか?
自分でカスタマイズする時に2カラムなら全体の幅からメインの幅・サイドの幅の比率を決める時、3カラムなら左サイドの幅・メインの幅・右サイドの幅の比率を決める時に悩みますよね。
どれぐらいの比率が良いのかいまいちわからないと思います。
そんな時には「レイアウトの小技」を使えば、誰にでも見やすい、美しいと感じる“黄金比”のレイアウトを簡単に調べることができます。
このサイトでは・白銀比 ・黄金比 ・白金比 ・第二黄金比 を横幅と縦幅の長さを入力すると自動で計算して教えてくれます。
・黄金比とは?
人間が美しいと感じる比率のようです。
ミロのビーナスや、モナリザ等に多く含まれる比率です。
・白銀比とは?
A3、A4の用紙の縦横の比率です。
A3を半分に折ってみるとA4の大きさになります。
自分のブログの横幅と縦幅を入力して比率の種類を選択して計算ボタンを押します。すると比率から得られた数値をいくつかはじき出してくれるので自分で横幅と縦幅を組み合わせて再分割します。
再分割して気に入らなければクリアして気に入るレイアウトになるように何回もできます。
せっかく大勢の人に見てもらう為にブログをやっているのだから、自分だけが見やすいレイアウトにするのではなくて、誰にでも美しい・見やすいと思われるレイアウトにして下さい。
比率が決まったら次は見やすい配色です。色の組み合わせは本当に難しいです。自分の感性だけで配色を決めると美的センスがないとボロボロな組み合わせになってしまいます。
しかも、なかなか色自体がどんな色があるのかよくわからないと思います。カラーコードの表だけでは色が少ないし、自分が選んだ色を隣同士にして良い配色か確かめる事もできません。
そこで1つの色を選んだら似たような同系色の色や相性のいい色を自動で選んでくれたり、色を隣に並べて自分で良い組み合わせか見ることができる、レイアウトの配色を決めるのに便利なサイトがたくさんあるので紹介します。




自分が使いやすいと感じる合うサイトと合わないサイトがあると思うので色々試してみてください。
自分でカスタマイズする時に2カラムなら全体の幅からメインの幅・サイドの幅の比率を決める時、3カラムなら左サイドの幅・メインの幅・右サイドの幅の比率を決める時に悩みますよね。
どれぐらいの比率が良いのかいまいちわからないと思います。
見やすいレイアウト
そんな時には「レイアウトの小技」を使えば、誰にでも見やすい、美しいと感じる“黄金比”のレイアウトを簡単に調べることができます。
このサイトでは・白銀比 ・黄金比 ・白金比 ・第二黄金比 を横幅と縦幅の長さを入力すると自動で計算して教えてくれます。
・黄金比とは?
人間が美しいと感じる比率のようです。
ミロのビーナスや、モナリザ等に多く含まれる比率です。
・白銀比とは?
A3、A4の用紙の縦横の比率です。
A3を半分に折ってみるとA4の大きさになります。
レイアウトの小技の使い方
自分のブログの横幅と縦幅を入力して比率の種類を選択して計算ボタンを押します。すると比率から得られた数値をいくつかはじき出してくれるので自分で横幅と縦幅を組み合わせて再分割します。
再分割して気に入らなければクリアして気に入るレイアウトになるように何回もできます。
せっかく大勢の人に見てもらう為にブログをやっているのだから、自分だけが見やすいレイアウトにするのではなくて、誰にでも美しい・見やすいと思われるレイアウトにして下さい。
レイアウトの配色
比率が決まったら次は見やすい配色です。色の組み合わせは本当に難しいです。自分の感性だけで配色を決めると美的センスがないとボロボロな組み合わせになってしまいます。
しかも、なかなか色自体がどんな色があるのかよくわからないと思います。カラーコードの表だけでは色が少ないし、自分が選んだ色を隣同士にして良い配色か確かめる事もできません。
そこで1つの色を選んだら似たような同系色の色や相性のいい色を自動で選んでくれたり、色を隣に並べて自分で良い組み合わせか見ることができる、レイアウトの配色を決めるのに便利なサイトがたくさんあるので紹介します。




自分が使いやすいと感じる合うサイトと合わないサイトがあると思うので色々試してみてください。
- 関連記事 ; 画面の解像度
- 関連記事 ; パソコン・ブラウザの種類
- 関連記事 ; 文字の配色
- 関連記事 ; Javaスクリプトでの違い
この記事のトラックバックURL
http://rgrg.blog61.fc2.com/tb.php/591-50a715c4










