<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
   <channel>
      <title>テンプレートモンスター ジャパン ブログ</title>
      <link>http://blog.templatemonster.jp/</link>
      <description></description>
      <language>ja</language>
      <copyright>Copyright 2012</copyright>
      <lastBuildDate>Fri, 10 Feb 2012 13:33:06 +0900</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/?v=3.2-ja-2</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <title>無料のフォトショップの散布ブラシ</title>
         <description><![CDATA[<p>フォトショップやイラストレーターをよく使用するデザイナーは、フォトショップよりも
イラストレーターで散布ブラシを使用されている方が多いと思います。<p/>
<br />
<p>しかし、今日はあまり使用されていませんが、実はかなり使えるフォトショップの無料の散布ブラシをご紹介します。<p/>
<br />
<p>フォトショップのほとんどの散布ブラシにはベクトルオブジェクトがあります。また、そのオブジェクトをエントリーポイントとして考えればいろいろなデザインを作り出すことができます。<p/>
<br />
<p>想像力があれば、フォトショップの散乱ブラシの使い方は無限です。<p/>
<br />
<p>これらのフォトショップの散布ブラシを使用することにより、よりクリエイティブなデザインを作り出すことができるでしょう。<p/>
<br />
ブラシツールは使い方によっては本当に便利で自分の想像力だけでは作り出せないデザインも、適当に書きなぐっただけでも短時間でできてしまったりして一度使い始めると楽しいし楽ですよね。<p/>
]]></description>
         <link>http://blog.templatemonster.jp/archives/2012/02/free_photoshop_brush.html</link>
         <guid>http://blog.templatemonster.jp/archives/2012/02/free_photoshop_brush.html</guid>
         <category>ブラシ</category>
         <pubDate>Fri, 10 Feb 2012 13:33:06 +0900</pubDate>
      </item>
            <item>
         <title>好印象をもたらす美しいフォント集22選　（その3）</title>
         <description><![CDATA[<p>今回も引き続き、個性的でクリエイティブ性の高いフォントを紹介していきます。</p>
<p><strong><span style="color: #330099;">15.Scruffy</span></strong><br />
<a href="http://www.behance.net/gallery/Scruffy-Uppercase-Only-Font/1776938 "target="_blank"
title=Scruffy">http://www.behance.net/gallery/Scruffy-Uppercase-Only-Font/1776938</a><br />
テープを貼り付けてつくったような文字で、実は太マーカーで描画したところから発想しています。
とても味がありますね。ライト版もあります。
<br />
<br />
<a href="http://www.behance.net/gallery/Scruffy-Uppercase-Only-Font/1776938" target="_blank" title="Scruffy">
<img alt="Scruffy.jpg" src="http://blog.templatemonster.jp/archives/Scruffy.jpg" width="620" height="475" />
</a></p>
<br />]]></description>
         <link>http://blog.templatemonster.jp/archives/2012/01/free_font2011_03.html</link>
         <guid>http://blog.templatemonster.jp/archives/2012/01/free_font2011_03.html</guid>
         <category>フォント</category>
         <pubDate>Fri, 20 Jan 2012 13:03:11 +0900</pubDate>
      </item>
            <item>
         <title>好印象をもたらす美しいフォント集22選　（その2）</title>
         <description><![CDATA[<p>今回も引き続き、個性的でクリエイティブ性の高いフォントを紹介していきます。</p>
<p><strong><span style="color: #330099;">7.homestead</span></strong><br />
<a href="http://www.losttype.com/font/?name=homestead "target="_blank"
title="homestead">http://www.losttype.com/font/?name=homestead </a><br />
デニム調のカジュアルなイメージのフォントです。<br />
<br />
<a href="http://fontfabric.com/weston-free-font/" target="_blank" title="homestead">
<img alt="Homestead.jpg" src="http://blog.templatemonster.jp/archives/Homestead.jpg" width="620" height="247" /></a></p>
<br />]]></description>
         <link>http://blog.templatemonster.jp/archives/2012/01/free_font2011_02.html</link>
         <guid>http://blog.templatemonster.jp/archives/2012/01/free_font2011_02.html</guid>
         <category>デザイン</category>
         <pubDate>Thu, 12 Jan 2012 10:27:35 +0900</pubDate>
      </item>
            <item>
         <title>好印象をもたらす美しいフォント集22選　（その1）</title>
         <description><![CDATA[<p>日々変化する流行に合わせてデザインを作り上げるということは、デザイナーとして仕事を続けていくために重要なことです。<br>
デザインの印象を決定付ける要素の一つがフォントです。様々なフォントが世の中には存在しますが、今日紹介するのはデザイナーの創造性をかき立てるフォントをまとめたものです。<br>
ウェブサイトデザインには欠かすことができないフォント。フォントの選び方でデザインはガラリと雰囲気を変えます。フォントの重量、スタイル、およびレター・スペースを考慮することで、視覚的に印象づけます。<br>
スタンダードなというよりも比較的個性的な、クリエイティブ性の高いフォントを紹介します。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。<br></p>
<br/>
<p><strong><span style="color: #330099;">1.Lorena</span></strong><br />
<a href="http://www.behance.net/gallery/Lorena-aFree-Font/2576379"target="_blank"
title="Lorena">http://www.behance.net/gallery/Lorena-aFree-Font/2576379</a><br />
レトロでおしゃれなデザインでセンスアップできます。ありそうでなかなか探しづらいので、この機会にぜひストックしてください。<br />
<a href="http://www.behance.net/gallery/Lorena-aFree-Font/2576379" target="_blank" title="Lorena"><img alt="Lorena.jpg" src="http://blog.templatemonster.jp/archives/Lorena.jpg" width="600" height="464" />
</a></p>
<br />]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/12/free-fonts-2011.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/12/free-fonts-2011.html</guid>
         <category>デザイン</category>
         <pubDate>Tue, 20 Dec 2011 13:36:41 +0900</pubDate>
      </item>
            <item>
         <title>モバイルサイト構築に役立つHTML5フレームワーク5選</title>
         <description><![CDATA[<strong><p>企業のモバイルサイトはどうやって作成したら良いのでしょうか？</p></strong>
<p>モバイル機器の利用が広がり続けていることを受け、企業サイトをモバイルプラットフォーム用に拡張する必要性が強まってきています。また一方で、モバイルアプリケーションやWebサイトのクロスプラットフォームインタフェースを意識する必要性が高まってきています。<br/>
モバイルと一言に言っても、iPad、iPhone、BlackBerry、Androidなど多くのシチュエーションが考えられます。<br/>

ほとんどの企業は既に、企業サイトへ投資をしています。HTML5やJavaScriptを利用したクロスプラットフォームのアプローチを取る場合でも、モバイル開発には、それほど大きな飛躍が必要とはならないはずです。<br/>

企業がモバイルアプリ開発に臨む場合は、その本質を押さえる必要があります。「モバイル開発は、既存のビジネスプロセスを新たなデバイスに持ち込んでいるだけなのだ」ということを忘れてはいけません。</p>

誰もが新しい技術自体に魅せられてしまうのですが、ビジネスプロセスを効率的にできないのであれば、あるいは他社との差別化ができないのであれば、投資収益率を上げることはできないであろうと思います。

<p>だからこそフレームワークを使えばゼロから作らずに、効率的にWEBサイトを作ることができます。<br/>

モバイルウェブサイトのアプリケーションを作るために、モバイルの開発用のHTML5フレームワークはあなたの重要な手助けになるだろうと思います。</p>

<p>これから紹介するフレームワークを使って、あなたもアプリを作ってみませんか？</p>

<p><strong><p><a href="http://ripple.tinyhippos.com/" target="_blank" title="Ripple">1．Ripple</a></strong><br />
Google Chrome拡張の「Ripple」です。「Ripple」はマルチプラットフォームでのモバイルテストやデバッグを行う際に大変役立ちます。「Ripple」の一部である位置情報モジュールは、位置情報に関わるアプリケーションのテストに必要となります。また、Javascriptのデバッグやテストにも役立ちます。</p>
<p><a href="http://ripple.tinyhippos.com/" target="_blank" title="Ripple"><img alt="Ripple" src="http://blog.templatemonster.jp/archives/images/Ripple.jpg" width="620" height="565" /></a></p>
<br />
<br />]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/12/html5_mobile.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/12/html5_mobile.html</guid>
         <category>モバイルサイト</category>
         <pubDate>Wed, 07 Dec 2011 15:17:59 +0900</pubDate>
      </item>
            <item>
         <title>HTML5を用いて「いいね！」ボタンを押すことを勧めるFacebook用テンプレート</title>
         <description><![CDATA[<p>あなたはFacebookページの一部のコンテンツを、あなたのページのファンにのみ公開する方法を知っていますか？<br />
一部のコンテンツを「いいね！」ボタンをクリックすると見られるように設定すれば、あなたのページのファン達は「いいね！」ボタンをきっと押してくれるはずです。</p>


なぜこのようなことをするかと言うと、フェイスブックのアカウントを持つユーザーに「いいね！」ボタンを押してもらいたいからです。<br />
「いいね！」を押すことでコンテンツが見れる、キャンペーンに参加できる、グッズがもらえる…といった特典を用意することでユーザーの興味を惹きます。</p>


Facebookを有効に活用するテクニックをもうひとつ紹介します。<br />
それは、Facebookページの見栄えに気をつけることでしょう。<br />
Facebookは自分のページをかなり編集することができますので、ほとんどの企業がオリジナリティ溢れるFacebookページを作成しています。<br />
HTML5にも対応していますので、まだ「いいね！」ボタンを押したことのないユーザーにのみ「いいね！」ボタンを表示するというページも作成できます。</p>

今回の記事ではHTML5を用いて、プロフィールページに洗練されたグラフィックを表示したり、「いいね！」ボタンを押すことを勧める機能を持ったFacebookテンプレートを紹介します。</p>

<p>Facebookのアカウントがない方、Facebookテンプレートの使い方がわからない方は、以下の記事を参照してください。<br />
Facebookの始め方から、テンプレートの組み込み方法までを丁寧に解説しています。<br />
<a href="http://www.templatemonster.jp/facebook/" target="_blank" title="www.templatemonster.jp/facebook/">http://www.templatemonster.jp/facebook/</a>
</p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/11/html5_facebook_templates.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/11/html5_facebook_templates.html</guid>
         <category>デザイン</category>
         <pubDate>Tue, 15 Nov 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その8）</title>
         <description><![CDATA[<p>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://www.mixerguri.org.br/" target="_blank" title="Mixerguri.org.br">36.Mixerguri.org.br</a></strong><br />
自分でサイトのBGMを作れる変わり種サイトです。サイトコンテンツの文字やトップページのクリーチャーが、モーフィングアニメーションで変形するところが見どころです。</p>
<p><a href="http://www.mixerguri.org.br/" target="_blank" title="Mixerguri.org.br"><img alt="Mixerguri.org.br" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_36.jpg" width="620" height="306" /></a></p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/11/illustrations-website08.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/11/illustrations-website08.html</guid>
         <category>デザイン</category>
         <pubDate>Fri, 11 Nov 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その7）</title>
         <description><![CDATA[<p>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://www.ericsteuten.nl/" target="_blank" title="Ericsteuten.nl">31.Ericsteuten.nl</a></strong><br />
赤ん坊をあやす猿の群れが面白い、WEBデザイナーのサイトです。写真アルバムのように丁寧に整理されたサムネイルをクリックすると、サイトのスクリーンショットが見れます。</p>
<p><a href="http://www.ericsteuten.nl/" target="_blank" title="Ericsteuten.nl"><img alt="Ericsteuten.nl" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_31.jpg" width="620" height="420" /></a></p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_07.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_07.html</guid>
         <category>デザイン</category>
         <pubDate>Wed, 09 Nov 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その6）</title>
         <description><![CDATA[<p>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://www.kevinmonger.co.uk/" target="_blank" title="Kevinmonger.co.uk">26.Kevinmonger.co.uk</a></strong><br />
玩具工房のサイトで、背景に玩具の設計図を散りばめてあります。白色の背景が、設計図らしさと清潔感を表現しています。</p>
<p><a href="http://www.kevinmonger.co.uk/" target="_blank" title="Kevinmonger.co.uk"><img alt="Kevinmonger.co.uk" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_26.jpg" width="620" height="395" /></a></p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_06.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_06.html</guid>
         <category>デザイン</category>
         <pubDate>Mon, 07 Nov 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その5）</title>
         <description><![CDATA[<p>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://quakerninja.com/" target="_blank" title="Quakerninja.com">21.Quakerninja.com</a></strong><br />
迫力ある謎の怪物のイラストが目立ったサイトです。朱色でデザインを統一してあるので、ビビッドな色合いでインパクトがあります。</p>
<p><a href="http://quakerninja.com/" target="_blank" title="Quakerninja.com"><img alt="Quakerninja.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_21.jpg" width="620" height="382" /></a></p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_05.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_05.html</guid>
         <category>デザイン</category>
         <pubDate>Wed, 02 Nov 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その4）</title>
         <description><![CDATA[<p>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://www.concept007.ru/#/003" target="_blank" title="Concept007.ru">16.Concept007.ru</a></strong><br />
昔の切り絵アニメーションのように、独特な動きをするアニメーションが内蔵されたサイトです。少々ブラックでシュールな雰囲気なので、好みの別れるサイトだと思います。</p>
<p><a href="http://www.concept007.ru/#/003" target="_blank" title="Concept007.ru"><img alt="Concept007.ru" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_16.jpg" width="620" height="363" /></a></p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_04.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_04.html</guid>
         <category>デザイン</category>
         <pubDate>Mon, 31 Oct 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その3）</title>
         <description><![CDATA[<p>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://www.pigeonandpigeonette.com/" target="_blank" title="Pigeonandpigeonette.com">11.Pigeonandpigeonette.com</a></strong><br />
版画の様なイラストが飾られているサイトです。コンテンツをクリックすると、画面が移動していくのがコミカルです。</p>
<p><a href="http://www.pigeonandpigeonette.com/" target="_blank" title="Pigeonandpigeonette.com"><img alt="Pigeonandpigeonette.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_11.jpg" width="620" height="340" /></a></p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_03.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_03.html</guid>
         <category>デザイン</category>
         <pubDate>Fri, 28 Oct 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その2）</title>
         <description><![CDATA[<p>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://www.augustempress.com/" target="_blank" title="Augustempress.com">06.Augustempress.com</a></strong><br />
ヘッダーにある女性のイラストがオシャレなサイトです。掲載されている写真に全てセピア的な処理がかけられており、統一感があります。</p>
<p><a href="http://www.augustempress.com/" target="_blank" title="Augustempress.com"><img alt="Augustempress.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_06.jpg" width="620" height="361" /></a></p>]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_02.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_02.html</guid>
         <category>デザイン</category>
         <pubDate>Mon, 24 Oct 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>イラストを使用したウェブサイトのデザイン40選（その1）</title>
         <description><![CDATA[<p>ウェブサイトにイラスト風の背景を使用する手法は、長い間流行しています。<br />
例えば、ブランドのロゴやマスコットを、コンテンツやヘッダ、全体の背景などにアクセントとして使う手法があります。<br />
また統一したコンセプトの下、イラスト一枚をサイトの中心にし、その中にコンテンツを配置する方法などもあります。<br />
これらの手法は視覚的なアピールができる他、クリエイティブな雰囲気を漂わせることができるため、サイトで宣伝するコンテンツに高い付加価値を持たせることができます。<br />
もしあなたがウェブサイト設計者なら、この記事に掲載されているウェブサイトを参考にしてください。<br />
あなたのウェブサイト制作に役立つ、たくさんのアイデアやヒントが得られるでしょう。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://www.ufo.lt/" target="_blank" title="Ufo.lt">01.Ufo.lt</a></strong><br />
宇宙から地上、地上から海、深海、地中、そして…と連想ゲームのように繋がっているウェブデザインです。縦長であることを活かして、ラストにオチが来るようになっています。</p>
<p><a href="http://www.ufo.lt/" target="_blank" title="Ufo.lt"><img alt="Ufo.lt" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_01.jpg" width="620" height="379" /></a></p>
]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_01.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_01.html</guid>
         <category>デザイン</category>
         <pubDate>Fri, 21 Oct 2011 10:00:00 +0900</pubDate>
      </item>
            <item>
         <title>Photoshopで使えるフリーのスワール＆フローラルブラシ50選（その10）</title>
         <description><![CDATA[<p>今回も引き続き、Photoshopで使えるフリーのスワール＆フローラルブラシを紹介していきます。</p>
<br />
<br />
<br />
<p><strong><p><a href="http://webdesignerlab.com/resources/twirl-brushes" target="_blank" title="Twirl Brushes">46.Twirl Brushes</a></strong><br />
マーブリングで作ったような、複数の渦巻きが混ざり合ったブラシです。模様の作成などに向きます。</p>
<p><a href="http://webdesignerlab.com/resources/twirl-brushes" target="_blank" title="Twirl Brushes"><img alt="Twirl Brushes" src="http://blog.templatemonster.jp/archives/images/swirl_and_floral_Brushes_46.jpg" width="620" height="465" /></a></p>
]]></description>
         <link>http://blog.templatemonster.jp/archives/2011/10/swirl_and_floral_brushes_10.html</link>
         <guid>http://blog.templatemonster.jp/archives/2011/10/swirl_and_floral_brushes_10.html</guid>
         <category>ソフトウェア</category>
         <pubDate>Wed, 19 Oct 2011 10:00:00 +0900</pubDate>
      </item>
      
   </channel>
</rss>
