テンプレート【Awesome Inc. 06】と【旅行 02-5】の背景画像を組み合わせてブログのサンプルを公開しています。背景画像を変更するだけでブログの印象が違います。新たに制作するブログにご活用ください。「旅行」の背景画像は、全部で45種類が用意されています。
Googleが提供している無料ブログシステムのBloggerを実際に使っていく場合に、ブログ全体のデザインについてどうしようかと悩むと思いますが、そのブログ全体のデザインを向上させるために、Bloggerでは多数のデザインフォーマットを用意していて、そのフォーマットのことをテンプレートといいます。
現在のところ、全34種類のテンプレートが用意されていますので、ブログ制作者は、その中から自分のブログのイメージに合ったテンプレートを選び、使用することができます。背景のイメージ画像を変更することで、さらにバリエーションを増やせますので、そのデザイン的な効果は、ほぼ無限大と云えます。
※記事を作成し、写真とともに投稿すると、このサンプル記事のような感じで掲載することが出来ます。写真のサイズや文字の大きさ、種類、色についても、自由に、変えられ、ます。
◆使用テンプレート・サンプル【Awesome Inc. 06】
基本デザインとして全6種類が用意されているテンプレート「Awesome Inc.」の中から、今回使用したのは「06」です。背景画像は「旅行 02-5」を使用しました。
いかがでしょうか?
背景画像「旅行」のテーマの多くがいわゆる風景写真で成り立っていますが、その中からあえてサブ的な素材ですが、旅行には無くてはならない小道具としてのスーツケースをメインビジュアルとして採用してみました。
旅行と云えば、風景写真がメインに使用されるのは当たり前であるにも関わらず、なぜか、今回はスーツケースのビジュアルを使用してみたのは、これから出発するというイメージを構築したかったのと、ビジュアル的なインパクトの有るブログの例を示したかったというのもあります。
このブログはBlogger を使ってブログを構築していくことを前提に制作しています。その制作の過程で何か役立ててもらいたいアイデアなどを含め、記事としてまとめ更新しているのですが、例えば何か商品を販売している場合などを想定したブログなどで、商品の見せ方の参考になる可能性もあるかも知れません、そんな思いで今回の画像選択にもなっているのです。
今では、販売に特化するようなブログを立ち上げ、自分で全てを制作して公開しているような、そんな内容のブログは少ないかも知れませんが、何か参考になる場合もあるはずですので、そんな状況を想定した、あくまでも商品的なビジュアルを使って表現する場合のサンプル例として制作しています。
◆テンプレート、背景画像の各呼名の意味
- テンプレート名 = Awesome Inc.
- テンプレート番号 = 06
- 背景画像 = 透明 02-5 → 背景画像「旅行」について!
- 02 = サムネールの2列目
- 5 = サムネール左から5番目
◆テンプレート デザイナー指定内容まとめ
- テンプレート > 【Awesome Inc. 06】
- 背景 > 背景画像 > 旅行 02-5
- 幅を調整 : ブログ全体770px、サイドバー無し
- レイアウト : ブログ参照
- 上級者向け : 指定した内容のみ記載、下記参照。
◆上級者向け指定内容
- ページ : フォント Arial 13px、背景色 #5e554d、テキストの色 #565656、
- リンク : リンクの色 #e34b38、表示済みの色 #b71b01、カーソルを合わせた時の色 #e338cf、
- ブログのタイトル : フォント Arial、105px、タイトルの色 #f59494、ヘッダーの背景 transparent、
- ブログの説明 : フォント Arial、18px、テキストの色 #f1c232、
- タブのテキスト : フォント Arial、10.3px、テキストの色 #ffffff、選択済みの色 #ffffff、
- タブの背景 : 背景色 #e34b38、選択済みの色 #b71b01、枠線の色 #5e554d、
- 日付ヘッダー : フォント Arial 13px、テキストの色 #f59494、枠線の色 transparent、
- 投稿タイトル : フォント Arial、B、20px、テキストの色 #e34b38、
- 投稿の背景 : 背景色 #ffffff、枠線の色 transparent、べベル(面取り)の色 #f59494、
- ガジェットのタイトル : フォント Arial、B、13px、タイトルの色 #f59494、
- ガジェットのテキスト : フォント Arial、13px、テキストの色 #ffffff、代替色 #5e554d、
- ガジェットのリンク : リンクの色 #e34b38、表示済みの色 #b71b01、カーソルを合わせた時の色 #e338cf、
- ガジェットの背景 : 背景色 transparent、枠線の色 transparent、べベル(面取り)の色 transparent、
- サイドバーの背景 : 背景色 transparent、
- 画像 : 背景色 #ffffff、枠線の色 #cfcfcf、
- フィード : テキストの色 #5e554d、
- フィードのリンク : リンクの色 #e34b38、表示済みの色 #b71b01、カーソルを合わせた時の色 #e338cf、
- Pager : 背景色 transparent、
- フッター : 背景色 transparent、テキストの色 #5e554d、
- Mobile Button Color : #ffffff、
- CSSを追加 :
0 件のコメント:
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!