<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>テンプレートモンスター ジャパン ブログ</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/" />
    <link rel="self" type="application/atom+xml" href="http://blog.templatemonster.jp/atom.xml" />
   <id>tag:blog.templatemonster.jp,2012://2</id>
    <link rel="service.post" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2" title="テンプレートモンスター ジャパン ブログ" />
    <updated>2012-02-13T02:37:20Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type  3.2-ja-2</generator>
 
<entry>
    <title>無料のフォトショップの散布ブラシ</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2012/02/free_photoshop_brush.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=228" title="無料のフォトショップの散布ブラシ" />
    <id>tag:blog.templatemonster.jp,2012://2.228</id>
    
    <published>2012-02-10T04:33:06Z</published>
    <updated>2012-02-13T02:37:20Z</updated>
    
    <summary>フォトショップやイラストレーターをよく使用するデザイナーは、フォトショップよりも...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="ブラシ" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![CDATA[<p>フォトショップやイラストレーターをよく使用するデザイナーは、フォトショップよりも
イラストレーターで散布ブラシを使用されている方が多いと思います。<p/>
<br />
<p>しかし、今日はあまり使用されていませんが、実はかなり使えるフォトショップの無料の散布ブラシをご紹介します。<p/>
<br />
<p>フォトショップのほとんどの散布ブラシにはベクトルオブジェクトがあります。また、そのオブジェクトをエントリーポイントとして考えればいろいろなデザインを作り出すことができます。<p/>
<br />
<p>想像力があれば、フォトショップの散乱ブラシの使い方は無限です。<p/>
<br />
<p>これらのフォトショップの散布ブラシを使用することにより、よりクリエイティブなデザインを作り出すことができるでしょう。<p/>
<br />
ブラシツールは使い方によっては本当に便利で自分の想像力だけでは作り出せないデザインも、適当に書きなぐっただけでも短時間でできてしまったりして一度使い始めると楽しいし楽ですよね。<p/>
]]>
        <![CDATA[<br />
<br />
<a href="http://gigistar.deviantart.com/art/Circle-Scatter-Brushes-258186888" title="Free Photoshop Scatter Brushes Photoshop"rel="nofollow"target="_blank">1.円を使用した散布ブラシ
</a>

円を重ねて描くことによって面白い模様ができています

<p><a href="http://gigistar.deviantart.com/art/Circle-Scatter-Brushes-258186888"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-1.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="円を使用した散布ブラシ
" width="620" height="409" class="aligncenter size-full wp-image-18546" /></a></p>
<br />
<br />

<a href="http://xtiffohhx.deviantart.com/art/Scatter-Brushes-71066008" title="Free Scatter Brushes for Photoshop"rel="nofollow"target="_blank">2.いろいろな模様が使用された散布ブラシ
</a>

恐竜やジグソーパズル、文字などいろいろな形のブラシです
いろいろなアイデアがありますね

<p><a href="http://xtiffohhx.deviantart.com/art/Scatter-Brushes-71066008"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-2.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="いろいろな模様が使用された散布ブラシ
" width="620" height="519" class="aligncenter size-full wp-image-18548" /></a>
<br />
<br />

<a href="http://nini-design.deviantart.com/art/10-Scatter-Brushes-159040069" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">3.ハートや星、円の散布ブラシ
</a><p style="text-align: center;">

ハートと星と円の３つの種類のブラシだけですが、大きさや色の濃さなどがそれぞれ変わるとかわいらしい絵になります
<a href="http://nini-design.deviantart.com/art/10-Scatter-Brushes-159040069"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-3.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="ハートや星、円の散布ブラシ
" width="500" height="249" class="aligncenter size-full wp-image-18550" /></a></p>
<br />
<br />

<a href="http://albastock.deviantart.com/art/Scattered-Leaf-Brush-140923552" title="Free Scatter Brushes for Photoshop"rel="nofollow"target="_blank">4.葉の散布ブラシ
</a>

落ち葉の雰囲気がすごく出ています。


<p><a href="http://albastock.deviantart.com/art/Scattered-Leaf-Brush-140923552"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-4.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="葉の散布ブラシ
" width="600" height="453" class="aligncenter size-full wp-image-18551" /></a></p>
<br />
<br />

<a href="http://sliferdude.deviantart.com/art/Smudge-and-Scatter-Brushes-95767707" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">5.カラフルな散布ブラシ
</a>

ぼかしたり円の大きさや色を変えたりしていろいろなブラシの利用方法があります

<p><a href="http://sliferdude.deviantart.com/art/Smudge-and-Scatter-Brushes-95767707"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-5.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="カラフルな散布ブラシ
" width="600" height="126" class="aligncenter size-full wp-image-18554" /></a></p>
<br />
<br />

<a href="http://snowiee.deviantart.com/art/Scatter-brushes-110215228" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">6.白黒の花や蝶の散布ブラシ
</a>

蝶や花、コインなどのブラシが使用されています。幻想的な感じが出ていますね。

<p><a href="http://snowiee.deviantart.com/art/Scatter-brushes-110215228"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-6.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="白黒の花や蝶の散布ブラシ
" width="600" height="545" class="aligncenter size-full wp-image-18555" /></a></p>
<br />
<br />

<a href="http://spazz24.deviantart.com/art/Scatter-Brush-Set-13404204" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">7.暗闇に明かりが見える感じの散布ブラシ
</a>

森の中で空を見上げた時に光が見える感じがでています。白と黒だけでよく表現されていますね。

<p><a href="http://spazz24.deviantart.com/art/Scatter-Brush-Set-13404204"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-7.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="暗闇に明かりが見える感じの散布ブラシ
" width="600" height="591" class="aligncenter size-full wp-image-18557" /></a>
<br />
<br />

<a href="http://fayth-in-flyght.deviantart.com/art/Scatter-batty-brush-14222725" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">8.こうもりの散布ブラシ
</a>

こうもりの大群の様子がよくわかるブラシです。

<p><a href="http://fayth-in-flyght.deviantart.com/art/Scatter-batty-brush-14222725"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-8.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="こうもりの散布ブラシ
" width="600" height="449" class="aligncenter size-full wp-image-18558" /></a></p>
<br />
<br />

<a href="http://solemnlyswear22.deviantart.com/art/scatter-brushes-135669947" title="Free Photoshop Scatter Brushes"rel="nofollow"target="_blank">9.水墨画みたいな散布ブラシ
</a>

水墨画で描いたようなブラシです。

<p><a href="http://solemnlyswear22.deviantart.com/art/scatter-brushes-135669947"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-9.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="水墨画みたいな散布ブラシ
" width="600" height="479" class="aligncenter size-full wp-image-18561" /></a></p>
<br />
<br />

<a href="http://skykuzi.deviantart.com/art/Abstract-Scatter-26433815" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">10.幾何学的な散布ブラシ
</a>

幾何学的で面白い模様ができています。

<p><a href="http://skykuzi.deviantart.com/art/Abstract-Scatter-26433815"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-10.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="幾何学的な散布ブラシ
" width="600" height="601" class="aligncenter size-full wp-image-18563" /></a></p>
<br />
<br />

<a href="http://differentxdreamz.deviantart.com/art/Simple-Scatter-Brushes-118814775" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">11.シンプルな星や音符、ハートなどの散布ブラシ
</a>

シンプルなブラシをいくつか使ってかわいらしい模様ができています。

<p><a href="http://differentxdreamz.deviantart.com/art/Simple-Scatter-Brushes-118814775"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-11.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="シンプルな星や音符、ハートなどの散布ブラシ
" width="600" height="475" class="aligncenter size-full wp-image-18564" /></a></p>
<br />
<br />

<a href="http://renixis00.deviantart.com/art/Scatter-Dot-269985504?" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">12.ドットの散布ブラシ
</a>

惑星の周りにある円のようなブラシです

<p><a href="http://renixis00.deviantart.com/art/Scatter-Dot-269985504?"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-12.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="free-photoshop-scatter-brushes-12" width="600" height="481" class="aligncenter size-full wp-image-18566" /></a></p>
<br />
<br />

<a href="http://miss69-stock.deviantart.com/art/Scatterflies-29467349" title="Free Scatter Brushes for Photoshop"rel="nofollow"target="_blank">13.蝶の散布ブラシ
</a>

レントゲンで撮ったような感じの蝶やトンボのブラシです。

<p><a href="http://miss69-stock.deviantart.com/art/Scatterflies-29467349"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-13.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="蝶の散布ブラシ
" width="600" height="552" class="aligncenter size-full wp-image-18569" /></a></p>


<a href="http://contradictz.deviantart.com/art/8-Scatter-Brushes-105303114" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">14.星、音符の散布ブラシ
</a>

紫、ピンク、オレンジで模様も色合いもかわいらしくしあがっています。

<p style="text-align: center;"><a href="http://contradictz.deviantart.com/art/8-Scatter-Brushes-105303114"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-14.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="星、音符の散布ブラシ
" width="500" height="361" class="aligncenter size-full wp-image-18571" /></a></p>


<a href="http://renixis00.deviantart.com/art/Crystal-Scatter-MultiColor-211307801" title="Free Scatter Photoshop Brushes"rel="nofollow"target="_blank">15.立体的な散布ブラシ
</a>

カラフルで立体的で面白い模様になっています。

<p><a href="http://renixis00.deviantart.com/art/Crystal-Scatter-MultiColor-211307801"rel="nofollow"target="_blank"><img src="http://blog.tmimgcdn.com/wp-content/uploads/2012/01/free-photoshop-scatter-brushes-15.jpg?9d7bd4" alt="Free Scatter Brushes for Photoshop   Feel the Joy of Creation" title="立体的な散布ブラシ
" width="600" height="567" class="aligncenter size-full wp-image-18573" /></a></p>


<p>いろいろな無料散布ブラシがありますので、今後のデザインのご参考にしていただけましたら幸いです。</p>

<p>引用：<a href="http://blog.templatemonster.com/2012/01/04/free-scatter-brushes-photoshop/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>

]]>
    </content>
