<?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; advertisement</title>
	<atom:link href="http://www.designwalker.com/tag/advertisement/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/advertisement/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>
		<item>
		<title>バスごと使ったちょっと面白い広告を集めてみました</title>
		<link>http://www.designwalker.com/2007/04/bus-ad.html</link>
		<comments>http://www.designwalker.com/2007/04/bus-ad.html#comments</comments>
		<pubDate>Wed, 18 Apr 2007 17:57:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[日記を書く男]]></category>
		<category><![CDATA[ad]]></category>
		<category><![CDATA[advertisement]]></category>
		<category><![CDATA[bus]]></category>
		<category><![CDATA[バス]]></category>
		<category><![CDATA[広告]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/04/%e3%83%90%e3%82%b9%e3%81%94%e3%81%a8%e4%bd%bf%e3%81%a3%e3%81%9f%e3%81%a1%e3%82%87%e3%81%a3%e3%81%a8%e9%9d%a2%e7%99%bd%e3%81%84%e5%ba%83%e5%91%8a%e3%82%92%e9%9b%86%e3%82%81%e3%81%a6%e3%81%bf%e3%81%be.html</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%2F2007%2F04%2Fbus-ad.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F04%2Fbus-ad.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>わたくしが、現在生活している、ロサンゼルスは車社会でございます。。</p>
<p>日本なら、電車やバス、自転車で移動していたので、多少なりとも歩くこともあったのですが。。。</p>
<p>ちょっとそこまで。。でも、車で移動。</p>
<p>日に日にアメリカンサイズに巨大化している自分がいます。。。</p>
<p>今朝、通勤途中に（もちろん車で。。）信号待ちをしていると、隣に止まったバスの広告に目が止まりました。</p>
<p>こちらのバスはバス一台まるごと広告に使われていることが多いのでとにかく目立つんですよね。。</p>
<p>もうすぐ公開予定の映画の広告や、テレビ番組の広告、キャンペーン広告などなど、いろんな面白いものがたくさんございます。</p>
<p>一日、色々なところを走り回って、たくさんの人の目に触れるバスを広告に使うというのはなかなか面白いアイデアですよね。</p>
<p>っちゅうわけで、本日はバスごと使ったちょっと面白い広告を集めてみました。</p>
<div align="center">
<a href="http://ahsoon.net/2006/08/14/just-in-one-bite/" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad01.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
おばちゃんが、サメに食われてます。</p>
<p></p>
<div align="center">
<a href="http://www.gunnyhomepy.com/zb41pl4/bbs/view.php?id=print_kor&amp;page=1&amp;sn1=&amp;divpage=1&amp;sn=off&amp;ss=on&amp;sc=on&amp;select_arrange=headnum&amp;desc=asc&amp;no=2" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad02.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
お兄ちゃんが、お菓子？を食べます。</p>
<p></p>
<div align="center">
<a href="http://www.breaktaker.com/displayimage.php?pos=-1856&amp;msg=2" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad03.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
吸いすぎに注意しましょう。</p>
<p></p>
<div align="center">
<a href="http://www.danheller.com/images/Europe/Amsterdam/Street/Slideshow/img4.html" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad05.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
バスが揺れるたびに、お姉さんの表情が微妙に変わります。</p>
<p></p>
<div align="center">
<a href="http://www.brandinfection.com/2006/03/10/brush-bus-dr-best-flexible" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad06.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
歯ブラシがビヨンビヨンなります。</p>
<p></p>
<div align="center">
<a href="http://www.adrants.com/sideline/2005/07/anime-hottie-points-way-to-hotel.php" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad07.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
萌えてみる。</p>
<p></p>
<div align="center">
<a href="http://brem.buzznet.com/user/photos/?id=2780518" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad08.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
事故ってみる。</p>
<p></p>
<div align="center">
<a href="http://adsoftheworld.com/media/ambient/axe_bus?size=_original" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad09.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
中で、パーティでもやってる風？</p>
<p></p>
<div align="center">
<a href="?phpMyAdmin=20c47579bc4t769ae418" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad10.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
真ん中をきゅっと絞ってみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad11.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
中の人が暴れてる感じ？</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad12.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
もっと、事故ってみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad13.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
目にする。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad14.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
キャラクターも同乗させてみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad15.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
アコーディオンにしてみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad16.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
スケボーにしてみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad17.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
飛行機にしてみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad18.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
カメラにしてみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad19.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
乗り遅れてみる。</p>
<p></p>
<div align="center">
<a href="http://www.vincentchow.net/791/creative-advertisements-on-buses" target="blank"><br />
<img src="http://www.designwalker.com/img/bus_ad/bus_ad20.jpg" alt="Bus Ad" border="0" /><br />
</a>
</div>
<p>
ちゅーする。</p>
<p>
探してみるといろいろと面白いデザインのバスがあるものですね。。。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/04/bus-ad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/04/bus-ad.html" />
	</item>
	</channel>
</rss>

