ブログのデザインにヒーローヘッダーを採用してみました（Version5.0）

ブログのデザイン変更が今日ようやく終わりました。キーワードは"ヒーローヘッダーの採用"。これで2017年仕様のデザインになりました。どう変わったかを見る前に、3月9日に書いた事を振り返ってみたいと思います。

ということでデザイン変更の方針としては、

• トップはミニマルデザイン×ヒーローヘッダー。
• アイコン＋テキストでグローバルナビゲーションを作る。
• 画面遷移にアニメーションを付加。
• できる限りマテリアルデザインを取り込む。

あたりを中心に、世界観の表現重視でやってみようと思います。乞うご期待！

ということで、実際にどうブログが変わったか見てみましょう。

Before

After

ヒーローヘッダーとミニマルデザインは、独自の世界観の雰囲気を伝えるのにかなり有効だという印象です。

ヒーロヘッダーには今のところ、棚倉町のいい景色の写真６枚を使っていますが、重い写真をダウンロードして遅延するのが嫌なので、仕方なく写真を25%ほど圧縮する事にしました・・・。綺麗だけど軽い写真ファイルの実現は、今後の課題ですね。。

にしても、デザインを変えるたびにクロスブラウザ、クロスデバイスのチェックはそれなりの負担がかかります。なんでこう、ブラウザやデバイスによって微妙に見え方が変わるんでしょうか。統一規格を作ってほしい。。

ともかく2017年用のデザインができあがったわけなので、コンテンツ作りの方に専念します。