</entry>
<entry>
    <title>好印象をもたらす美しいフォント集22選　（その3）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2012/01/free_font2011_03.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=227" title="好印象をもたらす美しいフォント集22選　（その3）" />
    <id>tag:blog.templatemonster.jp,2012://2.227</id>
    
    <published>2012-01-20T04:03:11Z</published>
    <updated>2012-02-10T02:34:17Z</updated>
    
    <summary>今回も引き続き、個性的でクリエイティブ性の高いフォントを紹介していきます。 15...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="フォント" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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 />]]>
        <![CDATA[<p><strong><span style="color: #330099;">16.Accenta</span></strong>
<a href="http://www.behance.net/gallery/Accenta-Free-Display-Typeface/2624657 " target="_blank" title="Accenta">http://www.behance.net/gallery/Accenta-Free-Display-Typeface/2624657 </a><br />
文字自体にとてもデザイン性があるフォントです。C.Dのタイトルを想わせるデザインです。

<br /><a href="http://www.behance.net/gallery/Accenta-Free-Display-Typeface/2624657" target="_blank" title="Accenta"><img alt="Accenta.jpg" src="http://blog.templatemonster.jp/archives/Accenta.jpg" width="620" height="887" />
</a></p>
<br />
<p><strong><span style="color: #330099;">17.MOLESK </span></strong><br /><a href="http://www.behance.net/gallery/M-font-%28free%29/2380302" target="_blank" title="MOLESK"> "http://www.behance.net/gallery/M-font-%28free%29/2380302</a><br />
ジーンズメーカーでよく使われそうなカジュアルなフォントです。

<br /><a href="http://www.behance.net/gallery/M-font-%28free%29/2380302" target="_blank" title="MOLESK"><img alt="Molesk.jpg" src="http://blog.templatemonster.jp/archives/Molesk.jpg" width="620" height="713" />
</a></p>
<br />

<p><strong><span style="color: #330099;">18.HAYMAKER</span></strong><br /><a href="http://www.losttype.com/font/?name=haymaker" target="_blank" title="HAYMAKER">http://www.losttype.com/font/?name=haymaker</a><br />
アメリカの野球のジャージに使われた字体です。３０年代、４０年代の懐かしい感じがいいですね。<br /><br />
<a href="http://www.losttype.com/font/?name=haymaker" target="_blank" title=HAYMAKER"><img alt="Haymaker.jpg" src="http://blog.templatemonster.jp/archives/Haymaker.jpg" width="620" height="264" />
</a></p>
<br />

<p><strong><span style="color: #330099;">19.Claire Hand</span></strong><br />
<a href="http://www.behance.net/gallery/aClaire-Handa-the-new-team-scope-free-font/1945173" target="_blank" title="Claire Hand">http://www.behance.net/gallery/aClaire-Handa-the-new-team-scope-free-font/1945173</a><br />
手描き風のフォントです。暖か味があります。<br /><br />
<a href="http://www.behance.net/gallery/aClaire-Handa-the-new-team-scope-free-font/1945173" target="_blank" title=Claire Hand"><img alt="Claire-Hand.jpg" src="http://blog.templatemonster.jp/archives/Claire-Hand.jpg" width="620" height="322" />
<br />


<p><strong><span style="color: #330099;">20.LAVANDERIA</span></strong><br /><a href="http://www.losttype.com/font/?name=lavanderia " target="_blank" title="LAVANDERIA ">http://www.losttype.com/font/?name=lavanderia </a><br />
流れるような筆記体がなんとも美しいフォントです。いろいろなインスピレーションが湧いてきますね。
<br /><br /><a href="http://www.losttype.com/font/?name=lavanderia" target="_blank" title="LAVANDERIA"><img alt="Lavanderia.jpg" src="http://blog.templatemonster.jp/archives/Lavanderia.jpg" width="620" height="265" />

</a></p>
<br />

<p><strong><span style="color: #330099;">21.Kabel</span></strong><br />
<a href="http://www.behance.net/gallery/The-Kabel-Font-free/1912005"target="_blank"
title="Kabel">http://www.behance.net/gallery/The-Kabel-Font-free/1912005 </a><br />
ネオンサインで描かれたようなポップなデザインの字体です。作り方の動画もついています。<br />
<br />
<a href="http://www.behance.net/gallery/The-Kabel-Font-free/1912005" target="_blank" title="Kabel">
<img alt="Kabel.jpg" src="http://blog.templatemonster.jp/archives/Kabel.jpg" width="620" height="345" />
</a></p>
<br />


<p><strong><span style="color: #330099;">22.Grogy</span></strong><br />
<a href="http://www.behance.net/gallery/Grogy-free-font/1737669"target="_blank"title="Grogy">http://www.behance.net/gallery/Grogy-free-font/1737669 </a><br />
ブロックタイプのフォントです。コロンとしたインパクトがあります。<br />

<a href="http://www.behance.net/gallery/Grogy-free-font/1737669" target="_blank" title="Grogy"><img alt="Grogy.jpg" src="http://blog.templatemonster.jp/archives/Grogy.jpg" width="620" height="530" />
</a></p>
<br />

<p>いかがでしたでしょうか。お気に召すものがあれば幸いです。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/04/05/60-free-fonts-2011/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>好印象をもたらす美しいフォント集22選　（その2）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2012/01/free_font2011_02.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=226" title="好印象をもたらす美しいフォント集22選　（その2）" />
    <id>tag:blog.templatemonster.jp,2012://2.226</id>
    
    <published>2012-01-12T01:27:35Z</published>
    <updated>2012-02-10T02:34:29Z</updated>
    
    <summary>今回も引き続き、個性的でクリエイティブ性の高いフォントを紹介していきます。 7....</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="デザイン" />
            <category term="フォント" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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 />]]>
        <![CDATA[<p><strong><span style="color: #330099;">8.WESTON</span></strong>
<a href="http://fontfabric.com/weston-free-font/ " target="_blank" title="WESTON">http://fontfabric.com/weston-free-font/ </a><br />
スラブセリフフォントの一種で、ポスター等によく使われます。
<br /><a href="http://fontfabric.com/weston-free-font/" target="_blank" title="WESTON"><img alt="Weston.jpg" src="http://blog.templatemonster.jp/archives/Weston.jpg" width="600" height="250" />
</a></p>
<br />
<p><strong><span style="color: #330099;">9.FF Sero </span></strong><br /><a href="http://www.behance.net/gallery/FF-Sero-%28Medium-Weight-Free%29/1829645" target="_blank" title="FF Sero"> "http://www.behance.net/gallery/FF-Sero-%28Medium-Weight-Free%29/1829645</a><br />
サンセリフの中でも読みやすい、バランスのとれたフォントです。ポスター等によく使われます。
<br /><a href="http://fontsofchaos.com/font-BondisDead.html" target="_blank" title="FF Sero "><img alt="FF-Sero.jpg" src="http://blog.templatemonster.jp/archives/FF-Sero.jpg" width="620" height="308" />
</a></p>
<br />

<p><strong><span style="color: #330099;">10.SayTwo</span></strong><br /><a href="http://fontsofchaos.com/font-SayTwo.html" target="_blank" title="SayTwo">http://fontsofchaos.com/font-SayTwo.html</a><br />
ボーダーラインからできているフォントで未来的なイメージがあります。動画で見ることも出来ます。<br /><br /><a href="http://fontfabric.com/rbno2-free-font/" target="_blank" title=SayTwo"><img alt="Saytwo.jpg" src="http://blog.templatemonster.jp/archives/Saytwo.jpg" width="620" height="393" />
</a></p>
<br />

<p><strong><span style="color: #330099;">11.CS Benwood</span></strong><br /><a href="http://www.behance.net/gallery/CS-Benwood/1631227" target="_blank" title="CS Benwood">http://www.behance.net/gallery/CS-Benwood/1631227</a><br />
カットしたリボンを重ねて手作りしたような、コケティッシュでコミカルなフォントです。遊び心満載です。<br /><br /><a href="http://www.losttype.com/font/?name=arvil" target="_blank" title="CS Benwood"><img alt="Arvil.jpg" src="http://blog.templatemonster.jp/archives/Arvil.jpg" width="620" height="265" />
<br />


<p><strong><span style="color: #330099;">12.mensch</span></strong><br /><a href="http://www.losttype.com/font/?name=mensch " target="_blank" title="mensch ">http://www.losttype.com/font/?name=mensch </a><br />
規則的で簡潔なイメージの活字体です。スッキリしたイメージのフォントです。<br /><br /><a href="http://www.losttype.com/font/?name=arvil" target="_blank" title="mensch"><img alt="Mensch.jpg" src="http://blog.templatemonster.jp/archives/Mensch.jpg" width="620" height="263" />


</a></p>
<br />

<p><strong><span style="color: #330099;">13.slice</span></strong><br />
<a href="http://www.behance.net/gallery/slice-Free-font-by-Superfried/1806537"target="_blank"
title="slice">http://www.behance.net/gallery/slice-Free-font-by-Superfried/1806537 </a><br />
デフォルメされ、ズングリしたデザインフォントです。切り込み入りがとても印象的で、アレンジ次第でいろいろ表現できます。<br />
<br />
<a href="http://www.behance.net/gallery/Lorena-aFree-Font/2576379" target="_blank" title="slice">
<img alt="Slice.jpg" src="http://blog.templatemonster.jp/archives/Slice.jpg" width="620" height="701" />
</a></p>
<br />


<p><strong><span style="color: #330099;">14.Minaeff-Ect</span></strong><br />
<a href="http://www.behance.net/gallery/Minaeff-Ect/1213851"target="_blank"title="Minaeff-Ect">http://www.behance.net/gallery/Minaeff-Ect/1213851 </a><br />
文字のストロークにあるひげが楽しいフォントです。<br />
<br />
<a href="http://www.behance.net/gallery/Lorena-aFree-Font/2576379" target="_blank" title="Minaeff-Ect"><img alt="Minaeff-Ect.jpg" src="http://blog.templatemonster.jp/archives/Minaeff-Ect.jpg" width="620" height="418" />
</a></p>
<br />

<p>いかがでしたでしょうか。続きは次回、ご紹介します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/04/05/60-free-fonts-2011/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>好印象をもたらす美しいフォント集22選　（その1）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/12/free-fonts-2011.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=225" title="好印象をもたらす美しいフォント集22選　（その1）" />
    <id>tag:blog.templatemonster.jp,2011://2.225</id>
    
    <published>2011-12-20T04:36:41Z</published>
    <updated>2012-02-10T02:31:42Z</updated>
    
    <summary>日々変化する流行に合わせてデザインを作り上げるということは、デザイナーとして仕事...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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 />]]>
        <![CDATA[<p><strong><span style="color: #330099;">2.BOND IS DEAD</span></strong><br /><a href="http://fontsofchaos.com/font-BondisDead.html" target="_blank" title="BOND IS DEAD">http://fontsofchaos.com/font-BondisDead.html</a><br />
円の集合で表現されたフォントです。デジタル的ですが丸で表現しているので優しい印象を持たせられると思います。
<br /><a href="http://fontsofchaos.com/font-BondisDead.html" target="_blank" title="BOND IS DEAD"><img alt="BOND-IS-DEAD.jpg" src="http://blog.templatemonster.jp/archives/BOND-IS-DEAD.jpg" width="620" height="413" />
</a></p>
<br />
<p><strong><span style="color: #330099;">3.Nomed </span></strong><br /><a href="http://www.behance.net/gallery/Nomed-Font/2459957" target="_blank" title="Nomed ">http://www.behance.net/gallery/Nomed-Font/2459957</a><br />
幾何学的なフォントです。ピタゴラスを連想させるような抽象的なイメージなので、インパクト十分ですね。
でもよく見ると、かわいいかも？
<br /><a href="http://fontsofchaos.com/font-BondisDead.html" target="_blank" title="Nomed "><img alt="Nomed.jpg" src="http://blog.templatemonster.jp/archives/Nomed.jpg" width="620" height="433" />
</a></p>
<br />

<p><strong><span style="color: #330099;">4.RBNo2</span></strong><br /><a href="http://fontfabric.com/rbno2-free-font/" target="_blank" title="RBNo2">http://fontfabric.com/rbno2-free-font/</a><br />
サンセリフフォントの一種でよりシンプルさを追求した美しいフォントです。<br /><a href="http://fontfabric.com/rbno2-free-font/" target="_blank" title="RBNo2"><img alt="RBNo2.jpg" src="http://blog.templatemonster.jp/archives/RBNo2.jpg" width="620" height="437" />
</a></p>
<br />

<p><strong><span style="color: #330099;">5.Arvil</span></strong><br /><a href="http://www.losttype.com/font/?name=arvil" target="_blank" title="Arvil">http://www.losttype.com/font/?name=arvil</a><br />
角の丸みに変化をつけたフォントでインパクトがありながらやさしい雰囲気です。<br /><a href="http://www.losttype.com/font/?name=arvil" target="_blank" title="Arvil"><img alt="Arvil.jpg" src="http://blog.templatemonster.jp/archives/Arvil.jpg" width="620" height="265" />
<br />


<p><strong><span style="color: #330099;">6.Sketch Gothic </span></strong>
<a href="http://www.behance.net/gallery/Sketch-Gothic/1324321" target="_blank" title="Sketch Gothic l">http://www.behance.net/gallery/Sketch-Gothic/1324321</a><br />
ちょっと手描き風のフォントを使いたいなと思った時、このラフな雰囲気のあるスケッチゴシックがお薦めです。<br /><a href="http://www.losttype.com/font/?name=arvil" target="_blank" title="Sketch Gothic"><img alt="Sketch-Gothic.jpg" src="http://blog.templatemonster.jp/archives/Sketch-Gothic.jpg" width="620" height="484" />
</a></p>
<br />


<p>いかがでしたでしょうか。続きは次回、ご紹介します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/04/05/60-free-fonts-2011/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>モバイルサイト構築に役立つHTML5フレームワーク5選</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/12/html5_mobile.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=224" title="モバイルサイト構築に役立つHTML5フレームワーク5選" />
    <id>tag:blog.templatemonster.jp,2011://2.224</id>
    
    <published>2011-12-07T06:17:59Z</published>
    <updated>2011-12-07T09:00:40Z</updated>
    
    <summary>企業のモバイルサイトはどうやって作成したら良いのでしょうか？ モバイル機器の利用...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="HTML5" />
            <category term="HTML5" />
            <category term="コーディング" />
            <category term="ツール" />
            <category term="モバイルサイト" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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 />]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://www.lungojs.com/" target="_blank" title="LungoJS">2．LungoJS</a></strong><br />
「LungoJS」は最高のHTML5フレームワークと呼んでも過言ではない理由を幾らも有しています。これからのフレームワークは、HTML5、CSS3、JavaScriptと複数ありますが、モバイルゲームのための位置情報アプリから各種フレームワークでの構築を始められるツールが「LungoJS」です。地図情報、歴史、デバイス対応、WebSQLなどに対応し、サーバへ一切の要求を必要としないフレームワークです。</p>
<p><a href="http://www.lungojs.com/" target="_blank" title="LungoJS"><img alt="LungoJS" src="http://blog.templatemonster.jp/archives/images/LungoJS.jpg" width="620" height="560" /></a></p>
<br />
<br />
<p><strong><p><a href="http://framework.joshfire.com/" target="_blank" title="Joshfire">3.Joshfire</a></strong><br />
「Joshfire」はHTML5とJavaScriptをサポートしているオープンソースのモバイル開発フレームワークです。「Joshfire」を使えば、マルチデバイスで稼働するアプリケーションを構築できます。iPad、iPhone、Androidデバイスのみならず、テレビなどに接続しても稼働するということです。このとても個性的な特徴は、他のHTML5モバイル開発フレームワークとは異なる背景によるものです。</p>
<p><a href="http://framework.joshfire.com/" target="_blank" title="Joshfire"><img alt="Joshfire" src="http://blog.templatemonster.jp/archives/images/Joshfire.jpg" width="620" height="508" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.sencha.com/products/touch/" target="_blank" title="Sencha">4.Sencha</a></strong><br />
「Sencha」は、HTML5、CSS3、Javascriptを全てサポートしているフレームワークです。HTML5ビデオやオーディオ、ローカルストレージ、CSS3スタイリングエフェクトなどの各種アプリケーション利用を可能とします。このフレームワークでは、iOS、Blackberry、Androidの全てのデバイスに対するアプリケーション構築ができます。</p>
<p><a href="http://www.sencha.com/products/touch/" target="_blank" title="Sencha.com"><img alt="Sencha.com" src="http://blog.templatemonster.jp/archives/images/Sencha.jpg" width="620" height="315" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.joapp.com/" target="_blank" title="Jo">5.Jo</a></strong><br />
「Jo」はオープンソースのモバイルフレームワークです。ネイティブのようなアプリケーションの構築を可能とします。「Jo」で構築するアプリケーションは、iOS、Android、Blackberryなどの各種OSをサポートしており、HTML5ウィジェットもサポートしています。このフレームワークはデザインやアニメーションの問題を解決したCSS3テクノロジーによる恩恵を最も受けるものとなるでしょう。</p>
<p><a href="http://www.joapp.com/" target="_blank" title="Jo"><img alt="Jo" src="http://blog.templatemonster.jp/archives/images/Jo.jpg" width="620" height="285" /></a></p>
<br />
<br />
<br />
<p>引用：<a href="http://blog.templatemonster.com/2011/12/02/html5-frameworks-mobile-development/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>HTML5を用いて「いいね！」ボタンを押すことを勧めるFacebook用テンプレート</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/11/html5_facebook_templates.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=223" title="HTML5を用いて「いいね！」ボタンを押すことを勧めるFacebook用テンプレート" />
    <id>tag:blog.templatemonster.jp,2011://2.223</id>
    
    <published>2011-11-15T01:00:00Z</published>
    <updated>2011-11-15T09:39:40Z</updated>
    
    <summary>あなたはFacebookページの一部のコンテンツを、あなたのページのファンにのみ...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="HTML5" />
            <category term="ソーシャルメディア" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<br />
<p><strong><p><a href="http://www.templatemonster.jp/show.php?templ=36082" target="_blank" title="Creative Company Facebook Reveal Template">Creative Company Facebook Reveal Template</a></strong><br />
矢印の向こう側で、円が泡のように現れては消える幻想的なグラフィックのテンプレートです。矢印と、円の動きで「いいね！」ボタンの方へ視線を誘導させます。</p>
<p><a href="http://www.templatemonster.jp/show.php?templ=36082" target="_blank" title="Creative Company Facebook Reveal Template"><img alt="Creative Company Facebook Reveal Template" src="http://blog.templatemonster.jp/archives/images/HTML5_Facebook_Templates_01.jpg" width="620" height="570" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.templatemonster.jp/show.php?templ=36084" target="_blank" title="Design Studio Facebook Reveal Template">Design Studio Facebook Reveal Template</a></strong><br />
スタイリッシュな映像のテンプレートです。映像の最後に「いいね！」ボタンを押してくださいと誘導の文字が出ます。</p>
<p><a href="http://www.templatemonster.jp/show.php?templ=36084" target="_blank" title="Design Studio Facebook Reveal Template"><img alt="Design Studio Facebook Reveal Template" src="http://blog.templatemonster.jp/archives/images/HTML5_Facebook_Templates_02.jpg" width="620" height="581" /></a></p>
<br />
<br />
<br />
<p>いかがでしたでしょうか？<br />
「いいね！」ボタンはユーザーの関心をわかりやすく表しているため、どこの企業も「いいね！」ボタンを押させるためにさまざまな工夫をしています。<br />
今回は見た目からのアプローチでしたが、コンテンツやキャンペーンも含めて展開することでより高い効果が得られるはずです。<br />
あなたがFacebookでこれらのテンプレートやテクニックを使ってもらえると嬉しいです。
</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/18/html5-facebook-reveal-tab-templates-renewed/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その8）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/11/illustrations-website08.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=222" title="イラストを使用したウェブサイトのデザイン40選（その8）" />
    <id>tag:blog.templatemonster.jp,2011://2.222</id>
    
    <published>2011-11-11T01:00:00Z</published>
    <updated>2011-11-11T02:20:00Z</updated>
    
    <summary>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。 3...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://netliferesearch.com/" target="_blank" title="Netliferesearch.com">37.Netliferesearch.com</a></strong><br />
白、黒、黄緑だけの色で構成されたサイトです。トップページのイラストは、少ない色で光と影を表現しています。</p>
<p><a href="http://netliferesearch.com/" target="_blank" title="Netliferesearch.com"><img alt="Netliferesearch.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_37.jpg" width="620" height="360" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.pixelthread.co.uk/" target="_blank" title="Pixelthread.co.uk">38.Pixelthread.co.uk</a></strong><br />
木製の壁に貼られたポスター風のデザインのサイトです。マスコットキャラクターのロボットが、頭にマチ針を付けていてシュールです。</p>
<p><a href="http://www.pixelthread.co.uk/" target="_blank" title="Pixelthread.co.uk"><img alt="Pixelthread.co.uk" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_38.jpg" width="620" height="340" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.mister-aero.com/" target="_blank" title="Mister-aero.com">39.Mister-aero.com</a></strong><br />
古い軍勧誘ポスター風のデザインです。あえてくすんだ色を使ってあり、レトロな雰囲気を出しています。</p>
<p><a href="http://www.mister-aero.com/" target="_blank" title="Mister-aero.com"><img alt="Mister-aero.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_39.jpg" width="620" height="291" /></a></p>
<br />
<br />
<p><strong><p><a href="http://francescomugnai.com/" target="_blank" title="Francescomugnai.com">40.Francescomugnai.com</a></strong><br />
トップに巨大な男の顔がでかでかと出ます。十字をコントロールすると、男の顔の様々なアングルが見えます。とにかくインパクトの強いサイトです。</p>
<p><a href="http://francescomugnai.com/" target="_blank" title="Francescomugnai.com"><img alt="Francescomugnai.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_40.jpg" width="620" height="345" /></a></p>
<br />
<br />
<br /><p>8回にわけて、イラストを使用したウェブサイトのデザインを紹介してきましたが、いかがでしたでしょうか？<br />
イラストには商品と絡ませたものから、とにかくインパクト重視のものまで様々なパターンがありました。<br />
ひとつ言えるのは、イラストは写真と違い、どこまでも創造的で自由だということです。<br />
イラストを使わない場合でも、この自由な発想を忘れず、あなた独自のウェブサイトをデザインしてくれることを期待します。
</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その7）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_07.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=221" title="イラストを使用したウェブサイトのデザイン40選（その7）" />
    <id>tag:blog.templatemonster.jp,2011://2.221</id>
    
    <published>2011-11-09T01:00:00Z</published>
    <updated>2011-11-09T01:50:45Z</updated>
    
    <summary>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。 3...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://www.adobeusergroup.nl/" target="_blank" title="Adobeusergroup.nl">32.Adobeusergroup.nl</a></strong><br />
説明のウィンドウの周囲で遊ぶマスコットキャラクターが可愛らしいです。マスコットキャラクターをウィンドウで遊ばせることで、遊び心を表現しています。</p>
<p><a href="http://www.adobeusergroup.nl/" target="_blank" title="Adobeusergroup.nl"><img alt="Adobeusergroup.nl" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_32.jpg" width="620" height="303" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.attackoftheweb.co.uk/" target="_blank" title="Attackoftheweb.co.uk">33.Attackoftheweb.co.uk</a></strong><br />
アメリカン・コミック風のキャラクターに倒される擬人化されたPCモニターがシュールなサイトです。コミックのスクリーントーンの雰囲気の再現のために、水玉のドット模様が画面全体に薄く入っています。</p>
<p><a href="http://www.attackoftheweb.co.uk/" target="_blank" title="Attackoftheweb.co.uk"><img alt="Attackoftheweb.co.uk" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_33.jpg" width="620" height="430" /></a></p>
<br />
<br />
<p><strong><p><a href="http://beavory.com/" target="_blank" title="Beavory.com">34.Beavory.com</a></strong><br />
少し角ばったデザインの、不思議なマスコットが配置されたデザインです。サイト内のほとんどのデザインがボールペンで手書きしたものになっています。</p>
<p><a href="http://beavory.com/" target="_blank" title="Beavory.com"><img alt="Beavory.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_34.jpg" width="620" height="326" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.cubeclub-chemnitz.de/" target="_blank" title="Cubeclub-chemnitz.de">35.Cubeclub-chemnitz.de</a></strong><br />
ヘッドフォンやスピーカー、レコードにキーボードと音楽関係のアイテムを寄せ集めたデザインです。さり気なくヘッダメニューが右カラムのコンテンツ紹介窓に干渉していて、小技の利いたサイトデザインです。</p>
<p><a href="http://www.cubeclub-chemnitz.de/" target="_blank" title="Cubeclub-chemnitz.de"><img alt="Cubeclub-chemnitz.de" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_35.jpg" width="620" height="331" /></a></p>
<br />
<br />
<br /><p>いかがでしたでしょうか？続きは次回更新します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その6）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_06.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=220" title="イラストを使用したウェブサイトのデザイン40選（その6）" />
    <id>tag:blog.templatemonster.jp,2011://2.220</id>
    
    <published>2011-11-07T01:00:00Z</published>
    <updated>2011-11-07T07:16:08Z</updated>
    
    <summary>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。 2...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://www.redtiki.com.au/#1" target="_blank" title="Redtiki.com.au">27.Redtiki.com.au</a></strong><br />
トーテムポールや仮面、槍など未開の地の原住民を意識したデザインのサイトです。黒と赤の対比が、ホラーらしい恐怖感を煽ります。</p>
<p><a href="http://www.redtiki.com.au/#1" target="_blank" title="Redtiki.com.au"><img alt="Redtiki.com.au" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_27.jpg" width="620" height="324" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.cooperskids.com/" target="_blank" title="Cooperskids.com">28.Cooperskids.com</a></strong><br />
ボール紙風の背景に、ボールペンでイラストを描いてあります。シンプルな構成のサイトです。</p>
<p><a href="http://www.cooperskids.com/" target="_blank" title="Cooperskids.com"><img alt="Cooperskids.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_28.jpg" width="620" height="334" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.rays-lab.com/#!about" target="_blank" title="Rays-lab.com">29.Rays-lab.com</a></strong><br />
雲の上にある街というアイデアで描かれたイラストのサイトです。コンテンツ毎に別の雲の上へ飛ばされます。</p>
<p><a href="http://www.rays-lab.com/#!about" target="_blank" title="Rays-lab.com"><img alt="Rays-lab.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_29.jpg" width="620" height="336" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.takeabenylinday.com/en/home/" target="_blank" title="Takeabenylinday.com">30.Takeabenylinday.com</a></strong><br />
職場で働く人のFlashアニメーションです。男性と女性とを切り替えることができ、切り替えると内装も変化します。</p>
<p><a href="http://www.takeabenylinday.com/en/home/" target="_blank" title="Takeabenylinday.com"><img alt="Takeabenylinday.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_30.jpg" width="620" height="388" /></a></p>
<br />
<br />
<br /><p>いかがでしたでしょうか？続きは次回更新します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その5）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/11/illustrations-website-design_05.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=219" title="イラストを使用したウェブサイトのデザイン40選（その5）" />
    <id>tag:blog.templatemonster.jp,2011://2.219</id>
    
    <published>2011-11-02T01:00:00Z</published>
    <updated>2011-11-07T07:15:56Z</updated>
    
    <summary>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。 2...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://testlab2.com/" target="_blank" title="Testlab2.com">22.Testlab2.com</a></strong><br />
ダンボールをデザインモチーフとしたサイトです。ダンボール紙の断面を境界線にするなどセンスの良さが光ります。</p>
<p><a href="http://testlab2.com/" target="_blank" title="Testlab2.com"><img alt="Testlab2.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_22.jpg" width="620" height="338" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.b2online.de/" target="_blank" title="B2online.de">23.B2online.de</a></strong><br />
リビングルームをモチーフとしたサイトです。壁に人の写真がたくさん貼られています。</p>
<p><a href="http://www.b2online.de/" target="_blank" title="B2online.de"><img alt="B2online.de" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_23.jpg" width="620" height="340" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.mrchrismartin.co.uk/" target="_blank" title="Mrchrismartin.co.uk">24.Mrchrismartin.co.uk</a></strong><br />
シュールなイラストの並ぶサイトです。色んな絵柄があります。</p>
<p><a href="http://www.mrchrismartin.co.uk/" target="_blank" title="Mrchrismartin.co.uk"><img alt="Mrchrismartin.co.uk" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_24.jpg" width="620" height="415" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.lesillustrationsdelapin.com/" target="_blank" title="Lesillustrationsdelapin.com">25.Lesillustrationsdelapin.com</a></strong><br />
スケッチの切り抜きを並べた巨大なイラストに圧倒されます。色んな地域を旅行したのか、日本のスケッチもあったりして面白いです。</p>
<p><a href="http://www.lesillustrationsdelapin.com/" target="_blank" title="Lesillustrationsdelapin.com"><img alt="Lesillustrationsdelapin.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_25.jpg" width="620" height="361" /></a></p>
<br />
<br />
<br /><p>いかがでしたでしょうか？続きは次回更新します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その4）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_04.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=218" title="イラストを使用したウェブサイトのデザイン40選（その4）" />
    <id>tag:blog.templatemonster.jp,2011://2.218</id>
    
    <published>2011-10-31T01:00:00Z</published>
    <updated>2011-10-31T06:23:59Z</updated>
    
    <summary>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。 1...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://portfolio.hauntedcathouse.org/" target="_blank" title="Hauntedcathouse.org">17.Hauntedcathouse.org</a></strong><br />
変わった鳥やネコ、怪物があしらわれたサイトです。テーマが夜なので、雰囲気もややダークに仕上がっています。</p>
<p><a href="http://portfolio.hauntedcathouse.org/" target="_blank" title="Hauntedcathouse.org"><img alt="Hauntedcathouse.org" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_17.jpg" width="620" height="355" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.iwit.nl/" target="_blank" title="Iwit.nl">18.Iwit.nl</a></strong><br />
空から写真やイラストや広告や人が降ってくるというコミカルなサイトです。落下物をクリックすると、その落下物のデザインが仔細に見れます。</p>
<p><a href="http://www.iwit.nl/" target="_blank" title="Iwit.nl"><img alt="Iwit.nl" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_18.jpg" width="620" height="342" /></a></p>
<br />
<br />
<p><strong><p><a href="https://www.loworks-store.org/" target="_blank" title="Loworks-store.org">19.Loworks-store.org</a></strong><br />
町並みを再現したイラストがあるサイトです。細かいインターフェイスまで含めてデザインが固められており、見やすく楽しいサイトです。</p>
<p><a href="https://www.loworks-store.org/" target="_blank" title="Loworks-store.org"><img alt="Loworks-store.org" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_19.jpg" width="620" height="289" /></a></p>
<br />
<br />
<p><strong><p><a href="http://krolikov.net/main_en.php" target="_blank" title="Krolikov.net">20.Krolikov.net</a></strong><br />
ファンタジーなキャラクターをあえて悪っぽく描いたデザインのサイトです。メニューにカーソルを合わせると、メニューアイコンのイラストがアニメーションします。</p>
<p><a href="http://krolikov.net/main_en.php" target="_blank" title="Krolikov.net"><img alt="Krolikov.net" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_20.jpg" width="620" height="366" /></a></p>
<br />
<br />
<br /><p>いかがでしたでしょうか？続きは次回更新します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その3）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_03.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=217" title="イラストを使用したウェブサイトのデザイン40選（その3）" />
    <id>tag:blog.templatemonster.jp,2011://2.217</id>
    
    <published>2011-10-28T01:00:00Z</published>
    <updated>2011-10-28T05:49:13Z</updated>
    
    <summary>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。 1...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://www.neverendesign.com/" target="_blank" title="Neverendesign.com">12.Neverendesign.com</a></strong><br />
巨大な綿帽子がふわふわと舞うイラストが背景にあるサイトです。優しい印象のつくりです。</p>
<p><a href="http://www.neverendesign.com/" target="_blank" title="Neverendesign.com"><img alt="Neverendesign.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_12.jpg" width="620" height="410" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.andyward.co.uk/" target="_blank" title="Andyward.co.uk">13.Andyward.co.uk</a></strong><br />
女性向けキャラクターやカートゥーンや似顔絵などが、次々と表示されます。どんなものを取り扱っているサイトかわかりやすいです。</p>
<p><a href="http://www.andyward.co.uk/" target="_blank" title="Andyward.co.uk"><img alt="Andyward.co.uk" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_13.jpg" width="620" height="334" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.teamnomad.co.uk/" target="_blank" title="Teamnomad.co.uk">14.Teamnomad.co.uk</a></strong><br />
砂漠に住む人のようなキャラ付けがされたマスコットのイラストがあります。ちょっと不思議な雰囲気です。</p>
<p><a href="http://www.teamnomad.co.uk/" target="_blank" title="Teamnomad.co.uk"><img alt="Teamnomad.co.uk" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_14.jpg" width="620" height="334" /></a></p>
<br />
<br />
<p><strong><p><a href="http://thelastmarch.com/" target="_blank" title="Thelastmarch.com">15.Thelastmarch.com</a></strong><br />
ゲームのキャラクターがあしらわれたサイトです。ゲームのステージの様に色んな地形の混ざり合った背景イラストが雰囲気を表しています。</p>
<p><a href="http://thelastmarch.com/" target="_blank" title="Thelastmarch.com"><img alt="Thelastmarch.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_15.jpg" width="620" height="350" /></a></p>
<br />
<br />
<br /><p>いかがでしたでしょうか？続きは次回更新します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その2）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_02.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=216" title="イラストを使用したウェブサイトのデザイン40選（その2）" />
    <id>tag:blog.templatemonster.jp,2011://2.216</id>
    
    <published>2011-10-24T01:00:00Z</published>
    <updated>2011-10-24T08:06:56Z</updated>
    
    <summary>今回も引き続き、イラストを使用したウェブサイトのデザインを紹介していきます。 0...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://www.beakable.com/" target="_blank" title="Beakable.com">07.Beakable.com</a></strong><br />
虹色のラインに区切られた動物のようなイラストがヘッダーにあるサイトです。背景テクスチャはコンテンツと地続きですが、区切り分けがしっかりとなされているので、くどくない絵面になっています。</p>
<p><a href="http://www.beakable.com/" target="_blank" title="Beakable.com"><img alt="Beakable.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_07.jpg" width="620" height="320" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.garamiz.hu/blog/" target="_blank" title="Garamiz.hu">08.Garamiz.hu</a></strong><br />
宇宙人をモチーフにしたイラストが使われています。記事の掲載領域には、鉛筆やインクなど、記事を書くのに使ったと思わせるようなモチーフが描かれています。</p>
<p><a href="http://www.garamiz.hu/blog/" target="_blank" title="Garamiz.hu"><img alt="Garamiz.hu" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_08.jpg" width="620" height="367" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.pampaneo.es/" target="_blank" title="Pampaneo.es">09.Pampaneo.es</a></strong><br />
これも宇宙をモチーフにしたデザインのサイトです。各コンテンツを、別の惑星の大地と表現している辺りがユニークです。</p>
<p><a href="http://www.pampaneo.es/" target="_blank" title="Pampaneo.es"><img alt="Pampaneo.es" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_09.jpg" width="620" height="376" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.html5lab.pl/" target="_blank" title="Html5lab.pl">10.Html5lab.pl</a></strong><br />
工場を模した面白いデザインです。HTML5やCSS3.0など新しい技術を積極的に使っているサイトを紹介しています。</p>
<p><a href="http://www.html5lab.pl/" target="_blank" title="Html5lab.pl"><img alt="Html5lab.pl" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_10.jpg" width="620" height="344" /></a></p>
<br />
<br />
<br /><p>いかがでしたでしょうか？続きは次回更新します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>イラストを使用したウェブサイトのデザイン40選（その1）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/10/illustrations-website-design_01.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=215" title="イラストを使用したウェブサイトのデザイン40選（その1）" />
    <id>tag:blog.templatemonster.jp,2011://2.215</id>
    
    <published>2011-10-21T01:00:00Z</published>
    <updated>2011-10-21T08:26:37Z</updated>
    
    <summary>ウェブサイトにイラスト風の背景を使用する手法は、長い間流行しています。 例えば、...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="Webサイト" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>
]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://www.thelostthing.com/" target="_blank" title="Thelostthing.com">02.Thelostthing.com</a></strong><br />
水彩画のようなCGのような不思議なタッチのイラストです。駅のホームをモチーフとしており、電車がやってくるのがローディング画面となっています。</p>
<p><a href="http://www.thelostthing.com/" target="_blank" title="Thelostthing.com"><img alt="Thelostthing.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_02.jpg" width="620" height="381" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.reverenddanger.com/" target="_blank" title="Reverenddanger.com">03.Reverenddanger.com</a></strong><br />
一番最初にREVERENDかDANGERかを選びます。すると途中のイラストががらりと変わってしまう面白いサイトです。</p>
<p><a href="http://www.reverenddanger.com/" target="_blank" title="Reverenddanger.com"><img alt="Reverenddanger.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_03.jpg" width="620" height="357" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.pieoneers.com/" target="_blank" title="Pieoneers.com">04.Pieoneers.com</a></strong><br />
お菓子を載せたUFOがユニークなサイトです。ポップな雰囲気を出しています。</p>
<p><a href="http://www.pieoneers.com/" target="_blank" title="Pieoneers.com"><img alt="Pieoneers.com" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_04.jpg" width="620" height="317" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.plavacek.net/" target="_blank" title="Plavacek.net">05.Plavacek.net</a></strong><br />
WEBのパーツをそこかしこにあてはめたユーモア溢れるイラストのサイトです。矢印を押すとそちらの方向にスクロールしていきます。</p>
<p><a href="http://www.plavacek.net/" target="_blank" title="Plavacek.net"><img alt="Plavacek.net" src="http://blog.templatemonster.jp/archives/images/illustrations-website-design_05.jpg" width="620" height="388" /></a></p>
<br />
<br />
<br /><p>いかがでしたでしょうか？続きは次回更新します。</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/10/07/illustrations-website-design/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>
<entry>
    <title>Photoshopで使えるフリーのスワール＆フローラルブラシ50選（その10）</title>
    <link rel="alternate" type="text/html" href="http://blog.templatemonster.jp/archives/2011/10/swirl_and_floral_brushes_10.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.templatemonster.jp/mt-atom.cgi/weblog/blog_id=2/entry_id=214" title="Photoshopで使えるフリーのスワール＆フローラルブラシ50選（その10）" />
    <id>tag:blog.templatemonster.jp,2011://2.214</id>
    
    <published>2011-10-19T01:00:00Z</published>
    <updated>2011-10-19T01:52:11Z</updated>
    
    <summary>今回も引き続き、Photoshopで使えるフリーのスワール＆フローラルブラシを紹...</summary>
    <author>
        <name>サラちゃん</name>
        <uri>http://blog.templatemonster.jp/</uri>
    </author>
            <category term="ソフトウェア" />
            <category term="デザイン" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.templatemonster.jp/">
        <![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>
]]>
        <![CDATA[<br />
<br />
<p><strong><p><a href="http://afrozenminute.deviantart.com/art/Floral-Brush-Set-123080235" target="_blank" title="Floral Brush Set">47.Floral Brush Set</a></strong><br />
1房単位で区切られた野草のブラシです。小さくまとまっているので、装飾用のパーツとして非常に使いやすいです。</p>
<p><a href="http://afrozenminute.deviantart.com/art/Floral-Brush-Set-123080235" target="_blank" title="Floral Brush Set"><img alt="Floral Brush Set" src="http://blog.templatemonster.jp/archives/images/swirl_and_floral_Brushes_47.jpg" width="620" height="344" /></a></p>
<br />
<br />
<p><strong><p><a href="http://magicalviper.deviantart.com/art/Ornament-Brushes-2-69856542" target="_blank" title="Ornament Brushes 2">48.Ornament Brushes 2</a></strong><br />
ツルの先に色んな植物の葉を付けたようなブラシです。手紙や賞状などの文面の周囲の装飾などが主な使い道です。</p>
<p><a href="http://magicalviper.deviantart.com/art/Ornament-Brushes-2-69856542" target="_blank" title="Ornament Brushes 2"><img alt="Ornament Brushes 2" src="http://blog.templatemonster.jp/archives/images/swirl_and_floral_Brushes_48.jpg" width="620" height="620" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.brusheezy.com/Brushes/2271-Floral-swirls-brushes" target="_blank" title="Floral Swirls Brushes">49.Floral Swirls Brushes</a></strong><br />
和の花を意識したデザインのブラシです。季節の便りや地域のお祭りの宣伝などにさり気なく添えやすいです。</p>
<p><a href="http://www.brusheezy.com/Brushes/2271-Floral-swirls-brushes" target="_blank" title="Floral Swirls Brushes"><img alt="Floral Swirls Brushes" src="http://blog.templatemonster.jp/archives/images/swirl_and_floral_Brushes_49.jpg" width="620" height="383" /></a></p>
<br />
<br />
<p><strong><p><a href="http://www.brusheezy.com/Brushes/17808-Three-Thin-Swirls-" target="_blank" title="Three Thin Swirls">50.Three Thin Swirls</a></strong><br />
ススキの穂や熊手のように、先が大きく曲がった細いブラシです。細く上品なので、グラデーションの背景などにさり気なく重ねるといいアクセントになります。</p>
<p><a href="http://www.brusheezy.com/Brushes/17808-Three-Thin-Swirls-" target="_blank" title="Three Thin Swirls"><img alt="Three Thin Swirls" src="http://blog.templatemonster.jp/archives/images/swirl_and_floral_Brushes_50.jpg" width="620" height="487" /></a></p>
<br />
<br />
<br /><p>10回にわけて、フリーのスワール＆フローラルブラシを紹介してきましたが、いかがでしたでしょうか？</p>

<p>このタイプのブラシは近年になって人気が出たもので、装飾用として高い人気があります。<br />
フリーのブラシだけでも色々な種類と数があるので、色々と試してみるといいでしょう。<br />
これらのブラシ群を用いて、あなたが優れたデザインを完成させてくれることを期待します。
</p>

<p>引用：<a href="http://blog.templatemonster.com/2011/09/15/free-photoshop-swirl-floral-brushes/" target="_blank" title="blog.templatemonster.com">blog.templatemonster.com</a></p>]]>
    </content>
</entry>

</feed> 


