●【ブログ運営】サイトデザインは真似ること！参考になるサイトを紹介！

僕がブログを構築した当初のサイトデザインは見すぼらしかったです。とにかく速く記事作成などコンテンツを充実させることに専念したいため、1から自分でデザイン構築する余裕がありませんでした。

WordPressのテンプレートを活用はしますが、テンプレートを使うことは他の人と同じデザインになるということです。なるべく、自分のサイトらしいデザインを目指したかったので、そこで工夫した内容について記事にします。

公開されいるサイトデザイン（CSS）

ネットには様々な資源が落ちています。その中には、常に公開されていて著作権の問題が一切生じない資源があります。それは、サイトデザインです。サイトデザインは、HTMLとCSSをダウンロードすることで表示しており、その内容は、ほとんどのサイトで解析な状態で公開されています。

デザインのゴール

デザインにはキリがありません。先ずは、何を変えたいか明確にしていきます。その中では、良いデザインの具体的なイメージが無いと進みません。

何を変えれば良いデザインになるか？

実のところ、それほど悩む必要はありません。というのも、サイトを構成する要素に分解すれば分かります。サイトは、段組み（フレーム）、文字、画像で出来上がってます。シンプルにすると、結局この三要素のみでサイトの個性が決まります。ブログをシンプルにすれば、結局は文字と画像（たまに動画）が本質となるコンテンツだと分かります。

サイトの三要素が分かったので、この三要素を解析することで、自分のサイトを劇的に変化させることができそうです。これは、パワーポイントでの工夫と同じです。また、パワーポイントでフォントを変えるだけで、資料のデザインが劇的に変化するという経験をしていない方はいないと思います。

解析のやり方はとても簡単です。特殊なソフトをインストールする必要もなく、その場で簡単に出来ます。やり方は、

CSSの解析と言えど、段組み（フレーム）、文字、画像の三要素に絞った解析であれば、さほど時間を掛けずに終わります。また、取り出すCSSコードも短くて済みます。

段組み（フレーム）、文字、画像の三要素に絞って他の人のサイトを見てみましょう。様々なことに気づきます。僕が日頃からセンスが良いと思っていたサイトを解析して思ったことを書くと、

文字の種類は何か分からないが綺麗に見える。

文字が意外と小さい。

画像が多用されている。そして、文字が少ない。

画像が、スマホとPCで表示が変わる（スマホだとより小さな画面に適した見やすい表示になる。）。

段組みは、内容がシンプルに伝わる1カラムか、2カラム。

ごちゃごちゃしおらずシンプル。

以上のことを率直に思いました。

自身が感動したデザインについては、すべてCSSを抜き出して自分のサイトに組み込み真似てます。とは言え、抜き出したCSSコードは30行に満たないと思います。僕が組み込んだCSSコードは下の通りです。