角々しいサイトに丸みを与えたい
四角形があつまった感じなくしたデザインについて考えて見る。
divで区切ったボックス要素にボーダーや、色の設定をすると、どうしてもサイト全体が角々してしまい、見た感じの角々しい感じをなくしたい。
まぁ、これぐらいが考えられるので、四角のストレスが溜まりまくった時にでも、実践してみよう。
後記
ボーダー削除完了:
なんとなく見た目の開放感というか、堅苦しさ見たいなのが、想像以上に取れたのに驚いた。あとは、それぞれのボックス要素を目立たなくし、垂直に並んでいる部分などを崩してみるといいかもしれない。開放感が出たせいか、なんとなくページ全体の幅が詰まっている感じがしたのでもう少し広げてみたくなった。開放感が出たのに、詰まっている感じがするってなんか矛盾してるけど、「もっと有効的に幅を利かせようよ」って感じなので、矛盾してない。
背景色全削除:
サイト全体が真っ白になった。角々しい感じが全くなくなったのは事実だけど、今度は逆に殺風景というか、ボーダーや背景色で区切られて見やすくなっていた部分が見にくくなってしまった感じ。右上のロゴが際立ってよく見える。周りに何もない分いいアクセントになっている感じ。margin-topが必要。
- 角丸を利用する
- ボーダーをなくす
- アクセントに背景透過GIF(四角じゃない画像という意味)を利用する
- タイトルやと本文、日付の位置などを垂直方向に並べすぎない。
まぁ、これぐらいが考えられるので、四角のストレスが溜まりまくった時にでも、実践してみよう。
後記
ボーダー削除完了:
なんとなく見た目の開放感というか、堅苦しさ見たいなのが、想像以上に取れたのに驚いた。あとは、それぞれのボックス要素を目立たなくし、垂直に並んでいる部分などを崩してみるといいかもしれない。開放感が出たせいか、なんとなくページ全体の幅が詰まっている感じがしたのでもう少し広げてみたくなった。開放感が出たのに、詰まっている感じがするってなんか矛盾してるけど、「もっと有効的に幅を利かせようよ」って感じなので、矛盾してない。
背景色全削除:
サイト全体が真っ白になった。角々しい感じが全くなくなったのは事実だけど、今度は逆に殺風景というか、ボーダーや背景色で区切られて見やすくなっていた部分が見にくくなってしまった感じ。右上のロゴが際立ってよく見える。周りに何もない分いいアクセントになっている感じ。margin-topが必要。
コメントする
(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)