<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>DesignWalker &#187; banner</title>
	<atom:link href="http://www.designwalker.com/tag/banner/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Wed, 29 Jun 2011 06:24:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/tag/banner/feed" />
		<item>
		<title>バナー広告デザインまとめ</title>
		<link>http://www.designwalker.com/2008/05/banner-design.html</link>
		<comments>http://www.designwalker.com/2008/05/banner-design.html#comments</comments>
		<pubDate>Wed, 28 May 2008 07:56:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[advertisement]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=695</guid>
		<description><![CDATA[
			
				
			
		
このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか？
ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F05%2Fbanner-design.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F05%2Fbanner-design.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか？</p>
<p>ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして、ユーザーにクリックしてもらえるかが勝負なので、なかなか大変ですね。</p>
<p>今回は、そんなバナー広告のデザインに使えそうなサイトをピックアップしてみました。</p>
<h3>インスピレーション編</h3>
<h4><a title="Ads of the World: Creative Advertising Archive &amp; Community" href="http://adsoftheworld.com/taxonomy/media/online">Ads of the World: Creative Advertising Archive &amp; Community</a></h4>
<p>オンライン広告だけでなく、広告全般をひたすらアーカイブしてくれているサイト。広告好きな方には、見ているだけでも十分楽しめますね。</p>
<p align="center"><a title="Ads of the World: Creative Advertising Archive &amp; Community" href="http://adsoftheworld.com/taxonomy/media/online"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design01.jpg" border="0" alt="Ads of the World: Creative Advertising Archive &amp; Community" /><br />
</a></p>
<h4><a title="Eyeblaster Creative Zone" href="http://creativezone.eyeblaster.com/Default.aspx">Eyeblaster Creative Zone</a></h4>
<p>こちらも、たくさんの広告がアーカイブされています。業種やタイプなどで絞り込めるのが便利。</p>
<p align="center"><a title="Eyeblaster Creative Zone" href="http://creativezone.eyeblaster.com/Default.aspx"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design02.jpg" border="0" alt="Eyeblaster Creative Zone" /><br />
</a></p>
<h4><a title="online adpool" href="http://www.online-adpool.de/">online adpool</a></h4>
<p>インタラクティブな広告がいっぱいなサイト。</p>
<p align="center"><a title="online adpool" href="http://www.online-adpool.de/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design03.jpg" border="0" alt="online adpool" /><br />
</a></p>
<h4><a title="flyers - urban advertising - website showcase - the flyer wall" href="http://www.theflyerwall.co.uk/">flyers &#8211; urban advertising &#8211; website showcase &#8211; the flyer wall</a></h4>
<p>ちょっぴりレトロに仕上がったバナーが並んでいます。チュートリアルも公開されているので、参考にしてみては？</p>
<p align="center"><a title="flyers - urban advertising - website showcase - the flyer wall" href="http://www.theflyerwall.co.uk/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design11.jpg" border="0" alt="flyers - urban advertising - website showcase - the flyer wall" /><br />
</a></p>
<h4><a title="Banner Report" href="http://www.bannerreport.com/html/gallery.php">Banner Report</a></h4>
<p>サイズ別にアーカイブされたバナーが並んでいます。</p>
<p align="center"><a title="Banner Report" href="http://www.bannerreport.com/html/gallery.php"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design13.jpg" border="0" alt="Banner Report" /><br />
</a></p>
<h4><a title="adverlicio.us | online advertising archive" href="http://adverlicio.us/">adverlicio.us | online advertising archive</a></h4>
<p>バナーがどんどんアップされているブログ。</p>
<p align="center"><a title="adverlicio.us | online advertising archive" href="http://adverlicio.us/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design04.jpg" border="0" alt="adverlicio.us | online advertising archive" /><br />
</a></p>
<h4><a title="Urban Forest Project - Banners" href="http://www.urbanforestproject.org/banners/">Urban Forest Project &#8211; Banners</a></h4>
<p>こちらは、オンラインバナーではありませんが…ニューヨークのタイムズスクエアにディスプレイされている、バナーのアーカイブ。とってもきれいなデザインがたくさんあったので、ご紹介。</p>
<p align="center"><a title="Urban Forest Project - Banners" href="http://www.urbanforestproject.org/banners/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design14.jpg" border="0" alt="Urban Forest Project - Banners" /><br />
</a></p>
<h3>チュートリアル編</h3>
<h4><a title="Animated Video Sig Tutorial - Featuring Rainbow Six Vegas 2" href="http://www.fiercepro.com/animated-video-sig-photoshop-tutorial/">Animated Video Sig Tutorial &#8211; Featuring Rainbow Six Vegas 2</a></h4>
<p>中央部分がアニメーションなバナーのチュートリアル。Photoshopファイルも公開されているので、便利ですね。</p>
<p align="center"><a title="Animated Video Sig Tutorial - Featuring Rainbow Six Vegas 2" href="http://www.fiercepro.com/animated-video-sig-photoshop-tutorial/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design05.jpg" border="0" alt="Animated Video Sig Tutorial - Featuring Rainbow Six Vegas 2" /><br />
</a></p>
<h4><a title="So you want an advertisement banner, eh?" href="http://www.designersmind.com/tutorials/so-you-want-an-advertisement-banner-eh/">So you want an advertisement banner, eh?</a></h4>
<p>質感のあるきれいなバナーのチュートリアル。</p>
<p align="center"><a title="So you want an advertisement banner, eh?" href="http://www.designersmind.com/tutorials/so-you-want-an-advertisement-banner-eh/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design06.jpg" border="0" alt="" /><br />
</a></p>
<h4><a title="Photoshop Tutorial | Performancing Banners" href="http://performancing.com/design/photoshop-tutorial-a-performancing-banners">Photoshop Tutorial | Performancing Banners</a></h4>
<p>四角いサイズのバナーも最近人気ですね。右端のめくれた感じもいいですね。</p>
<p align="center"><a title="Photoshop Tutorial | Performancing Banners" href="http://performancing.com/design/photoshop-tutorial-a-performancing-banners"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design07.jpg" border="0" alt="" /><br />
</a></p>
<h4><a title="Making a Message Strip in Photoshop" href="http://psdtuts.com/interface-tutorials/making-a-message-strip-in-photoshop/">Making a Message Strip in Photoshop</a></h4>
<p>ストリップもバナーデザインに使えそう。</p>
<p align="center"><a title="Making a Message Strip in Photoshop" href="http://psdtuts.com/interface-tutorials/making-a-message-strip-in-photoshop/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design08.jpg" border="0" alt="Making a Message Strip in Photoshop" /><br />
</a></p>
<h4><a title="Animated Ad Banner" href="http://www.tutorialwiz.com/animated_banner/">Animated Ad Banner</a></h4>
<p>ちょっとうるさい感じがしなくもないですが、テキスト部分がアニメーションで動くバナーのチュートリアル。</p>
<p align="center"><a title="Animated Ad Banner" href="http://www.tutorialwiz.com/animated_banner/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design09.jpg" border="0" alt="Animated Ad Banner" /><br />
</a></p>
<h4><a title="Eye-Popping Banner Ad Tutorial" href="http://nobstutorials.com/tutorials/20071010/banner-ad-tutorial/">Eye-Popping Banner Ad Tutorial</a></h4>
<p>商品の背景にピカ〜っと光を入れたい時に便利なチュートリアル。</p>
<p align="center"><a title="Eye-Popping Banner Ad Tutorial" href="http://nobstutorials.com/tutorials/20071010/banner-ad-tutorial/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design10.jpg" border="0" alt="Eye-Popping Banner Ad Tutorial" /><br />
</a></p>
<h3>その他</h3>
<h4><a title="Sprout Builder - Create living content" href="http://sproutbuilder.com/">Sprout Builder &#8211; Create living content</a></h4>
<p>ウィジェット的なバナーが作れるバナービルダー。</p>
<p align="center"><a title="Sprout Builder - Create living content" href="http://sproutbuilder.com/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design12.jpg" border="0" alt="Sprout Builder - Create living content" /><br />
</a></p>
<h4><a title="Free Graphics World" href="http://www.freegraphicsworld.com/banners/">Free Graphics World</a></h4>
<p>バナーの背景に使えそうな画像がたくさん公開されています。残念ながら、商用利用は不可だそうです。。</p>
<p align="center"><a title="Free Graphics World" href="http://www.freegraphicsworld.com/banners/"><br />
<img src="http://www.designwalker.com/img/banner_design/banner_design15.jpg" border="0" alt="Free Graphics World" /><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/05/banner-design.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/05/banner-design.html" />
	</item>
	</channel>
</rss>

