アメブロのヘッダー画像制作における、5つのポイントをまとめました(新デザインの場合) | りりぐるめ : 想いを奏でるWEBデザイナーの日常@神奈川県相模原市

りりぐるめ : 想いを奏でるWEBデザイナーの日常@神奈川県相模原市

神奈川県相模原市在住の 奏でるWEBデザイナー、りりらぼ代表:リリンによる、美食+音楽+お仕事ブログ。ときどきインターネットの小技もUPするかも。

先日、ブログのヘッダーと、ブログデザインに手を入れ、報告記事をUPいたしました

有難いことに、沢山の方がブログ記事を見て下さり、また、コメントも沢山いただきました!ご覧下さいました皆様、本当にありがとうございました


前回お約束いたしましたとおり、アメブロのヘッダーを作ったときに気がついたことや、デザインを作るうえで気をつける良いこと、まとめてみます。(専門用語をなるべく使わないように、気をつけてみました)

ほんとうに・・・アメブロのヘッダーについての関心は高いのですね!前回の記事の反応を見ていて、つくづく、そう感じました。最もイメージアップに効果があるアメブロ・カスタマイズは「アメブロのヘッダーカスタマイズ」であることは間違いないと思います。

まとめとして挙げるのは、新デザインの場合です。
旧デザインをお使いの場合は、ブログヘッダーの横幅以外の部分を参考にしていただければと存じます。


技術的な情報まとめ。

サイズは、(横幅)980ピクセルにすべし。縦幅の推奨は、200~300ピクセルくらい

縦幅に関しては、大きければいいというものでもないのです。できれば、初めてブログを訪れた方が見る画面に、ヘッダーとブログ本文の一部が表示されるくらいのサイズが望ましいかと。


制作した画像は、png形式で保存&アップロードすべし

css編集用デザインの場合、ブログに使う背景やヘッダーなどの画像を5枚までcss編集用画面「ブログデザインのCSSの編集」>ブログデザインヘッダ・背景用画像の追加 からアップロード可能。
jpeg画像をUPすると、アメブロの仕様で画像の画質が落ち、折角の画像がギザギザに劣化してしまうようです
pngファイルだと劣化がおきないようですので、 jpegではなくpngで保存&アップロードがオススメです。



いろんな人に役立つかも?アメブロ ヘッダーデザインのポイント

ブログデザイン全体の調和を考え、色を沢山使いすぎない

色選びは凄く難しいです。。自分らしさを引き立ててくれるような色をブログのベースカラーとして、2~5色に絞りましょう!ベースカラーを意識してヘッダーを制作すれば、色の統一感がとれて、バランス良いデザインのブログに近づきます。


ブログのイメージに合う写真やイラストを使用する

ブログのイメージと かけ離れたイメージを使っている場合、ブログの印象がマイナスイメージになってしまう可能性も・・・。イメージ作りは大事。ブログ全体のイメージを損ねないような表現を目指しましょう♪


ヘッダーに文字を詰め込みすぎない

売り文句、キャッチコピー。沢山あって、どれも削れない・・・。そのようにおっしゃる方もいますが、文字が多いと、かえって本質が伝わりづらくなります。。いい意味では「活気がある」ように見えますが、人によっては「うるさい」と感じることも。閲覧する人のことも考えて、ヘッダーに載せる言葉は、絞り込みましょう!



他にも、書こうと思えば書けるのですが、あえて5つに絞ってみました。


我らWEBデザイナーにとっては、色選びとイメージ作りが仕事の肝。

”綺麗に作る”のも大事なのですが、大切なのは”(魅せたいもの)の本質を捉え、いかに正しい情報をデザインで正確に伝えるか。”ということ。

飾ることに意識を置きすぎて、虚飾に走ってしまうのは本末転倒。。色、イメージ、画面構成の見やすさ、などなど、バランス感覚を持ち、きちんとデザインに反映できるのが、プロのWEBデザイナーだと思っています。

結局は、閲覧する人のことを考える ということが最も重要なポイント です。大事なことですので、2回書きました(笑)


いかがでしょう。
貴方のブログライフの、少しでも参考になったのなら、嬉しく思います。

次回は、だいぶご無沙汰になっていた、グルメの話題を今度こそUP致します~。。。


以上、りりらぼ WEBデザイナー リリン でした★