カメレオンデイズ

読者です 読者をやめる 読者になる 読者になる

カメレオンデイズ

7色の顔を持つdoubleMの「非」日常✦ 今日は何して遊ぼっか?

【プロのWEBデザイナーが選んだ】本当に使えるBloggerテンプレート

デザイン

いやいや、デザイナーがテンプレートのお世話になるなよ;
という声が聞こえてきそうですが、
デザイナーも個人的に使うブログのデザインともなると
イチから作るための時間が避けなかったり、
コーディングをしている時間や技術がなかったり、
色々あるものです。

ただしよそ様から拝借するにも
下手なものは使いたくない‼︎
そんな気持ちは芽生えるわけで、
今回はそんなデザイナー視点で見て
本当に使えそうだと思ったデザインの
Bloggerテンプレートをピックアップしています。

※Bloggerというのは、Googleが提供する、無料で使えるBlogサービスのこと。

■ Magnet

f:id:doubleM:20141103195026p:plain
Magnet Blogger Template » Live Preview and Download

固定ヘッダーがある点、一覧性の良さが魅力です。

■ Minuet

f:id:doubleM:20141103195112p:plain
http://minuet-dzignine.blogspot.jp/

ブログサイトだと失われがちな「トップページ感」が残っているのが良いですね。
いわゆるかつての「ホームページ」からCMSに移行したいという方の大半が
「このトップページがない感」に戸惑われるような気がしています。

Flat Diary

f:id:doubleM:20141103195513p:plain
Flat Diary

いかにも。といった感じのフラットデザインが良い味出してます。
コンテンツの方向性がきっちり統一されているサイトに最適です。

■ Hudson

f:id:doubleM:20141103195546p:plain
Hudson Blogger Template « New Blogger Themes | Professional Blogspot Templates Live Demo From New Blogger Themes | Professional Blogspot Templates

左バーが固定になっているため、長い記事一覧をスクロールしたり
画面遷移した後も困ることなくユーザーがメニューを選択できるデザインです。
ニュースサイトや、特定のカテゴリに関する記事を
多く掲載するサイトに向いています。

■ Addaption

f:id:doubleM:20141103195622p:plain
Adaption Blogger Template « New Blogger Themes | Professional Blogspot Templates Live Demo From New Blogger Themes | Professional Blogspot Templates

こちらも同様に左バー固定のテンプレートですが、
フルワイドがいいという人は少しテンプレートをいじる必要があります。
色鮮やかでアクティブな印象のデザインですね。

■ Moments

f:id:doubleM:20141103195701p:plain
Moments Blogger Template « New Blogger Themes | Professional Blogspot Templates Live Demo From New Blogger Themes | Professional Blogspot Templates

こちらも一覧性の高い左バー固定のテンプレートです。
各記事の切れ目が目に止まるようにできているため、
見流しをしやすいデザインです。
点線使いや色使いが淡々とした雰囲気を演出していておしゃれですね。

■ Angelo

f:id:doubleM:20141103195749p:plain
http://www.templatetrackers.com/2014/06/angelo-flat-design-blogger-template.html

こちらは上部に広告を設置できるタイプのテンプレートです。
個人サイトにしても企業サイトにしても、
広告収入を重視するケースが増えてきているので良い参考になります。
ビビッドな差し色が印象的なデザインです。

■ Standard

f:id:doubleM:20141103195830p:plain
Standard Blogger Template - A Simple Responsive Blogger Theme

スタンダードの名前の通り、非常にシンプルでミニマルなデザインですが、
必要な箇所が抜かりなくデザインされている好例です。
アイキャッチの写真に引きのあるサイトにオススメです。

■ BS3

f:id:doubleM:20141103195933p:plain
BS3 Responsive Blogger template - Powered by Bootstrap 3

こちらもシンプルにすっきりとまとまっているテンプレートです。
サブメニューなどが多くなりがちな、ニュースサイトにポータルサイトに良さそうです。

テンプレートをまとめるサイトはたくさんありますが

被っているものも多く、結局プレビューは
各ダウンロードページにあるため
回遊するのは時間の無駄になりがちです。
最後に個人的に好みのものが多く、
見やすかったサイトをご紹介します。

Blogger Templates 2015 • Top Best Free • New Templates
このサイト自体も非常にオシャレで興味深いです。

いかがでしたか?

こういったテンプレートは個人で使うのはもちろんのこと、
デザイントレンドが如実に反映されるため
デザインの参考としても非常に勉強になるので
よく眺めています。

お気に入りのデザインがあったら、
ぜひ使ってみてくださいね。