【オリジナルスキンFAQ】ヘッダのデザインについて | 低予算でもネットで集客!アメブロスキン制作サービス☆加藤朝子

【オリジナルスキンFAQ】ヘッダのデザインについて

いっしょにアメブロスキン制作をしている坂東がブログにFAQの記事をアップしたので、転載します。

----------
アメブロオリジナルスキン制作サービス、おかげさまでご好評をいただいております。ありがとうございます。これまでいただいたご質問を元に FAQ を作成中ですが、その中でもわかりづらいものを図解させていただきます。

・ヘッダとはどこにあって、なんの役割を果たすものか

・「ブログタイトル・説明文をテキストにするか、画像にするか」というのはどういうことか

・テキスト・画像にした時それぞれのメリットとデメリットについて

今回は、この3点を解説していこうと思います。

【ヘッダとはどこにあって、なんの役割を果たすものか】
ヘッダ(header)とは、ブログのいちばん上に配置される、ブログタイトルや説明文を表記する場所のことです。ブログを開くとすぐ目に入る場所のため、デザインの基本となります。
坂東舞雪@アメブロスキンとHP制作ブログ-ヘッダ説明用1
枠で囲んだ場所がヘッダになります。

【「ブログタイトル・説明文をテキストにするか、画像にするか」というのはどういうことか】
アメブロの通常のスキンの場合、デザインを選んでそこにブログタイトルと説明文をテキストで載せることになります。ブログスキンデザインの際、これを画像とするか、テキストを載せるかのご希望をお聞きします。

■ブログタイトルのみ画像・説明文はテキストの例
タイトルは画像にしてあるため、ヘッダ全体のデザインと溶け込むように作られています。説明文はテキストのままですので、普通にゴシック体で表示されています。

坂東舞雪@アメブロスキンとHP制作ブログ-ヘッダ説明用2
Nail Salon Amuse(アミュゼ)Diary

■ブログタイトル・説明文ともに画像の例
最初からテキストもすべてデザインとして組み込んであるため、全体のまとまりや完成度が比較的高くなります。
坂東舞雪@アメブロスキンとHP制作ブログ-ヘッダ説明用3
自分を諦めない!あなたへ カラーセラピスト マツモトリサからの手紙

■ブログタイトル・説明文ともにテキストの例
ヘッダのデザイン時に背景画像だけを作り、文字の大きさと色を指定してあります。フォントはデフォルトのゴシック体となっています。

坂東舞雪@アメブロスキンとHP制作ブログ-ヘッダ説明用4
上がブログタイトル、下が説明文です。

【テキスト・画像にした時それぞれのメリットとデメリットについて】
まず、画像にした場合のメリットですが、デザインとしてのまとまりや完成度が比較的高くなります。もちろんテキストで制作する場合でもデザインを考えますが、フォントや色の自由さは画像にした時の方が幅広くなります。デメリットとしては、簡単に変更がきかなくなる(画像全体を差し替えることになるため)という面があります。
次に、テキストにした場合のメリットですが、任意に文言の変更が可能です。デメリットとしては、使用できるフォントが限られることなどが挙げられます。

【まとめ】
ブログスキンのデザインを固めていく際に、画像もしくはテキスト、どちらにするかをお聞きします。どちらが正しいというものではありませんので、ご自分のスタイルに合っていると思われる方をお選びください。どちらか片方を画像にしたいというご要望にもお応えできます。迷っている・わからないことなどありましたらお聞きください。できる範囲でお答えさせていただきます。

-----------------
アメブロスキン制作サービスの詳細、お申し込みはこちらからどうぞ