アメブロ新CSSカスタマイズ時の押さえておきたいポイント

昨年3月にアメブロカスタマイズの新CSSが出ました。

旧CSSと大きく違うのはデザインの雰囲気!
新CSSのデザインポイントを載せてみたいと思います。

新CSSカスタマイズの押さえておきたいポイント

こんな感じで新CSSバージョンにカスタマイズしました。

新CSSってこんな感じ

新CSSは、フラットなデザインです。

装飾を無理やり入れることもできますが、デザインを生かすには、
ボタンの色を変えるとかタイトルの装飾にちょっと手を加える程度で十分かなと思います。
下手に手を加えたほうが野暮ったくなってしまいます。

ヘッダーデザインが今まで以上に重要!

サイドメニューなどシンプル構造のため、ヘッダーの出来映えが全体の雰囲気を大きく左右します。
デコりすぎてもバランスが悪い。
「シンプルだけど映えるデザイン」という難易度の高いものが求められます。

自作グローバルメニューはつける?

付けたほうが目的の場所に行けるので良いかなと思いつつ、
実際どれだけの人がグローバルメニューをクリックしているのか謎です。

また、スマホ閲覧の割合が増えていますし(4割~8割 ブログジャンルによる)
グローバルメニューはPCでしか表示されません。

あってもよいけど、なくても困らないかも。

ピンポイントでカスタマイズしてみるのもOK

当スクールでは、新CSS編集デザイン向けのアメブロテンプレートを販売中です。

自分でカスタマイズするのは面倒…と思う方は、
テンプレートをご利用ください。

アメブロカスタマイズ デザインテンプレート