<?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; web design</title>
	<atom:link href="http://www.designwalker.com/tag/web-design/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/web-design/feed" />
		<item>
		<title>すぐに使えるWebユーザビリティの簡単チェックリストとツールいろいろ</title>
		<link>http://www.designwalker.com/2009/08/usability-test.html</link>
		<comments>http://www.designwalker.com/2009/08/usability-test.html#comments</comments>
		<pubDate>Mon, 17 Aug 2009 21:28:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[技術を語る男]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[ユーザビリティ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=513</guid>
		<description><![CDATA[かっこいいWebサイトなんだけれど、なんだか使いづらい。何をクリックしてよいのかわからない。

といったサイトを見かける事は無いでしょうか？

意外と素人の人にサイトを見てもらって、感想を聞くと、結構、参考になる意見をもらえる事もよくあります。結果、簡単にウェブサイトの使いづらさを解消できたり、ユーザーに伝]]></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%2F2009%2F08%2Fusability-test.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2009%2F08%2Fusability-test.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>かっこいいWebサイトなんだけれど、なんだか使いづらい。何をクリックしてよいのかわからない。</p>
<p>といったサイトを見かける事は無いでしょうか？</p>
<p>意外と素人の人にサイトを見てもらって、感想を聞くと、結構、参考になる意見をもらえる事もよくあります。結果、簡単にウェブサイトの使いづらさを解消できたり、ユーザーに伝えたいメッセージを明確にすることができるようになるかもしれません。</p>
<p>今回は、Webユーザービリティを簡単にチェックできるリストをご紹介。</p>
<h3>Web ユーザビリティ5秒テスト</h3>
<p>5秒間でテストできるとってもシンプルなWebユーザービリティをチェックできるテストです。</p>
<p><strong>1. クラシックテスト</strong><br />
クラシック5秒テストとは、そのWebサイトをはじめて見るユーザーに5秒間だけインターフェイスを見てもらって、そのあとに思い出せるものを書き出してもらうテストです。</p>
<p>もともと何も知らないユーザーがたった５秒間だけサイトを見て印象に残ったものを書き出してもらう事で、重要なメッセージがユーザーにしっかりと伝わっているのかがわかります。</p>
<p><strong>2. 比較テスト</strong><br />
２つのインターフェイスを2秒半ずつ見てもらい、より気に入ったインターフェイスを選んでもらうテストです。</p>
<p>二つのデザインを瞬間に比較して気に入ったものを挙げてもらう事で、潜在的に気に入ったものがわかります。</p>
<p><strong>3. 感情テスト</strong><br />
ユーザーに5秒間だけインターフェイスを見てもらって、デザインの中で気に入ったもの、嫌いなものを5つずつ挙げてもらうテストです。</p>
<p>このテストはどちらかと言うと、デザイナー同士で行うとより効果的なテストかも知れません。そのデザインの長所・短所がわかるのではないでしょうか。</p>
<h4><a href="http://fivesecondtest.com/" title="fivesecondtest">fivesecondtest</a></h4>
<p>上記にあげたクラシックテストを簡単に行えるツールです。サイトのスクリーンショットをアップすると他のユーザーがデザインを5秒間だけ見て、何が印象に残ったのかをリストアップしてくれるツール。他にも5秒間で目に飛び込んできたものをクリックして、なぜそこをクリックしたのかを書いてもらうテストも行う事ができます。ユーザビリティをアップさせるにはとっても役に立つツールですね。</p>
<p align="center"><a href="http://fivesecondtest.com/" title="fivesecondtest"><img src="http://www.designwalker.com/img/usability-test/01.png" alt="fivesecondtest" border="0" /></a></p>
<h4><a href="http://www.feng-gui.com/default.aspx" title="Feng-GUI - Feng Shui for Graphic User Interfaces">Feng-GUI &#8211; Feng Shui for Graphic User Interfaces</a></h4>
<p>サイトのスクリーンショットや写真などの画像をアップすると瞬時にユーザーの目線をヒートマップで表示してくれるツールです。どうやってヒートマップを作り出しているのか、不思議です…。</p>
<p align="center"><a href="http://www.feng-gui.com/default.aspx" title="Feng-GUI - Feng Shui for Graphic User Interfaces"><img src="http://www.designwalker.com/img/usability-test/02.png" alt="Feng-GUI - Feng Shui for Graphic User Interfaces" border="0" /></a></p>
<h4><a href="http://www.silverbackapp.com/" title="Silverback &mdash; guerrilla usability testing">Silverback &mdash; guerrilla usability testing</a></h4>
<p>MacのiShightと一緒に利用するユーザーテスト用のツールです。テストユーザーを集めて、ユーザーテストを行う際にとても役立ちそう。有料のツールですがとっても良くできています。ユーザーがサイトを利用しているところを動画で記録することができます。ユーザーがサイトを利用している時の表情や発言、サイトのどこでつまずいてしまうのか？などユーザーの顔をそのまま見ることができるので、ユーザビリティテストを行うには、とっても便利なツールですね。</p>
<p align="center"><a href="http://www.silverbackapp.com/" title="Silverback &mdash; guerrilla usability testing"><img src="http://www.designwalker.com/img/usability-test/03.png" alt="Silverback &mdash; guerrilla usability testing" border="0" /></a></p>
<h4><a href="http://usabilla.com/" title="Usabilla - Transparent Usability - Visual Feedback">Usabilla &#8211; Transparent Usability &#8211; Visual Feedback</a></h4>
<p>まだβ版のサイトですが、こちらもユーザーテストに使えそうなサービスです。このサイトにテストケースとしてサイトとタスクを登録しておくと、テストユーザーがテストしてフィードバックを返してくれるウェブサイトです。</p>
<p align="center"><a href="http://usabilla.com/" title="Usabilla - Transparent Usability - Visual Feedback"><img src="http://www.designwalker.com/img/usability-test/04.png" alt="Usabilla - Transparent Usability - Visual Feedback" border="0" /></a></p>
<h4><a href="http://www.lukew.com/resources/articles/PSactions.asp" title="Primary &amp; Secondary Actions in Web Forms">Primary &amp; Secondary Actions in Web Forms</a></h4>
<p>フォームを利用する際のユーザーの目線の動きをわかりやすく解説してくれている記事です。</p>
<p align="center"><a href="http://www.lukew.com/resources/articles/PSactions.asp" title="Primary &amp; Secondary Actions in Web Forms"><img src="http://www.designwalker.com/img/usability-test/05.png" alt="Primary &amp; Secondary Actions in Web Forms" border="0" /></a></p>
<h4><a href="http://colorschemedesigner.com/" title="Color Scheme Designer 3">Color Scheme Designer 3</a></h4>
<p>いろいろとカラースキームのツールが公開されていますが、こちらのColor Scheme Designerは、とってもシンプルで使いやすいツールです。</p>
<p align="center"><a href="http://colorschemedesigner.com/" title="Color Scheme Designer 3"><img src="http://www.designwalker.com/img/usability-test/06.png" alt="Color Scheme Designer 3" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/08/usability-test.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2009/08/usability-test.html" />
	</item>
		<item>
		<title>料金表のデザインいろいろ</title>
		<link>http://www.designwalker.com/2008/05/pricing-design.html</link>
		<comments>http://www.designwalker.com/2008/05/pricing-design.html#comments</comments>
		<pubDate>Tue, 06 May 2008 06:56:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インスピレーション]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=672</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%2Fpricing-design.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F05%2Fpricing-design.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>料金プランやサービス内容などの比較など、単純にテーブルで組んでいるだけでは、なんだか味気ないですよね。</p>
