2016年10月7日金曜日

テンプレート【シンプル07】 + 背景画像【透明 - 04-1】


背景画像【透明 01-1】

テンプレート【シンプル 07】と【透明 04-1】の背景画像を組み合わせてブログを公開しています。「透明」の背景画像は、全部で22種類が用意されています背景画像を変更するだけでブログの印象が違ってきますので、新たに制作するブログに是非ご活用ください。


 Googleが提供している無料ブログシステムのBloggerを実際に使っていく場合に、ブログ全体のデザインについてどうしようかと悩むと思いますが、そのブログ全体のデザインを向上させるために、Bloggerでは多数のデザインフォーマットを用意していて、そのフォーマットのことをテンプレートといいます。

 現在のところ、全34種類のテンプレートが用意されていますので、ブログ制作者は、その中から自分のブログのイメージに合ったテンプレートを選び、使用することができます。背景のイメージ画像を変更することで、さらにバリエーションを増やせますので、そのデザイン的な効果は、ほぼ無限大と云えます。

 ※記事を作成し、写真とともに投稿すると、このサンプル記事のような感じで掲載することが出来ます。写真のサイズや文字の大きさ、種類色についても自由に変えられます。


◆使用テンプレート【シンプル 07】

 基本デザインとして全7種類が用意されているテンプレート「シンプル」の中から、今回使用したのは「07」です。背景画像は「透明 04-1」を使用しました。

 テンプレート 【シンプル 07】はタイトル部分に背景画像をレイアウトするタイプで、レイアウト的にもデザイン的にも使いやすくもあり、ブログの特徴を出したり主張したい内容をビジュアル的に表現する場合などに威力を発揮しそうです。

 今回セレクトした理由は、ブログのレイアウトを変えたこともあり、タイトル部分の地紋として使用するのに背景画像「透明」の特徴が生かされて、ブログ全体の色調や色彩に合うような気がしたからですが、全体的に落ち着いた色合いにしています。


【シンプル07】 + 背景画像【透明 - 04-1】


◆テンプレート、背景画像の各呼名の意味

  • テンプレート名 = シンプル
  • テンプレート番号 = 07
  • 背景画像 透明 04-1 → 背景画像「透明」について!
  • 04 サムネールの4列目
  • 1 サムネール左から1番目
背景画像【透明 - Transparency】


◆テンプレート デザイナー指定内容まとめ
  • テンプレート > 【シンプル 07】
  • 背景 > 背景画像 > 透明 04-1
  • 幅を調整 : ブログ全体700px、サイドバー無し
  • レイアウト : ブログ参照
  • 上級者向け : 指定した内容のみ記載、下記参照。


    ◆上級者向け指定内容
    • ページのテキスト  フォント Arial 12px、テキストの色 #222222
    • 背景  外側の背景 #d9e7cfメインの背景 #9db9d8ヘッダーの背景 transparent、
    • リンク  リンクの色 #23a367、表示済みの色 #458b6d、カーソルを合わせた時の色 #34f49a
    • ブログのタイトル  フォント Arial、B、74px、テキストの色 #23a367
    • ブログの説明 : #444444
    • タブのテキスト  フォント Arial、B、14px、テキストの色 #008b4f、選択済みの色 #444444
    • タブの背景  背景色 transparent、選択済みの色 #63a385、区切りの色 #cccccc
    • 投稿タイトル  タイトルのフォント ArialB20px
    • 日付ヘッダー  フォント Arial、B、11pxテキストの色 #666666背景色 transparent、
    • 投稿のフッター  テキストの色 #666666、背景色 #f9f9f9影の色 #eeeeee
    • ガジェット  タイトルのフォント ArialB、11pxタイトルの色 #666666代替色 #999999
    • 画像  背景色 #ffffff、枠線の色 #eeeeeeキャプションのテキストの色 #222222
    • アクセント  区切り線の色 #dddddd、タブの枠線の色 #dddddd
    • Mobile Button Color : #ffffff、
    • CSSを追加 

    使用画像についての解説は

    ◆リクエスト方法については


     最後までご覧頂き感謝いたします。

    0 件のコメント:

    コメントを投稿

    ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!