t's space.

このブログのデザインについて

PC用

こんにちは。田中です。
11月に入って本格的に寒くなってきたと実感します。

さて今回はこのブログのデザインについて紹介していこうと思います。

レスポンシブデザイン

今の時代はスマホ主流ですね。そこでスマホで見てもらう前提でサイトを制作しています。

スマホ用

スマホ用

PC用

PC用

このように、2つのレイアウトを作成しています。
PCで閲覧している方はウインドウ幅を小さくすればスマホデザインになると思います。

シンプルかつ見やすいデザイン

記事を読んでもらうべく、最低限のデザインにしています。
トップは最新記事が分かるように、アイキャッチ画像を背景に、見出しが目立つようなデザインになっています。
また、記事一覧はGoogleにもあるようなマテリアルデザインに仕上がっています。

まだまだ不十分なところがありますが、修正をしつつ少しずつ良いデザインに仕上げていこうと思いますので宜しくお願いします。