<p>おすすめのプランを少し、大きく表示して目立たせたり、アイコンやボタンを使って分かりやすく仕上げたり…。</p>
<p>今回は、とってもきれいな料金表デザインのまとめです。</p>
<p>今回ご紹介するサイトの料金表のデザインは、テーブルを組んで、そこにCSSでデザインをかぶせているサイトが多いので、単純にテーブルのデザインの参考にもなりそう。</p>
<h4><a href="http://pikiware.com/pricing" title="Pikiware">Pikiware</a></h4>
<p align="center">
<a href="http://pikiware.com/pricing" title="Pikiware"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design01.jpg" alt="Pikiware" border="0" /><br />
</a>
</p>
<h4><a href="https://crazyegg.com/pay/plans" title="Crazy Egg">Crazy Egg</a></h4>
<p align="center">
<a href="https://crazyegg.com/pay/plans" title="Crazy Egg"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design02.jpg" alt="Crazy Egg" border="0" /><br />
</a>
</p>
<h4><a href="http://www.mediatemple.net/webhosting/dv/pricing.htm" title="Media Temple">Media Temple</a></h4>
<p align="center">
<a href="http://www.mediatemple.net/webhosting/dv/pricing.htm" title="Media Temple"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design03.jpg" alt="Media Temple" border="0" /><br />
</a>
</p>
<h4><a href="http://litmusapp.com/pricing" title="Litmus">Litmus</a></h4>
<p align="center">
<a href="http://litmusapp.com/pricing" title="Litmus"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design04.jpg" alt="Litmus" border="0" /><br />
</a>
</p>
<h4><a href="http://zendesk.com/signup" title="Zendesk">Zendesk</a></h4>
<p align="center">
<a href="http://zendesk.com/signup" title="Zendesk"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design05.jpg" alt="Zendesk" border="0" /><br />
</a>
</p>
<h4><a href="http://www.dropsend.com/pricingsignup.php" title="DropSend">DropSend</a></h4>
<p align="center">
<a href="http://www.dropsend.com/pricingsignup.php" title="DropSend"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design06.jpg" alt="DropSend" border="0" /><br />
</a>
</p>
<h4><a href="http://turbotax.intuit.com/" title="TurboTax&reg;">TurboTax&reg;</a></h4>
<p align="center">
<a href="http://turbotax.intuit.com/" title="TurboTax&reg;"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design07.jpg" alt="TurboTax&reg;" border="0" /><br />
</a>
</p>
<h4><a href="http://www.squarespace.com/pricing/" title="Squarespace">Squarespace</a></h4>
<p align="center">
<a href="http://www.squarespace.com/pricing/" title="Squarespace"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design08.jpg" alt="Squarespace" border="0" /><br />
</a>
</p>
<h4><a href="http://www.basecamphq.com/signup.php" title="Basecamp">Basecamp</a></h4>
<p align="center">
<a href="http://www.basecamphq.com/signup.php" title="Basecamp"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design09.jpg" alt="Basecamp" border="0" /><br />
</a>
</p>
<h4><a href="http://www.typepad.com/pricing/" title="TypePad">TypePad</a></h4>
<p align="center">
<a href="http://www.typepad.com/pricing/" title="TypePad"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design40.jpg" alt="TypePad" border="0" /><br />
</a>
</p>
<h4><a href="http://www.movabletype.com/download/purchase.html" title="Movable Type">Movable Type</a></h4>
<p align="center">
<a href="http://www.movabletype.com/download/purchase.html" title="Movable Type"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design10.jpg" alt="Movable Type" border="0" /><br />
</a>
</p>
<h4><a href="http://www.conceptshare.com/pricing/" title="ConceptShare">ConceptShare</a></h4>
<p align="center">
<a href="http://www.conceptshare.com/pricing/" title="ConceptShare"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design11.jpg" alt="ConceptShare" border="0" /><br />
</a>
</p>
<h4><a href="https://secure.wufoo.com/signup/" title="Wufoo">Wufoo</a></h4>
<p align="center">
<a href="https://secure.wufoo.com/signup/" title="Wufoo"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design12.jpg" alt="Wufoo" border="0" /><br />
</a>
</p>
<h4><a href="http://www.fluxiom.com/pricing/" title="fluxiom">fluxiom</a></h4>
<p align="center">
<a href="http://www.fluxiom.com/pricing/" title="fluxiom"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design13.jpg" alt="fluxiom" border="0" /><br />
</a>
</p>
<h4><a href="http://www.apple.com/dotmac/pricing.html" title="Apple">Apple</a></h4>
<p align="center">
<a href="http://www.apple.com/dotmac/pricing.html" title="Apple"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design14.jpg" alt="Apple" border="0" /><br />
</a>
</p>
<h4><a href="http://www.mosso.com/pricing.jsp" title="MOSSO">MOSSO</a></h4>
<p align="center">
<a href="http://www.mosso.com/pricing.jsp" title="MOSSO"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design15.jpg" alt="MOSSO" border="0" /><br />
</a>
</p>
<h4><a href="http://www.ejschart.com/pricing.php" title="Emprise JavaScript Charts">Emprise JavaScript Charts</a></h4>
<p align="center">
<a href="http://www.ejschart.com/pricing.php" title="Emprise JavaScript Charts"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design16.jpg" alt="Emprise JavaScript Charts" border="0" /><br />
</a>
</p>
<h4><a href="http://expressionengine.com/overview/pricing/" title="ExpressionEngine">ExpressionEngine</a></h4>
<p align="center">
<a href="http://expressionengine.com/overview/pricing/" title="ExpressionEngine"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design17.jpg" alt="ExpressionEngine" border="0" /><br />
</a>
</p>
<h4><a href="http://www.box.net/info/pricing-plans" title="Box.net">Box.net</a></h4>
<p align="center">
<a href="http://www.box.net/info/pricing-plans" title="Box.net"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design18.jpg" alt="Box.net" border="0" /><br />
</a>
</p>
<h4><a href="http://www.planhq.com/signup/" title="PlanHQ">PlanHQ</a></h4>
<p align="center">
<a href="http://www.planhq.com/signup/" title="PlanHQ"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design19.jpg" alt="PlanHQ" border="0" /><br />
</a>
</p>
<h4><a href="http://www.jot.com/wiki/wiki-pricing.php" title="JotSpot">JotSpot</a></h4>
<p align="center">
<a href="http://www.jot.com/wiki/wiki-pricing.php" title="JotSpot"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design20.jpg" alt="JotSpot" border="0" /><br />
</a>
</p>
<h4><a href="http://www.surveygizmo.com/plans-pricing/" title="SurveyGizmo">SurveyGizmo</a></h4>
<p align="center">
<a href="http://www.surveygizmo.com/plans-pricing/" title="SurveyGizmo"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design21.jpg" alt="SurveyGizmo" border="0" /><br />
</a>
</p>
<h4><a href="http://www.flaremaker.com/www/flaremaker.com/home.aspx?p=signup" title="Flaremaker&#8482;">Flaremaker&#8482;</a></h4>
<p align="center">
<a href="http://www.flaremaker.com/www/flaremaker.com/home.aspx?p=signup" title="Flaremaker&#8482;"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design22.jpg" alt="Flaremaker&#8482;" border="0" /><br />
</a>
</p>
<h4><a href="https://www.procoretech.com/signup?__utma=201835728.819316848.1210049007.1210049007.1210049007.1&#038;__utmb=201835728&#038;__utmc=201835728&#038;__utmx=-&#038;__utmz=201835728.1210049007.1.1.utmccn%3D(direct)%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)&#038;__utmv=-&#038;__utmk=376748401" title="Procore">Procore</a></h4>
<p align="center">
<a href="https://www.procoretech.com/signup?__utma=201835728.819316848.1210049007.1210049007.1210049007.1&#038;__utmb=201835728&#038;__utmc=201835728&#038;__utmx=-&#038;__utmz=201835728.1210049007.1.1.utmccn%3D(direct)%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)&#038;__utmv=-&#038;__utmk=376748401" title="Procore"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design23.jpg" alt="Procore" border="0" /><br />
</a>
</p>
<h4><a href="http://www.wikispaces.com/site/pricing" title="Wikispaces">Wikispaces</a></h4>
<p align="center">
<a href="http://www.wikispaces.com/site/pricing" title="Wikispaces"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design24.jpg" alt="Wikispaces" border="0" /><br />
</a>
</p>
<h4><a href="http://www.speaklight.com/pricing" title="LightCMS">LightCMS</a></h4>
<p align="center">
<a href="http://www.speaklight.com/pricing" title="LightCMS"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design25.jpg" alt="LightCMS" border="0" /><br />
</a>
</p>
<h4><a href="http://github.com/plans" title="GitHub">GitHub</a></h4>
<p align="center">
<a href="http://github.com/plans" title="GitHub"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design26.jpg" alt="GitHub" border="0" /><br />
</a>
</p>
<h4><a href="http://www.5pmweb.com/plans.php" title="5pm">5pm</a></h4>
<p align="center">
<a href="http://www.5pmweb.com/plans.php" title="5pm"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design27.jpg" alt="5pm" border="0" /><br />
</a>
</p>
<h4><a href="http://www.activecollab.com/pricing/" title="activeCollab">activeCollab</a></h4>
<p align="center">
<a href="http://www.activecollab.com/pricing/" title="activeCollab"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design28.jpg" alt="activeCollab" border="0" /><br />
</a>
</p>
<h4><a href="http://dabbledb.com/pricing/" title="Dabble DB">Dabble DB</a></h4>
<p align="center">
<a href="http://dabbledb.com/pricing/" title="Dabble DB"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design29.jpg" alt="Dabble DB" border="0" /><br />
</a>
</p>
<h4><a href="http://www.clicktale.com/pricing.html" title="ClickTale&trade;">ClickTale&trade;</a></h4>
<p align="center">
<a href="http://www.clicktale.com/pricing.html" title="ClickTale&trade;"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design30.jpg" alt="ClickTale&trade;" border="0" /><br />
</a>
</p>
<h4><a href="http://www.joyent.com/connector/pricing/" title="Joyent">Joyent</a></h4>
<p align="center">
<a href="http://www.joyent.com/connector/pricing/" title="Joyent"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design31.jpg" alt="Joyent" border="0" /><br />
</a>
</p>
<h4><a href="http://www.caspio.com/bridge/pricing.asp" title="Caspio Bridge Online">Caspio Bridge Online</a></h4>
<p align="center">
<a href="http://www.caspio.com/bridge/pricing.asp" title="Caspio Bridge Online"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design32.jpg" alt="Caspio Bridge Online" border="0" /><br />
</a>
</p>
<h4><a href="https://www.mediamax.com/Brands/MediaMax/home/signup.aspx" title="MediaMax">MediaMax</a></h4>
<p align="center">
<a href="https://www.mediamax.com/Brands/MediaMax/home/signup.aspx" title="MediaMax"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design33.jpg" alt="MediaMax" border="0" /><br />
</a>
</p>
<h4><a href="https://secure.giganews.com/signup/" title="Giganews">Giganews</a></h4>
<p align="center">
<a href="https://secure.giganews.com/signup/" title="Giganews"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design34.jpg" alt="Giganews" border="0" /><br />
</a>
</p>
<h4><a href="http://www.freshbooks.com/pricing.php" title="FreshBooks">FreshBooks</a></h4>
<p align="center">
<a href="http://www.freshbooks.com/pricing.php" title="FreshBooks"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design35.jpg" alt="FreshBooks" border="0" /><br />
</a>
</p>
<h4><a href="http://www.dnsmadeeasy.com/s0306/price/dns.html" title="DNS Made Easy">DNS Made Easy</a></h4>
<p align="center">
<a href="http://www.dnsmadeeasy.com/s0306/price/dns.html" title="DNS Made Easy"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design36.jpg" alt="DNS Made Easy" border="0" /><br />
</a>
</p>
<h4><a href="http://www.streamsend.com/features_price.htm" title="StreamSend">StreamSend</a></h4>
<p align="center">
<a href="http://www.streamsend.com/features_price.htm" title="StreamSend"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design37.jpg" alt="StreamSend" border="0" /><br />
</a>
</p>
<h4><a href="http://www.formspring.com/pricing.html" title="FormSpring">FormSpring</a></h4>
<p align="center">
<a href="http://www.formspring.com/pricing.html" title="FormSpring"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design38.jpg" alt="FormSpring" border="0" /><br />
</a>
</p>
<h4><a href="http://gotvmail.com/features-and-pricing.html" title="GotVMail">GotVMail</a></h4>
<p align="center">
<a href="http://gotvmail.com/features-and-pricing.html" title="GotVMail"><br />
<img src="http://www.designwalker.com/img/pricing_design/pricing_design39.jpg" alt="GotVMail" border="0" /><br />
</a>
</p>
<p>どのサイトの料金表もとってもきれいですねぇ。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/05/pricing-design.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/05/pricing-design.html" />
	</item>
		<item>
		<title>インパクトのあるウェブデザイン40選</title>
		<link>http://www.designwalker.com/2008/02/impact-webdesigns.html</link>
		<comments>http://www.designwalker.com/2008/02/impact-webdesigns.html#comments</comments>
		<pubDate>Wed, 27 Feb 2008 18:54:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インスピレーション]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[インパクト]]></category>
		<category><![CDATA[ウェブデザイン]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/02/%e3%82%a4%e3%83%b3%e3%83%91%e3%82%af%e3%83%88%e3%81%ae%e3%81%82%e3%82%8b%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b340%e9%81%b8.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%2F2008%2F02%2Fimpact-webdesigns.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F02%2Fimpact-webdesigns.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>グリッドにきっちりおさまったデザインはとってもキレイで見やすいのですが、なんとなくインパクトに欠ける場合があります。</p>
<p>わざと、オブジェクトをはみ出させて配置することで、インパクトのあるユニークなデザインになるかも。</p>
<p>本日は、そんなインパクトのある、はみ出たウェブデザインをいろいろとまとめてみました。</p>
<h4>1. <a title="Cottonseed oil a trans-free cooking oil" href="http://cottonseedoiltour.com/">Cottonseed oil a trans-free cooking oil</a></h4>
<p align="center"><a title="Cottonseed oil a trans-free cooking oil" href="http://cottonseedoiltour.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign01.jpg" border="0" alt="Cottonseed oil a trans-free cooking oil" /><br />
</a></p>
<h4>2. <a title="PUMATALK.com" href="http://www.pumatalk.com/">PUMATALK.com</a></h4>
<p align="center"><a title="PUMATALK.com" href="http://www.pumatalk.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign02.jpg" border="0" alt="PUMATALK.com" /><br />
</a></p>
<h4>3. <a title="ElanChicas" href="http://chicas.elansnowboards.com/">ElanChicas</a></h4>
<p align="center"><a title="ElanChicas" href="http://chicas.elansnowboards.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign03.jpg" border="0" alt="ElanChicas" /><br />
</a></p>
<h4>4. <a title="Joshua Sortino's Personal Portfolio" href="http://www.joshuasortino.com/">Joshua Sortino&#8217;s Personal Portfolio</a></h4>
<p align="center"><a title="Joshua Sortino's Personal Portfolio" href="http://www.joshuasortino.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign04.jpg" border="0" alt="Joshua Sortino's Personal Portfolio" /><br />
</a></p>
<h4>5. <a title="Open Doors Student Site  : The Youth and Student Ministry of Open Doors" href="http://student.opendoorsuk.org/">Open Doors Student Site  : The Youth and Student Ministry of Open Doors</a></h4>
<p align="center"><a title="Open Doors Student Site  : The Youth and Student Ministry of Open Doors" href="http://student.opendoorsuk.org/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign05.jpg" border="0" alt="Open Doors Student Site  : The Youth and Student Ministry of Open Doors" /><br />
</a></p>
<h4>6. <a title="Stephen Colbert - I Am America (And So Can You)" href="http://www.makemeamerica.com/">Stephen Colbert &#8211; I Am America (And So Can You)</a></h4>
<p align="center"><a title="Stephen Colbert - I Am America (And So Can You)" href="http://www.makemeamerica.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign06.jpg" border="0" alt="Stephen Colbert - I Am America (And So Can You)" /><br />
</a></p>
<h4>7. <a title="Otramancha" href="http://www.otramancha.com/">Otramancha</a></h4>
<p align="center"><a title="Otramancha" href="http://www.otramancha.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign07.jpg" border="0" alt="Otramancha" /><br />
</a></p>
<h4>8. <a title="Nebonmedia, from idea to design" href="http://nebonmedia.com/en/inthehut.html">Nebonmedia, from idea to design</a></h4>
<p align="center"><a title="Nebonmedia, from idea to design" href="http://nebonmedia.com/en/inthehut.html"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign08.jpg" border="0" alt="Nebonmedia, from idea to design" /><br />
</a></p>
<h4>9. <a title="NotYourAverageJoe - Joe Grisham, Photographer Dallas Texas USA" href="http://www.notyouraveragejoe.com/">NotYourAverageJoe &#8211; Joe Grisham, Photographer Dallas Texas USA</a></h4>
<p align="center"><a title="NotYourAverageJoe - Joe Grisham, Photographer Dallas Texas USA" href="http://www.notyouraveragejoe.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign09.jpg" border="0" alt="NotYourAverageJoe - Joe Grisham, Photographer Dallas Texas USA" /><br />
</a></p>
<h4>10. <a title="Pinoy Web Designer" href="http://www.tsoknat.com/">Pinoy Web Designer</a></h4>
<p align="center"><a title="Pinoy Web Designer" href="http://www.tsoknat.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign10.jpg" border="0" alt="Pinoy Web Designer" /><br />
</a></p>
<h4>11. <a title="A R T I S T I K A | Novosti" href="http://www.artistika.hr/">A R T I S T I K A | Novosti</a></h4>
<p align="center"><a title="A R T I S T I K A | Novosti" href="http://www.artistika.hr/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign11.jpg" border="0" alt="A R T I S T I K A | Novosti" /><br />
</a></p>
<h4>12. <a title="Church on the Rock" href="http://cotrokc.org/">Church on the Rock</a></h4>
<p align="center"><a title="Church on the Rock" href="http://cotrokc.org/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign12.jpg" border="0" alt="Church on the Rock" /><br />
</a></p>
<h4>13. <a title="Elan Snowboards" href="http://www2.elansnowboards.com/">Elan Snowboards</a></h4>
<p align="center"><a title="Elan Snowboards" href="http://www2.elansnowboards.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign13.jpg" border="0" alt="Elan Snowboards" /><br />
</a></p>
<h4>14. <a title="Eranos : Accueil" href="http://www.eranos.fr/">Eranos : Accueil</a></h4>
<p align="center"><a title="Eranos : Accueil" href="http://www.eranos.fr/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign14.jpg" border="0" alt="Eranos : Accueil" /><br />
</a></p>
<h4>15. <a title="Legendary Aircraft" href="http://www.legendaryaircraft.hu/">Legendary Aircraft</a></h4>
<p align="center"><a title="Legendary Aircraft" href="http://www.legendaryaircraft.hu/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign15.jpg" border="0" alt="Legendary Aircraft" /><br />
</a></p>
<h4>16. <a title="Atlanta Web Design" href="http://www.logicbombmedia.com/">Atlanta Web Design</a></h4>
<p align="center"><a title="Atlanta Web Design" href="http://www.logicbombmedia.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign16.jpg" border="0" alt="Atlanta Web Design" /><br />
</a></p>
<h4>17. <a title="Firefox Campus Edition" href="http://www.mozilla.com/en-US/add-ons/campus/">Firefox Campus Edition</a></h4>
<p align="center"><a title="Firefox Campus Edition" href="http://www.mozilla.com/en-US/add-ons/campus/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign17.jpg" border="0" alt="Firefox Campus Edition" /><br />
</a></p>
<h4>18. <a title="Photo Matt » Unlucky In Cards" href="http://ma.tt/">Photo Matt » Unlucky In Cards</a></h4>
<p align="center"><a title="Photo Matt » Unlucky In Cards" href="http://ma.tt/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign18.jpg" border="0" alt="Photo Matt » Unlucky In Cards" /><br />
</a></p>
<h4>19. <a title="Сайт сериала «Мечты Алисы»" href="http://alisa.mtv.ru/">Сайт сериала «Мечты Алисы»</a></h4>
<p align="center"><a title="Сайт сериала «Мечты Алисы»" href="http://alisa.mtv.ru/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign19.jpg" border="0" alt="Сайт сериала «Мечты Алисы»" /><br />
</a></p>
<h4>20. <a title="OnWired, LLC" href="http://onwired.com/">OnWired, LLC</a></h4>
<p align="center"><a title="OnWired, LLC" href="http://onwired.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign20.jpg" border="0" alt="OnWired, LLC" /><br />
</a></p>
<h4>21. <a title="StoneTire - Retreading tires since 1960" href="http://stonetire.com/">StoneTire &#8211; Retreading tires since 1960</a></h4>
<p align="center"><a title="StoneTire - Retreading tires since 1960" href="http://stonetire.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign21.jpg" border="0" alt="StoneTire - Retreading tires since 1960" /><br />
</a></p>
<h4>22. <a title="MAKAO Fresh Forward Thinking Web 2.0 Development" href="http://www.makao.it/">MAKAO Fresh Forward Thinking Web 2.0 Development</a></h4>
<p align="center"><a title="MAKAO Fresh Forward Thinking Web 2.0 Development" href="http://www.makao.it/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign22.jpg" border="0" alt="MAKAO Fresh Forward Thinking Web 2.0 Development" /><br />
</a></p>
<h4>23. <a title="Fray: The Quarterly of True Stories" href="http://www.fray.com/">Fray: The Quarterly of True Stories</a></h4>
<p align="center"><a title="Fray: The Quarterly of True Stories" href="http://www.fray.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign23.jpg" border="0" alt="Fray: The Quarterly of True Stories" /><br />
</a></p>
<h4>24. <a title="ActionHead Studios Ltd." href="http://actionhead.com/">ActionHead Studios Ltd.</a></h4>
<p align="center"><a title="ActionHead Studios Ltd." href="http://actionhead.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign24.jpg" border="0" alt="ActionHead Studios Ltd." /><br />
</a></p>
<h4>25. <a title="Here's Life Mission Africa | hereslifeafrica.com" href="http://www.hereslifeafrica.com/">Here&#8217;s Life Mission Africa | hereslifeafrica.com</a></h4>
<p align="center"><a title="Here's Life Mission Africa | hereslifeafrica.com" href="http://www.hereslifeafrica.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign25.jpg" border="0" alt="Here's Life Mission Africa | hereslifeafrica.com" /><br />
</a></p>
<h4>26. <a title="Systima Technology" href="http://www.systima-technology.co.uk/">Systima Technology</a></h4>
<p align="center"><a title="Systima Technology" href="http://www.systima-technology.co.uk/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign26.jpg" border="0" alt="Systima Technology" /><br />
</a></p>
<h4>27. <a title="Spose Perfette - Wedding planner e sito sul matrimonio" href="http://www.sposeperfette.com/">Spose Perfette &#8211; Wedding planner e sito sul matrimonio</a></h4>
<p align="center"><a title="Spose Perfette - Wedding planner e sito sul matrimonio" href="http://www.sposeperfette.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign27.jpg" border="0" alt="Spose Perfette - Wedding planner e sito sul matrimonio" /><br />
</a></p>
<h4>28. <a title="Intermanager - Ferramenta administrativa de sites" href="http://www.sitegerente.com.br/">Intermanager &#8211; Ferramenta administrativa de sites</a></h4>
<p align="center"><a title="Intermanager - Ferramenta administrativa de sites" href="http://www.sitegerente.com.br/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign28.jpg" border="0" alt="Intermanager - Ferramenta administrativa de sites" /><br />
</a></p>
<h4>29. <a title="Comunidade Vitiligo » Com você na luta contra o Vitiligo" href="http://www.vitiligo.com.br/">Comunidade Vitiligo » Com você na luta contra o Vitiligo</a></h4>
<p align="center"><a title="Comunidade Vitiligo » Com você na luta contra o Vitiligo" href="http://www.vitiligo.com.br/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign29.jpg" border="0" alt="Comunidade Vitiligo » Com você na luta contra o Vitiligo" /><br />
</a></p>
<h4>30. <a title="Poplar Grove" href="http://www.poplargrovecharleston.com/">Poplar Grove</a></h4>
<p align="center"><a title="Poplar Grove" href="http://www.poplargrovecharleston.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign30.jpg" border="0" alt="Poplar Grove" /><br />
</a></p>
<h4>31. <a title="Francophone Prague Guide" href="http://www.prague-guide.fr/">Francophone Prague Guide</a></h4>
<p align="center"><a title="Francophone Prague Guide" href="http://www.prague-guide.fr/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign31.jpg" border="0" alt="Francophone Prague Guide" /><br />
</a></p>
<h4>32. <a title="Jesse Stephens | A Collective Sigh" href="http://jessestephens.com/">Jesse Stephens | A Collective Sigh</a></h4>
<p align="center"><a title="Jesse Stephens | A Collective Sigh" href="http://jessestephens.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign32.jpg" border="0" alt="Jesse Stephens | A Collective Sigh" /><br />
</a></p>
<h4>33. <a title="Welkom | De Bruidsschat - Exclusieve Bruidsboetiek" href="http://debruidsschat.be/">Welkom | De Bruidsschat &#8211; Exclusieve Bruidsboetiek</a></h4>
<p align="center"><a title="Welkom | De Bruidsschat - Exclusieve Bruidsboetiek" href="http://debruidsschat.be/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign33.jpg" border="0" alt="Welkom | De Bruidsschat - Exclusieve Bruidsboetiek" /><br />
</a></p>
<h4>34. <a title="Roseville Health &amp; Wellness Center" href="http://www.rosevillehwc.com/">Roseville Health &amp; Wellness Center</a></h4>
<p align="center"><a title="Roseville Health &amp; Wellness Center" href="http://www.rosevillehwc.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign34.jpg" border="0" alt="Roseville Health &amp; Wellness Center" /><br />
</a></p>
<h4>35. <a title="Bloggers Unite" href="http://unite.blogcatalog.com/">Bloggers Unite</a></h4>
<p align="center"><a title="Bloggers Unite" href="http://unite.blogcatalog.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign35.jpg" border="0" alt="Bloggers Unite" /><br />
</a></p>
<h4>36. <a title="The Building Works" href="http://www.thebuildingworks.com.au/">The Building Works</a></h4>
<p align="center"><a title="The Building Works" href="http://www.thebuildingworks.com.au/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign36.jpg" border="0" alt="The Building Works" /><br />
</a></p>
<h4>37. <a title="Raycop; anti-bacterial vaccuum cleaner" href="http://www.raycop.co.uk/">Raycop; anti-bacterial vaccuum cleaner</a></h4>
<p align="center"><a title="Raycop; anti-bacterial vaccuum cleaner" href="http://www.raycop.co.uk/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign37.jpg" border="0" alt="Raycop; anti-bacterial vaccuum cleaner" /><br />
</a></p>
<h4>38. <a title="Web Site Content Writers | Point of Entry Consulting, Inc." href="http://www.pointofe.com/">Web Site Content Writers | Point of Entry Consulting, Inc.</a></h4>
<p align="center"><a title="Web Site Content Writers | Point of Entry Consulting, Inc." href="http://www.pointofe.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign38.jpg" border="0" alt="Web Site Content Writers | Point of Entry Consulting, Inc." /><br />
</a></p>
<h4>39. <a title="Viget Labs Is Hiring - Join Our Design Team" href="http://www.teamviget.com/">Viget Labs Is Hiring &#8211; Join Our Design Team</a></h4>
<p align="center"><a title="Viget Labs Is Hiring - Join Our Design Team" href="http://www.teamviget.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign39.jpg" border="0" alt="Viget Labs Is Hiring - Join Our Design Team" /><br />
</a></p>
<h4>40. <a title="Lightning 100's Team Green" href="http://www.teamgreenonline.com/">Lightning 100&#8242;s Team Green</a></h4>
<p align="center"><a title="Lightning 100's Team Green" href="http://www.teamgreenonline.com/"><br />
<img src="http://www.designwalker.com/img/impact_webdesign/impact_webdesign40.jpg" border="0" alt="Lightning 100's Team Green" /><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/02/impact-webdesigns.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/02/impact-webdesigns.html" />
	</item>
		<item>
		<title>ドイツのクリエイティブなウェブデザイン 55サイト</title>
		<link>http://www.designwalker.com/2008/02/german-webdesign.html</link>
		<comments>http://www.designwalker.com/2008/02/german-webdesign.html#comments</comments>
		<pubDate>Sat, 23 Feb 2008 18:36:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インストール方法を伝える男]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[クリエイティブ]]></category>
		<category><![CDATA[ドイツ]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/02/%e3%83%89%e3%82%a4%e3%83%84%e3%81%ae%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-55%e3%82%b5%e3%82%a4.html</guid>
		<description><![CDATA[本日は、国別クリエイティブ・ウェブデザインまとめの第３弾です。 第１弾: 『ロシアのクリエイティブなウェブデザインまとめ』 第２弾:『イタリアのクリエイティブなウェブデザインまとめ』 今回はドイツ編です。ドイツ語サイトもとってもクリエイティブなものが多く、まとめて55サイトご紹介。 1. David Hellmann &#8211; Grafikdesign, Webdesign, Screendesign, (X)HTML, CSS 2. pixelgraphix &#8211; Webdesign, CSS, Grafikdesign und Blogging 3. surfgarden &#8211; Mac, Fotografie, Webdesign, Blogging 4. {ths} 5. CREAVATION &#8211; Agentur für Werbung • Werbeagentur für Deutschlandsberg und die Steiermark 6. I am Jeriko 7. Plunts.de Plunts.de &#8211; Wir sind eine [...]]]></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%2F02%2Fgerman-webdesign.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F02%2Fgerman-webdesign.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>本日は、国別クリエイティブ・ウェブデザインまとめの第３弾です。</p>
<p>第１弾: 『<a title="ロシアのクリエイティブなウェブデザインまとめ" href="http://www.designwalker.com/2008/01/russian-webdesign.html">ロシアのクリエイティブなウェブデザインまとめ</a>』</p>
<p>第２弾:『<a title="イタリアのクリエイティブなウェブデザインまとめ" href="http://www.designwalker.com/2008/01/italian-webdesign.html">イタリアのクリエイティブなウェブデザインまとめ</a>』</p>
<p>今回はドイツ編です。ドイツ語サイトもとってもクリエイティブなものが多く、まとめて55サイトご紹介。</p>
<h4>1. <a title="David Hellmann - Grafikdesign, Webdesign, Screendesign, (X)HTML, CSS" href="http://www.davidhellmann.com/">David Hellmann &#8211; Grafikdesign, Webdesign, Screendesign, (X)HTML, CSS</a></h4>
<p align="center"><a title="David Hellmann - Grafikdesign, Webdesign, Screendesign, (X)HTML, CSS" href="http://www.davidhellmann.com/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design01.jpg" border="0" alt="David Hellmann - Grafikdesign, Webdesign, Screendesign, (X)HTML, CSS" /><br />
</a></p>
<h4>2. <a title="pixelgraphix - Webdesign, CSS, Grafikdesign und Blogging" href="http://www.pixelgraphix.de/">pixelgraphix &#8211; Webdesign, CSS, Grafikdesign und Blogging</a></h4>
<p align="center"><a title="pixelgraphix - Webdesign, CSS, Grafikdesign und Blogging" href="http://www.pixelgraphix.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design02.jpg" border="0" alt="pixelgraphix - Webdesign, CSS, Grafikdesign und Blogging" /><br />
</a></p>
<h4>3. <a title="surfgarden - Mac, Fotografie, Webdesign, Blogging" href="http://www.surfgarden.de/">surfgarden &#8211; Mac, Fotografie, Webdesign, Blogging</a></h4>
<p align="center"><a title="surfgarden - Mac, Fotografie, Webdesign, Blogging" href="http://www.surfgarden.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design03.jpg" border="0" alt="surfgarden - Mac, Fotografie, Webdesign, Blogging" /><br />
</a></p>
<h4>4. <a title="{ths}" href="http://www.ths.nu/">{ths}</a></h4>
<p align="center"><a title="{ths}" href="http://www.ths.nu/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design04.jpg" border="0" alt="{ths}" /><br />
</a></p>
<h4>5. <a title="CREAVATION - Agentur für Werbung • Werbeagentur für Deutschlandsberg und die Steiermark" href="http://www.creavation.at/">CREAVATION &#8211; Agentur für Werbung • Werbeagentur für Deutschlandsberg und die Steiermark</a></h4>
<p align="center"><a title="CREAVATION - Agentur für Werbung • Werbeagentur für Deutschlandsberg und die Steiermark" href="http://www.creavation.at/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design05.jpg" border="0" alt="CREAVATION - Agentur für Werbung • Werbeagentur für Deutschlandsberg und die Steiermark" /><br />
</a></p>
<h4>6. <a title="I am Jeriko" href="http://www.i-jeriko.de/">I am Jeriko</a></h4>
<p align="center"><a title="I am Jeriko" href="http://www.i-jeriko.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design06.jpg" border="0" alt="I am Jeriko" /><br />
</a></p>
<h4>7. <a title="Plunts.de Plunts.de - Wir sind eine Designagentur" href="http://plunts.de/">Plunts.de Plunts.de &#8211; Wir sind eine Designagentur</a></h4>
<p align="center"><a title="Plunts.de Plunts.de - Wir sind eine Designagentur" href="http://plunts.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design07.jpg" border="0" alt="Plunts.de Plunts.de - Wir sind eine Designagentur" /><br />
</a></p>
<h4>8. <a title="draft.media Portfolio und Journal" href="http://www.draftmedia.de/index.php">draft.media Portfolio und Journal</a></h4>
<p align="center"><a title="draft.media Portfolio und Journal" href="http://www.draftmedia.de/index.php"><br />
<img src="http://www.designwalker.com/img/german_design/german_design08.jpg" border="0" alt="draft.media Portfolio und Journal" /><br />
</a></p>
<h4>9. <a title="Der Druckfarben DOC - Problemlösungen für den Druckalltag" href="http://www.druckfarbendoc.de/">Der Druckfarben DOC &#8211; Problemlösungen für den Druckalltag</a></h4>
<p align="center"><a title="Der Druckfarben DOC - Problemlösungen für den Druckalltag" href="http://www.druckfarbendoc.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design09.jpg" border="0" alt="Der Druckfarben DOC - Problemlösungen für den Druckalltag" /><br />
</a></p>
<h4>10. <a title="K&amp;N - Timmendorfer Strand" href="http://www.kirschundnagel.de/">K&amp;N &#8211; Timmendorfer Strand</a></h4>
<p align="center"><a title="K&amp;N - Timmendorfer Strand" href="http://www.kirschundnagel.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design10.jpg" border="0" alt="K&amp;N - Timmendorfer Strand" /><br />
</a></p>
<h4>11. <a title="Interone Worldwide - An Agency of BBDO Worldwide" href="http://www.interone.de/cms/de/">Interone Worldwide &#8211; An Agency of BBDO Worldwide</a></h4>
<p align="center"><a title="Interone Worldwide - An Agency of BBDO Worldwide" href="http://www.interone.de/cms/de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design11.jpg" border="0" alt="Interone Worldwide - An Agency of BBDO Worldwide" /><br />
</a></p>
<h4><a title="Die 100 Besten Schriften" href="http://www.100besteschriften.de/">Die 100 Besten Schriften</a></h4>
<p align="center"><a title="Die 100 Besten Schriften" href="http://www.100besteschriften.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design12.jpg" border="0" alt="Die 100 Besten Schriften" /><br />
</a></p>
<h4>13. <a title="Virtual Water - a double-sided poster visualizing the water footprint of products and nations" href="http://www.traumkrieger.de/virtualwater/">Virtual Water &#8211; a double-sided poster visualizing the water footprint of products and nations</a></h4>
<p align="center"><a title="Virtual Water - a double-sided poster visualizing the water footprint of products and nations" href="http://www.traumkrieger.de/virtualwater/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design13.jpg" border="0" alt="Virtual Water - a double-sided poster visualizing the water footprint of products and nations" /><br />
</a></p>
<h4>14. <a title="Photocase - Prettying up the world." href="http://www.photocase.de/en/">Photocase &#8211; Prettying up the world.</a></h4>
<p align="center"><a title="Photocase - Prettying up the world." href="http://www.photocase.de/en/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design14.jpg" border="0" alt="Photocase - Prettying up the world." /><br />
</a></p>
<h4>15. <a title="Sven Kils - Graphic Studios" href="http://www.svenkils.de/issue_03/">Sven Kils &#8211; Graphic Studios</a></h4>
<p align="center"><a title="Sven Kils - Graphic Studios" href="http://www.svenkils.de/issue_03/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design15.jpg" border="0" alt="Sven Kils - Graphic Studios" /><br />
</a></p>
<h4>16. <a title="dotkraft  | Elegant Standards Based Webdesign | Graphic Design" href="http://dotkraft.com/">dotkraft  | Elegant Standards Based Webdesign | Graphic Design</a></h4>
<p align="center"><a title="dotkraft  | Elegant Standards Based Webdesign | Graphic Design" href="http://dotkraft.com/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design16.jpg" border="0" alt="dotkraft  | Elegant Standards Based Webdesign | Graphic Design" /><br />
</a></p>
<h4>17. <a title="Alles auf globalzoo.de" href="http://www.globalzoo.de/">Alles auf globalzoo.de</a></h4>
<p align="center"><a title="Alles auf globalzoo.de" href="http://www.globalzoo.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design17.jpg" border="0" alt="Alles auf globalzoo.de" /><br />
</a></p>
<h4>18. <a title="DUMMY MAGAZIN JEDESMAL NEU. JEDESMAL ANDERS." href="http://www.dummy-magazin.de/">DUMMY MAGAZIN //JEDESMAL NEU. JEDESMAL ANDERS.</a></h4>
<p align="center"><a title="DUMMY MAGAZIN JEDESMAL NEU. JEDESMAL ANDERS." href="http://www.dummy-magazin.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design18.jpg" border="0" alt="DUMMY MAGAZIN JEDESMAL NEU. JEDESMAL ANDERS." /><br />
</a></p>
<h4>19. <a title="Thorsten Konrad" href="http://www.thorstenkonrad.de/">Thorsten Konrad</a></h4>
<p align="center"><a title="Thorsten Konrad" href="http://www.thorstenkonrad.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design19.jpg" border="0" alt="Thorsten Konrad" /><br />
</a></p>
<h4>20. <a title="Kollermedia.at - The Website of the Freelancer Koller Jürgen" href="http://www.kollermedia.at/">Kollermedia.at &#8211; The Website of the Freelancer Koller Jürgen</a></h4>
<p align="center"><a title="Kollermedia.at - The Website of the Freelancer Koller Jürgen" href="http://www.kollermedia.at/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design20.jpg" border="0" alt="Kollermedia.at - The Website of the Freelancer Koller Jürgen" /><br />
</a></p>
<h4>21. <a title="Startseite von »Denklichter &amp; Denkgifte«" href="http://www.denk-licht.de/">Startseite von »Denklichter &amp; Denkgifte«</a></h4>
<p align="center"><a title="Startseite von »Denklichter &amp; Denkgifte«" href="http://www.denk-licht.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design21.jpg" border="0" alt="Startseite von »Denklichter &amp; Denkgifte«" /><br />
</a></p>
<h4>22. <a title="GIMMIXX NEW MEDIA" href="http://www.gimmixx.de/">GIMMIXX NEW MEDIA</a></h4>
<p align="center"><a title="GIMMIXX NEW MEDIA" href="http://www.gimmixx.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design22.jpg" border="0" alt="GIMMIXX NEW MEDIA" /><br />
</a></p>
<h4>23. <a title="desres" href="http://www.desres.de/content.html">desres</a></h4>
<p align="center"><a title="desres" href="http://www.desres.de/content.html"><br />
<img src="http://www.designwalker.com/img/german_design/german_design23.jpg" border="0" alt="desres" /><br />
</a></p>
<h4>24. <a title="Gutscheine und Rabatt-aktionen - TinyPrice.de" href="http://www.tinyprice.de/">Gutscheine und Rabatt-aktionen &#8211; TinyPrice.de</a></h4>
<p align="center"><a title="Gutscheine und Rabatt-aktionen - TinyPrice.de" href="http://www.tinyprice.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design24.jpg" border="0" alt="Gutscheine und Rabatt-aktionen - TinyPrice.de" /><br />
</a></p>
<h4>25. <a title="popnutten :: le blog plus cool ::" href="http://www.popnutten.de/">popnutten :: le blog plus cool ::</a></h4>
<p align="center"><a title="popnutten :: le blog plus cool ::" href="http://www.popnutten.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design25.jpg" border="0" alt="popnutten :: le blog plus cool ::" /><br />
</a></p>
<h4>26. <a title="Screendesign, Webdesign &amp; WordPress Blogdesign in Leipzig" href="http://www.thilothamm.de/">Screendesign, Webdesign &amp; WordPress Blogdesign in Leipzig</a></h4>
<p align="center"><a title="Screendesign, Webdesign &amp; WordPress Blogdesign in Leipzig" href="http://www.thilothamm.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design26.jpg" border="0" alt="Screendesign, Webdesign &amp; WordPress Blogdesign in Leipzig" /><br />
</a></p>
<h4>27. <a title="iconwerk icon design icondesign piktogramme Icondesigner icons pictograms" href="http://www.iconwerk.de/">iconwerk icon design icondesign piktogramme Icondesigner icons pictograms</a></h4>
<p align="center"><a title="iconwerk icon design icondesign piktogramme Icondesigner icons pictograms" href="http://www.iconwerk.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design27.jpg" border="0" alt="iconwerk icon design icondesign piktogramme Icondesigner icons pictograms" /><br />
</a></p>
<h4>28. <a title="tim-adler.com - a freelance blog" href="http://www.tim-adler.com/">tim-adler.com &#8211; a freelance blog</a></h4>
<p align="center"><a title="tim-adler.com - a freelance blog" href="http://www.tim-adler.com/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design28.jpg" border="0" alt="tim-adler.com - a freelance blog" /><br />
</a></p>
<h4>29. <a title="keasone.de | finest screen graphics" href="http://keasone.de/">keasone.de | finest screen graphics</a></h4>
<p align="center"><a title="keasone.de | finest screen graphics" href="http://keasone.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design29.jpg" border="0" alt="keasone.de | finest screen graphics" /><br />
</a></p>
<h4>30. <a title="Piktogramme und Icons" href="http://www.piktogramme-und-icons.de/">Piktogramme und Icons</a></h4>
<p align="center"><a title="Piktogramme und Icons" href="http://www.piktogramme-und-icons.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design30.jpg" border="0" alt="Piktogramme und Icons" /><br />
</a></p>
<h4>31. <a title="Cube Club Chemnitz" href="http://cubeclub-chemnitz.de/">Cube Club Chemnitz</a></h4>
<p align="center"><a title="Cube Club Chemnitz" href="http://cubeclub-chemnitz.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design31.jpg" border="0" alt="Cube Club Chemnitz" /><br />
</a></p>
<h4>32. <a title="Tennis, Leipzig, Tennisclub Blau-Weiß Leipzig e. V." href="http://www.blauweissleipzig.de/">Tennis, Leipzig, Tennisclub Blau-Weiß Leipzig e. V.</a></h4>
<p align="center"><a title="Tennis, Leipzig, Tennisclub Blau-Weiß Leipzig e. V." href="http://www.blauweissleipzig.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design32.jpg" border="0" alt="Tennis, Leipzig, Tennisclub Blau-Weiß Leipzig e. V." /><br />
</a></p>
<h4>33. <a title="Miss &amp; Lady's Boutique" href="http://www.missandladysboutique.de/">Miss &amp; Lady&#8217;s Boutique</a></h4>
<p align="center"><a title="Miss &amp; Lady's Boutique" href="http://www.missandladysboutique.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design33.jpg" border="0" alt="Miss &amp; Lady's Boutique" /><br />
</a></p>
<h4>34. <a title="Jung von Matt" href="http://www.jvm.de/www/index_flash_de.php">Jung von Matt</a></h4>
<p align="center"><a title="Jung von Matt" href="http://www.jvm.de/www/index_flash_de.php"><br />
<img src="http://www.designwalker.com/img/german_design/german_design34.jpg" border="0" alt="Jung von Matt" /><br />
</a></p>
<h4>35. <a title="Styleserver.de - Online-Shop aus Berlin für Jungdesigner-Mode und Accessoires" href="http://www.styleserver.de/">Styleserver.de &#8211; Online-Shop aus Berlin für Jungdesigner-Mode und Accessoires</a></h4>
<p align="center"><a title="Styleserver.de - Online-Shop aus Berlin für Jungdesigner-Mode und Accessoires" href="http://www.styleserver.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design35.jpg" border="0" alt="Styleserver.de - Online-Shop aus Berlin für Jungdesigner-Mode und Accessoires" /><br />
</a></p>
<h4>36. <a title="Screenz.de" href="http://www.screenz.de/">Screenz.de</a></h4>
<p align="center"><a title="Screenz.de" href="http://www.screenz.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design36.jpg" border="0" alt="Screenz.de" /><br />
</a></p>
<h4>37. <a title="PIXELGANGSTER :: the daily DesignBlog" href="http://www.pixelgangster.de/">PIXELGANGSTER :: the daily DesignBlog</a></h4>
<p align="center"><a title="PIXELGANGSTER :: the daily DesignBlog" href="http://www.pixelgangster.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design37.jpg" border="0" alt="PIXELGANGSTER :: the daily DesignBlog" /><br />
</a></p>
<h4>38. <a title="adehauserlacour.de" href="http://www.adehauserlacour.de/">adehauserlacour.de</a></h4>
<p align="center"><a title="adehauserlacour.de" href="http://www.adehauserlacour.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design38.jpg" border="0" alt="adehauserlacour.de" /><br />
</a></p>
<h4>39. <a title="Spoonfork Online Magazin" href="http://www.spoonfork.de/">Spoonfork Online Magazin</a></h4>
<p align="center"><a title="Spoonfork Online Magazin" href="http://www.spoonfork.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design39.jpg" border="0" alt="Spoonfork Online Magazin" /><br />
</a></p>
<h4>40. <a title="dersven.de ¶: Typografie, Gestaltung und das Web-Leben als Blog" href="http://www.dersven.de/">dersven.de ¶: Typografie, Gestaltung und das Web-Leben als Blog</a></h4>
<p align="center"><a title="dersven.de ¶: Typografie, Gestaltung und das Web-Leben als Blog" href="http://www.dersven.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design40.jpg" border="0" alt="dersven.de ¶: Typografie, Gestaltung und das Web-Leben als Blog" /><br />
</a></p>
<h4>41. <a title="Kulturbanause - realise your fantasies" href="http://www.kulturbanause.de/">Kulturbanause &#8211; realise your fantasies</a></h4>
<p align="center"><a title="Kulturbanause - realise your fantasies" href="http://www.kulturbanause.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design41.jpg" border="0" alt="Kulturbanause - realise your fantasies" /><br />
</a></p>
<h4>42. <a title="Master Plan - About the power of Google" href="http://masterplanthemovie.com/">Master Plan &#8211; About the power of Google</a></h4>
<p align="center"><a title="Master Plan - About the power of Google" href="http://masterplanthemovie.com/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design42.jpg" border="0" alt="Master Plan - About the power of Google" /><br />
</a></p>
<h4>43. <a title="FIFTYEIGHT 3D" href="http://www.fiftyeight.com/">FIFTYEIGHT 3D</a></h4>
<p align="center"><a title="FIFTYEIGHT 3D" href="http://www.fiftyeight.com/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design43.jpg" border="0" alt="FIFTYEIGHT 3D" /><br />
</a></p>
<h4>44. <a title="Meiré und Meiré" href="http://www.meireundmeire.de/">Meiré und Meiré</a></h4>
<p align="center"><a title="Meiré und Meiré" href="http://www.meireundmeire.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design44.jpg" border="0" alt="Meiré und Meiré" /><br />
</a></p>
<h4>45. <a title="Inspirationsquelle für verbale Design-Argumentation" href="http://www.designphrasen.de/">Inspirationsquelle für verbale Design-Argumentation</a></h4>
<p align="center"><a title="Inspirationsquelle für verbale Design-Argumentation" href="http://www.designphrasen.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design45.jpg" border="0" alt="Inspirationsquelle für verbale Design-Argumentation" /><br />
</a></p>
<h4>46. <a title="Atelier Bernd Kuchenbeiser" href="http://www.kuchenbeiser.de/">Atelier Bernd Kuchenbeiser</a></h4>
<p align="center"><a title="Atelier Bernd Kuchenbeiser" href="http://www.kuchenbeiser.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design46.jpg" border="0" alt="Atelier Bernd Kuchenbeiser" /><br />
</a></p>
<h4>47. <a title="So schön bist du - Professionelle Fotos für Dich!" href="http://www.soschoenbistdu.de/">So schön bist du &#8211; Professionelle Fotos für Dich!</a></h4>
<p align="center"><a title="So schön bist du - Professionelle Fotos für Dich!" href="http://www.soschoenbistdu.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design47.jpg" border="0" alt="So schön bist du - Professionelle Fotos für Dich!" /><br />
</a></p>
<h4>48. <a title="Musikbetriebe" href="http://musikbetriebe.de/">Musikbetriebe</a></h4>
<p align="center"><a title="Musikbetriebe" href="http://musikbetriebe.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design48.jpg" border="0" alt="Musikbetriebe" /><br />
</a></p>
<h4>49. <a title="Glashaus [The Portfolio of Peter Hoffmann]" href="http://www.glashaus-design.com/">Glashaus [The Portfolio of Peter Hoffmann]</a></h4>
<p align="center"><a title="Glashaus [The Portfolio of Peter Hoffmann]" href="http://www.glashaus-design.com/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design49.jpg" border="0" alt="Glashaus [The Portfolio of Peter Hoffmann]" /><br />
</a></p>
<h4>50. <a title="3deluxe :: Transdisciplinary Design" href="http://www.3deluxe.de/">3deluxe :: Transdisciplinary Design</a></h4>
<p align="center"><a title="3deluxe :: Transdisciplinary Design" href="http://www.3deluxe.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design50.jpg" border="0" alt="3deluxe :: Transdisciplinary Design" /><br />
</a></p>
<h4>51. <a title="only a blog" href="http://www.mstefan.com/blog/">only a blog</a></h4>
<p align="center"><a title="only a blog" href="http://www.mstefan.com/blog/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design51.jpg" border="0" alt="only a blog" /><br />
</a></p>
<h4>52. <a title="Bionic Systems — Studio for Design &amp; New Media" href="http://www.bionic-systems.com/">Bionic Systems — Studio for Design &amp; New Media</a></h4>
<p align="center"><a title="Bionic Systems — Studio for Design &amp; New Media" href="http://www.bionic-systems.com/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design52.jpg" border="0" alt="Bionic Systems — Studio for Design &amp; New Media" /><br />
</a></p>
<h4>53. <a title="derBauer® Audio Visual Media | LU: 02.02.2008 17:20 UTC" href="http://www.derbauer.de/">derBauer® Audio Visual Media | LU: 02.02.2008 17:20 UTC</a></h4>
<p align="center"><a title="derBauer® Audio Visual Media | LU: 02.02.2008 17:20 UTC" href="http://www.derbauer.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design53.jpg" border="0" alt="derBauer® Audio Visual Media | LU: 02.02.2008 17:20 UTC" /><br />
</a></p>
<h4>54. <a title="AUSMAG - das Australien Work &amp; Travel Portal - Arbeiten und Reisen in Australien" href="http://www.ausmag.de/">AUSMAG &#8211; das Australien Work &amp; Travel Portal &#8211; Arbeiten und Reisen in Australien</a></h4>
<p align="center"><a title="AUSMAG - das Australien Work &amp; Travel Portal - Arbeiten und Reisen in Australien" href="http://www.ausmag.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design54.jpg" border="0" alt="AUSMAG - das Australien Work &amp; Travel Portal - Arbeiten und Reisen in Australien" /><br />
</a></p>
<h4>55. <a title="Martin Klimas Photography" href="http://www.martin-klimas.de/">Martin Klimas Photography</a></h4>
<p align="center"><a title="Martin Klimas Photography" href="http://www.martin-klimas.de/"><br />
<img src="http://www.designwalker.com/img/german_design/german_design55.jpg" border="0" alt="Martin Klimas Photography" /><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/02/german-webdesign.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/02/german-webdesign.html" />
	</item>
		<item>
		<title>お気に入りWordPressテーマいっぱい</title>
		<link>http://www.designwalker.com/2008/01/wordpress-themes.html</link>
		<comments>http://www.designwalker.com/2008/01/wordpress-themes.html#comments</comments>
		<pubDate>Wed, 30 Jan 2008 18:25:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[テーマ]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/01/%e3%81%8a%e6%b0%97%e3%81%ab%e5%85%a5%e3%82%8awordpress%e3%83%86%e3%83%bc%e3%83%9e%e3%81%84%e3%81%a3%e3%81%b1%e3%81%84.html</guid>
		<description><![CDATA[
			
				
			
		
本日は、わたくしのお気に入りのWordPressテーマいろいろご紹介します。
どのテーマもとっても綺麗なものばかりですね。
1. The bus full of hippies



2 [...]]]></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%2F01%2Fwordpress-themes.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F01%2Fwordpress-themes.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>本日は、わたくしのお気に入りのWordPressテーマいろいろご紹介します。</p>
<p>どのテーマもとっても綺麗なものばかりですね。</p>
<p><strong>1. <a title="The bus full of hippies" href="http://wordpress-tuto.fr/theme-wordpress-bus-full-hippies-145">The bus full of hippies</a></strong></p>
<div><a title="The bus full of hippies" href="http://wordpress-tuto.fr/theme-wordpress-bus-full-hippies-145"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes01.jpg" border="0" alt="The bus full of hippies" /><br />
</a></div>
<p><strong>2. <a title="Papyrus" href="http://skdstudio.com/blog/papyrus-wordpress-theme">Papyrus</a></strong></p>
<div><a title="Papyrus" href="http://skdstudio.com/blog/papyrus-wordpress-theme"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes02.jpg" border="0" alt="Papyrus" /><br />
</a></div>
<p><strong>3.<a title="Aspire" href="http://wordpress-tuto.fr/theme-wordpress-aspire-293"> Aspire</a></strong></p>
<div><a title="Aspire" href="http://wordpress-tuto.fr/theme-wordpress-aspire-293"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes03.jpg" border="0" alt="Aspire" /><br />
</a></div>
<p><strong>4. <a title="Techdesigns" href="http://courtneytuttle.com/seo-wordpress-themes/techdesignscouk-004/">Techdesigns</a></strong></p>
<div><a title="Techdesigns" href="http://courtneytuttle.com/seo-wordpress-themes/techdesignscouk-004/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes04.jpg" border="0" alt="Techdesigns" /><br />
</a></div>
<p><strong>5. <a title="ZEN 2.0" href="http://themes.wordpress.net/columns/3-columns/1311/zen-20/">ZEN 2.0</a></strong></p>
<div><a title="ZEN 2.0" href="http://themes.wordpress.net/columns/3-columns/1311/zen-20/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes05.jpg" border="0" alt="ZEN 2.0" /><br />
</a></div>
<p><strong>6. <a title="TinyStudio" href="http://wordpress-tuto.fr/theme-wordpress-tiny-studio-320">TinyStudio</a></strong></p>
<div><a title="TinyStudio" href="http://wordpress-tuto.fr/theme-wordpress-tiny-studio-320"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes06.jpg" border="0" alt="TinyStudio" /><br />
</a></div>
<p><strong>7. <a title="Sign of the nature" href="http://topwpthemes.com/sign-of-the-nature/">Sign of the nature</a></strong></p>
<div><a title="Sign of the nature" href="http://topwpthemes.com/sign-of-the-nature/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes07.jpg" border="0" alt="Sign of the nature" /><br />
</a></div>
<p><strong>8. <a title="Freedom" href="http://board.themevibes.com/wordpress-themes/109-wordpress-theme-freedom.html">Freedom</a></strong></p>
<div><a title="Freedom" href="http://board.themevibes.com/wordpress-themes/109-wordpress-theme-freedom.html"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes08.jpg" border="0" alt="Freedom" /><br />
</a></div>
<p><strong>9. <a title="Japanese Fleur" href="http://www.toptut.com/2008/01/23/download-japanese-fleur-free-wordpress-theme/">Japanese Fleur</a></strong></p>
<div><a title="Japanese Fleur" href="http://www.toptut.com/2008/01/23/download-japanese-fleur-free-wordpress-theme/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes09.jpg" border="0" alt="Japanese Fleur" /><br />
</a></div>
<p><strong>10. <a title="Illacrimo WordPress Theme" href="http://www.lifespy.com/2007/illacrimo-theme-release/">Illacrimo WordPress Theme</a></strong></p>
<div><a title="Illacrimo WordPress Theme" href="http://www.lifespy.com/2007/illacrimo-theme-release/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes10.jpg" border="0" alt="Illacrimo WordPress Theme" /><br />
</a></div>
<p><strong>11. <a title="dilectio" href="http://wordpress-tuto.fr/theme-wordpres-dilectio-313">Dilectio</a></strong></p>
<div><a title="dilectio" href="http://wordpress-tuto.fr/theme-wordpres-dilectio-313"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes11.jpg" border="0" alt="dilectio" /><br />
</a></div>
<p><strong>12. <a title="Modern Magic" href="http://www.toptut.com/2008/01/28/modern-magic-was-nominated/">Modern Magic</a></strong></p>
<div><a title="Modern Magic" href="http://www.toptut.com/2008/01/28/modern-magic-was-nominated/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes12.jpg" border="0" alt="Modern Magic" /><br />
</a></div>
<p><strong>13. <a title="NT-BigCity" href="http://www.fresheezy.com/theme/517-NT-BigCity">NT-BigCity</a></strong></p>
<div><a title="NT-BigCity" href="http://www.fresheezy.com/theme/517-NT-BigCity"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes13.jpg" border="0" alt="NT-BigCity" /><br />
</a></div>
<p><strong>14. <a title="Fluidity" href="http://www.fresheezy.com/theme/148-Fluidity">Fluidity</a></strong></p>
<div><a title="Fluidity" href="http://www.fresheezy.com/theme/148-Fluidity"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes14.jpg" border="0" alt="Fluidity" /><br />
</a></div>
<p><strong>15. <a title="Flora Scent" href="http://www.toptut.com/2008/01/21/flora-scent-new-free-wordpress-theme-for-flower-lovers/">Flora Scent</a></strong></p>
<div><a title="Flora Scent" href="http://www.toptut.com/2008/01/21/flora-scent-new-free-wordpress-theme-for-flower-lovers/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes16.jpg" border="0" alt="Flora Scent" /><br />
</a></div>
<p><strong>16. <a title="Grid Focus" href="http://5thirtyone.com/grid-focus">Grid Focus</a></strong></p>
<div><a title="Grid Focus" href="http://5thirtyone.com/grid-focus"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes17.jpg" border="0" alt="Grid Focus" /><br />
</a></div>
<p><strong>17. <a title="Stones N’ Leaves" href="http://www.toptut.com/2008/01/22/stones-n-leaves-new-free-wordpress-theme/">Stones N’ Leaves</a></strong></p>
<div><a title="Stones N’ Leaves" href="http://www.toptut.com/2008/01/22/stones-n-leaves-new-free-wordpress-theme/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes18.jpg" border="0" alt="Stones N’ Leaves" /><br />
</a></div>
<p><strong>18. <a title="Urban Grunge" href="http://board.themevibes.com/wordpress-themes/32-wordpress-theme-urban-grunge.html">Urban Grunge</a></strong></p>
<div><a title="Urban Grunge" href="http://board.themevibes.com/wordpress-themes/32-wordpress-theme-urban-grunge.html"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes19.jpg" border="0" alt="Urban Grunge" /><br />
</a></div>
<p><strong>19. <a title="Red passion theme" href="http://www.fresheezy.com/theme/849-Red-passion-theme">Red passion theme</a></strong></p>
<div><a title="Red passion theme" href="http://www.fresheezy.com/theme/849-Red-passion-theme"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes20.jpg" border="0" alt="Red passion theme" /><br />
</a></div>
<p><strong>20. <a title="VistaLOG" href="http://www.toptut.com/2008/01/19/new-free-wordpress-theme-vistalog/">VistaLOG</a></strong></p>
<div><a title="VistaLOG" href="http://www.toptut.com/2008/01/19/new-free-wordpress-theme-vistalog/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes21.jpg" border="0" alt="VistaLOG" /><br />
</a></div>
<p><strong>21. <a title="The Morning After" href="http://themasterplan.in/themes/the-morning-after/">The Morning After</a></strong></p>
<div><a title="The Morning After" href="http://themasterplan.in/themes/the-morning-after/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes22.jpg" border="0" alt="The Morning After" /><br />
</a></div>
<p><strong>22. <a title="GreenTech" href="http://www.dailyblogtips.com/greentech-wordpress-theme-released/">GreenTech</a></strong></p>
<div><a title="GreenTech" href="http://www.dailyblogtips.com/greentech-wordpress-theme-released/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes23.jpg" border="0" alt="GreenTech" /><br />
</a></div>
<p><strong>23. <a title="Yoghourt" href="http://web-kreation.com/wp_yoghourt/?p=3">Yoghourt</a></strong></p>
<div><a title="Yoghourt" href="http://web-kreation.com/wp_yoghourt/?p=3"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes24.jpg" border="0" alt="Yoghourt" /><br />
</a></div>
<p><strong>24. <a title="Lay of the Land" href="http://www.themeporter.com/2007/05/12/lay-of-the-land-wordpress-theme/">Lay of the Land</a></strong></p>
<div><a title="Lay of the Land" href="http://www.themeporter.com/2007/05/12/lay-of-the-land-wordpress-theme/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes25.jpg" border="0" alt="Lay of the Land" /><br />
</a></div>
<p><strong>25. <a title="WP-Polaroid" href="http://www.adii.co.za/2007/10/07/wp-polaroid-download-some-adii-style/">WP-Polaroid</a></strong></p>
<div><a title="WP-Polaroid" href="http://www.adii.co.za/2007/10/07/wp-polaroid-download-some-adii-style/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes26.jpg" border="0" alt="WP-Polaroid" /><br />
</a></div>
<p><strong>26. <a title="The Hobbit" href="http://www.fresheezy.com/theme/20-The-Hobbit">The Hobbit</a></strong></p>
<div><a title="The Hobbit" href="http://www.fresheezy.com/theme/20-The-Hobbit"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes27.jpg" border="0" alt="The Hobbit" /><br />
</a></div>
<p><strong>27. <a title="Foliage" href="http://www.valentinaolini.com/wordpress_themes.htm">Foliage</a></strong></p>
<div><a title="Foliage" href="http://www.valentinaolini.com/wordpress_themes.htm"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes28.jpg" border="0" alt="Foliage" /><br />
</a></div>
<p><strong>28. <a title="Dandelion 1.3" href="http://courtneytuttle.com/seo-wordpress-themes/dewantis-dandelion-13/">Dandelion 1.3</a></strong></p>
<div><a title="Dandelion 1.3" href="http://courtneytuttle.com/seo-wordpress-themes/dewantis-dandelion-13/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes29.jpg" border="0" alt="Dandelion 1.3" /><br />
</a></div>
<p><strong>29. <a title="Pre Intensions" href="http://www.toptut.com/2008/01/20/pre-intensions-free-dark-wordpress-theme-release/">Pre Intensions</a></strong></p>
<div><a title="Pre Intensions" href="http://www.toptut.com/2008/01/20/pre-intensions-free-dark-wordpress-theme-release/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes30.jpg" border="0" alt="Pre Intensions" /><br />
</a></div>
<p><strong>30. <a title="Purple Theme" href="http://www.valentinaolini.com/wordpress_themes.htm">Purple Theme</a></strong></p>
<div><a title="Purple Theme" href="http://www.valentinaolini.com/wordpress_themes.htm"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes31.jpg" border="0" alt="Purple Theme" /><br />
</a></div>
<p><strong>31. <a title="Punkred" href="http://topwpthemes.com/punkred-wordpress-theme/">Punkred</a></strong></p>
<div><a title="Punkred" href="http://topwpthemes.com/punkred-wordpress-theme/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes32.jpg" border="0" alt="Punkred" /><br />
</a></div>
<p><strong>32. <a title="iTheme" href="http://wordpress-tuto.fr/theme-itheme-ajax-75">iTheme</a></strong></p>
<div><a title="iTheme" href="http://wordpress-tuto.fr/theme-itheme-ajax-75"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes33.jpg" border="0" alt="iTheme" /><br />
</a></div>
<p><strong>33. <a title="WPTP-Chocolate" href="http://wpthemesplugin.com/wptp-chocolate-3-column-widget-ready-theme/">WPTP-Chocolate</a></strong></p>
<div><a title="WPTP-Chocolate" href="http://wpthemesplugin.com/wptp-chocolate-3-column-widget-ready-theme/"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes34.jpg" border="0" alt="WPTP-Chocolate" /><br />
</a></div>
<p><strong>34. <a title="Vertigo" href="http://www.briangardner.com/themes/vertigo-wordpress-theme.htm">Vertigo</a></strong></p>
<div><a title="Vertigo" href="http://www.briangardner.com/themes/vertigo-wordpress-theme.htm"><br />
<img src="http://www.designwalker.com/img/wordpress_themes/wordpress_themes35.jpg" border="0" alt="Vertigo" /><br />
</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/01/wordpress-themes.html/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/01/wordpress-themes.html" />
	</item>
		<item>
		<title>ウェブデザイン・ギャラリーサイトまとめ</title>
		<link>http://www.designwalker.com/2008/01/webdesign-gallery.html</link>
		<comments>http://www.designwalker.com/2008/01/webdesign-gallery.html#comments</comments>
		<pubDate>Sat, 05 Jan 2008 21:15:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インスピレーション]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[ギャラリー]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/01/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%bb%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e3%82%b5%e3%82%a4%e3%83%88%e3%81%be%e3%81%a8%e3%82%81.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%2F2008%2F01%2Fwebdesign-gallery.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F01%2Fwebdesign-gallery.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>きれいなウェブデザインは見ているだけでも楽しくなりますね。</p>
<p>そんなきれいなデザインを集めたギャラリー系のサイトが充実してますね。</p>
<p>色使いや、レイアウト、サイトの構成などなど、いろいろと参考になります。</p>
<p>本日は、そんなギャラリー系のサイトをまとめてみました。</p>
<p><strong>1. <a title="CSS Beauty" href="http://www.cssbeauty.com/gallery/">CSS Beauty</a></strong></p>
<div><a title="CSS Beauty" href="http://www.cssbeauty.com/gallery/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery01.jpg" border="0" alt="CSS Beauty" /><br />
</a></div>
<p><strong>2. <a title="Best Web Gallery" href="http://bestwebgallery.com/">Best Web Gallery</a></strong></p>
<div><a title="Best Web Gallery" href="http://bestwebgallery.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery02.jpg" border="0" alt="Best Web Gallery" /><br />
</a></div>
<p><strong>3. <a title="CSS Mania" href="http://cssmania.com/">CSS Mania</a></strong></p>
<div><a title="CSS Mania" href="http://cssmania.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery03.jpg" border="0" alt="CSS Mania" /><br />
</a></div>
<p><strong>4. <a title="CSS Remix" href="http://www.cssremix.com/">CSS Remix</a></strong></p>
<div><a title="CSS Remix" href="http://www.cssremix.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery04.jpg" border="0" alt="CSS Remix" /><br />
</a></div>
<p><strong>5. <a title="CSS Heroes" href="http://www.cssheroes.com/">CSS Heroes</a></strong></p>
<div><a title="CSS Heroes" href="http://www.cssheroes.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery05.jpg" border="0" alt="CSS Heroes" /><br />
</a></div>
<p><strong>6. <a title="unmatched style" href="http://www.unmatchedstyle.com/gallery/">unmatched style</a></strong></p>
<div><a title="unmatched style" href="http://www.unmatchedstyle.com/gallery/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery06.jpg" border="0" alt="unmatched style" /><br />
</a></div>
<p><strong>7. <a title="The FWA: Favourite Website Awards" href="http://www.thefwa.com/">The FWA: Favourite Website Awards</a></strong></p>
<div><a title="The FWA: Favourite Website Awards" href="http://www.thefwa.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery07.jpg" border="0" alt="The FWA: Favourite Website Awards" /><br />
</a></div>
<p><strong>8. <a title="Stylegala" href="http://www.stylegala.com/archive/">Stylegala</a></strong></p>
<div><a title="Stylegala" href="http://www.stylegala.com/archive/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery08.jpg" border="0" alt="Stylegala" /><br />
</a></div>
<p><strong>9. <a title="Most Inspired" href="http://www.mostinspired.com/">Most Inspired</a></strong></p>
<div><a title="Most Inspired" href="http://www.mostinspired.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery09.jpg" border="0" alt="Most Inspired" /><br />
</a></div>
<p><strong>10. <a title="CSS Reboot" href="http://www.cssreboot.com/">CSS Reboot</a></strong></p>
<div><a title="CSS Reboot" href="http://www.cssreboot.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery10.jpg" border="0" alt="CSS Reboot" /><br />
</a></div>
<p><strong>11. <a title="CSS HEAVEN" href="http://www.cssheaven.com/">CSS HEAVEN</a></strong></p>
<div><a title="CSS HEAVEN" href="http://www.cssheaven.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery11.jpg" border="0" alt="CSS HEAVEN" /><br />
</a></div>
<p><strong>12. <a title="CSS Vault" href="http://cssvault.com/">CSS Vault</a></strong></p>
<div><a title="CSS Vault" href="http://cssvault.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery12.jpg" border="0" alt="CSS Vault" /><br />
</a></div>
<p><strong>13. <a title="csstux" href="http://www.csstux.com/">csstux</a></strong></p>
<div><a title="csstux" href="http://www.csstux.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery13.jpg" border="0" alt="csstux" /><br />
</a></div>
<p><strong>14. <a title="CSSElite" href="http://www.csselite.com/">CSSElite</a></strong></p>
<div><a title="CSSElite" href="http://www.csselite.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery14.jpg" border="0" alt="CSSElite" /><br />
</a></div>
<p><strong>15. <a title="CSS Drive" href="http://www.cssdrive.com/">CSS Drive</a></strong></p>
<div><a title="CSS Drive" href="http://www.cssdrive.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery15.jpg" border="0" alt="CSS Drive" /><br />
</a></div>
<p><strong>16. <a title="Design Shack" href="http://www.designshack.co.uk">Design Shack</a></strong></p>
<div><a title="Design Shack" href="http://www.designshack.co.uk"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery16.jpg" border="0" alt="Design Shack" /><br />
</a></div>
<p><strong>17. <a title="FAVEUP" href="http://faveup.com/">FAVEUP</a></strong></p>
<div><a title="FAVEUP" href="http://faveup.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery17.jpg" border="0" alt="FAVEUP" /><br />
</a></div>
<p><strong>18. <a title="CSS Bloom" href="http://www.cssbloom.com/">CSS Bloom</a></strong></p>
<div><a title="CSS Bloom" href="http://www.cssbloom.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery18.jpg" border="0" alt="CSS Bloom" /><br />
</a></div>
<p><strong>19. <a title="Open Source Web Design" href="http://www.oswd.org/">Open Source Web Design</a></strong></p>
<div><a title="Open Source Web Design" href="http://www.oswd.org/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery19.jpg" border="0" alt="Open Source Web Design" /><br />
</a></div>
<p><strong>20. <a title="CSS Galleries" href="http://css-galleries.com/">CSS Galleries</a></strong></p>
<div><a title="CSS Galleries" href="http://css-galleries.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery20.jpg" border="0" alt="CSS Galleries" /><br />
</a></div>
<p><strong>21. <a title="Design Meltdown" href="http://www.designmeltdown.com/">Design Meltdown</a></strong></p>
<div><a title="Design Meltdown" href="http://www.designmeltdown.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery21.jpg" border="0" alt="Design Meltdown" /><br />
</a></div>
<p><strong>22. <a title="Web Creme" href="http://www.webcreme.com/">Web Creme</a></strong></p>
<div><a title="Web Creme" href="http://www.webcreme.com/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery22.jpg" border="0" alt="Web Creme" /><br />
</a></div>
<p><strong>23. <a title="Web Design Inspiration - a photoset on Flickr" href="http://www.flickr.com/photos/splat/sets/981332/">Web Design Inspiration &#8211; a photoset on Flickr</a></strong></p>
<div><a title="Web Design Inspiration - a photoset on Flickr" href="http://www.flickr.com/photos/splat/sets/981332/"><br />
<img src="http://www.designwalker.com/img/webdesign_gallery/webdesign_gallery23.jpg" border="0" alt="Web Design Inspiration - a photoset on Flickr" /><br />
</a></div>
<p>デザインの参考にどうぞ～。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/01/webdesign-gallery.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/01/webdesign-gallery.html" />
	</item>
		<item>
		<title>ラインをデザインに取り入れられている15サイト</title>
		<link>http://www.designwalker.com/2007/03/line-design.html</link>
		<comments>http://www.designwalker.com/2007/03/line-design.html#comments</comments>
		<pubDate>Wed, 21 Mar 2007 17:31:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インスピレーション]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[ウェブデザイン]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/03/%e3%83%a9%e3%82%a4%e3%83%b3%e3%82%92%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%82%89%e3%82%8c%e3%81%a6%e3%81%84%e3%82%8b15%e3%82%b5%e3%82%a4%e3%83%88.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%2F03%2Fline-design.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F03%2Fline-design.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>最近、きれいなラインをデザインにうまく取り入れられているサイトが個人的に気になってます。。</p>
<p>例えば、細いボーダーライン、ストライプなんかを背景に使ってみたり、セクションをうまくラインで区切られていたり・・・</p>
<p>ラインをうまく取り入れれば、サイトの雰囲気もよくなりますねぇ。。。いろんな色を試してみたり、ラインの太さを変えて遊んでみたり･･･ラインが太くなればなるほど、ポップな感じになりますね。</p>
<p>っちゅうわけで、本日は、ラインをうまく取り入れられているサイトのまとめっす。</p>
<p>
<strong>セクションごとにラインを使った例</strong>&nbsp;（最近こんな感じのデザイン増えましたね。。。個人的に大好きです。。）</p>
<p><strong>1. <a href="http://www.verdurethought.com/" title="Verdure Thought" target="_blank">Verdure Thought</a></strong></p>
<div align="center">
<a href="http://www.verdurethought.com/" target="_blank" title="Verdure Thought"><img src="http://www.designwalker.com/img/line_design/line_design01.jpg" alt="Verdure Thought" border="0" /></a></div>
<p><strong>2. <a href="http://springloops.com/" target="_blank" title="Springloops">Springloops</a></strong></p>
<div align="center">
<a href="http://springloops.com/" target="_blank" title="Springloops"><img src="http://www.designwalker.com/img/line_design/line_design02.jpg" alt="Springloops" border="0" /></a></div>
<p><strong>3. <a href="http://sparkfusion.net/" title="Sparkfusion" target="_blank">Sparkfusion</a></strong></p>
<div align="center"><a href="http://sparkfusion.net/" title="Sparkfusion" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design03.jpg" alt="Sparkfusion" border="0" /></a></div>
<p><strong>4. <a href="http://whoisjengordon.com/" title="Jen Gordon" target="_blank">Jen Gordon</a></strong></p>
<div align="center"><a href="http://whoisjengordon.com/" title="Jen Gordon" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design04.jpg" alt="Jen Gordon" border="0" /></a></div>
<p><strong>5. <a href="http://aloestudios.com/" title="Aloe Studios" target="_blank">Aloe Studios</a></strong></p>
<div align="center">
<a href="http://aloestudios.com/" title="Aloe Studios" target="_blank"><br />
<img src="http://www.designwalker.com/img/line_design/line_design05.jpg" alt="Aloe Studios" border="0" /><br />
</a>
</div>
<p><strong>6. <a href="http://notiam.com/" title="notiam" target="_blank">notiam</a></strong></p>
<div align="center"><a href="http://notiam.com/" title="notiam" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design06.jpg" alt="notiam" border="0" /></a></div>
<p>
<strong>背景に使われている例</strong>&nbsp;（大胆にいったり、うっすらいったり、いろいろ使えそう。）</p>
<p><strong>7. <a href="http://portfolio.grillo.tk/" title="Marcelo 'Grillo' Wolfgang" target="_blank">Marcelo &#8216;Grillo&#8217; Wolfgang</a></strong></p>
<div align="center">
<a href="http://portfolio.grillo.tk/" title="Marcelo 'Grillo' Wolfgang" target="_blank"><br />
<img src="http://www.designwalker.com/img/line_design/line_design07.jpg" alt="notiam" border="0" /><br />
</a>
</div>
<p><strong>8. <a href="http://www.johannahallin.se/" title="Johanna Hallin" target="_blank">Johanna Hallin</a></strong></p>
<div align="center"><a href="http://www.johannahallin.se/" title="Johanna Hallin" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design08.jpg" alt="Johanna Hallin" border="0" /></a></div>
<p><strong>9. <a href="http://www.reticula.fr/" title="reticula" target="_blank">reticula</a></strong></p>
<div align="center"><a href="http://www.reticula.fr/" title="reticula" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design09.jpg" alt="reticula" border="0" /></a></div>
<p><strong>10. <a href="http://www.creativemix.net/" title="Creativemix" target="_blank">Creativemix</a></strong></p>
<div align="center">
<a href="http://www.creativemix.net/" title="Creativemix" target="_blank"><br />
<img src="http://www.designwalker.com/img/line_design/line_design10.jpg" alt="Creativemix" border="0" /><br />
</a>
</div>
<p>
<strong>メニューにラインを使った例</strong>&nbsp;（視覚効果は絶大ですね。。）</p>
<p><strong>11. <a href="http://www.e-motionlab.com/" title="E-motion Lab" target="_blank">E-motion Lab</a></strong></p>
<div align="center"><a href="http://www.e-motionlab.com/" title="E-motion Lab" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design11.jpg" alt="Creativemix" border="0" /></a></div>
<p><strong>12. <a href="http://ewebscapes.com/" title="E.Webscapes Blog Design Studio" target="_blank">E.Webscapes Blog Design Studio</a></strong></p>
<div align="center"><a href="http://ewebscapes.com/" title="E.Webscapes Blog Design Studio" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design12.jpg" alt="E.Webscapes Blog Design Studio" border="0" /></a></div>
<p>
<strong>ヘッダーにラインを使った例</strong>&nbsp;（縦にも、横にも、斜めにも使えそう。）</p>
<p><strong>13. <a href="http://www.tinendo.de/" title="Ti&ntilde;endo Studio" target="_blank">Ti&ntilde;endo Studio</a></strong></p>
<div align="center"><a href="http://www.tinendo.de/" title="Ti&ntilde;endo Studio" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design13.jpg" alt="Ti&ntilde;endo Studio" border="0" /></a></div>
<p><strong>14. <a href="http://www.tim-adler.com/" title="tim-adler" target="_blank">tim-adler</a></strong></p>
<div align="center"><a href="http://www.tim-adler.com/" title="tim-adler" target="_blank"><img src="http://www.designwalker.com/img/line_design/line_design14.jpg" alt="tim-adler" border="0" /></a></div>
<p><strong>15. <a href="http://webgallery.dimix.it/" title="A Pubblication of dimix" target="_blank">A Pubblication of dimix</a></strong></p>
<div align="center">
<a href="http://webgallery.dimix.it/" title="A Pubblication of dimix" target="_blank"><br />
<img src="http://www.designwalker.com/img/line_design/line_design15.jpg" alt="tim-adler" border="0" /><br />
</a>
</div>
<p>
どのサイトも、うまくラインをデザインに取り入れられていますねぇ。。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/03/line-design.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/03/line-design.html" />
	</item>
	</channel>
</rss>

