<?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/"
	>

<channel>
	<title>Commit Lab &#187; Design</title>
	<atom:link href="http://commitlab.com/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://commitlab.com</link>
	<description>ちょっとだけwebデザインやサイト制作について考えてみた。</description>
	<lastBuildDate>Sat, 20 Aug 2011 12:40:01 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>クリエイティブな名刺250のまとめ</title>
		<link>http://commitlab.com/20090606/bizcards.html</link>
		<comments>http://commitlab.com/20090606/bizcards.html#comments</comments>
		<pubDate>Sat, 06 Jun 2009 05:11:17 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=479</guid>
		<description><![CDATA[僕も一応社会人なので名刺を使う機会はそこそこあるのですが、最近は社外の講習やイベントに参加する機会が増えてきて、会社など関係なくデザイナー又は個人としての名刺が欲しいなと思う場面も増えてきました。 特にオフ会的なノリや趣 [...]]]></description>
			<content:encoded><![CDATA[<p>僕も一応社会人なので名刺を使う機会はそこそこあるのですが、最近は社外の講習やイベントに参加する機会が増えてきて、会社など関係なくデザイナー又は個人としての名刺が欲しいなと思う場面も増えてきました。</p>
<p>特にオフ会的なノリや趣味の繋がりの場の場合では、自己紹介がてらに名刺のような物があった方が都合が良いのですが、会社の名刺はちょっといやらしいかなと思ったりして結局渡せなかったり。逆に自営業やフリーの人は業務の名刺をガンガン出すべきとは思いますけどね。</p>
<p>そんなわけで、いつか自分の名刺を作る日の為に参考になりそうなサイトを集めてみました。クオリティが高すぎて名刺とは思えないものばかりです。</p>
<p>やはりデザイン関連の仕事をしている以上、相手方に渡したときにインパクトを与えられる遊び心のある名刺を持ちたいなと思います。皆さんも名刺を作るときには参考にされてはいかがでしょうか。</p>
<p><span style="margin-top:30px; display:block;">2009年4月のクリエイティブな名刺30<span><br />
<img class="alignleft size-full wp-image-482" src="http://commitlab.com/cmswp/wp-content/uploads/2009/06/30apl.jpg" alt="" width="450" height="208" /><br />
<a href="http://blogof.francescomugnai.com/2009/05/30-new-business-cards-best-of-april-2009/" >30 new business cards &#8211; Best of april 2009 &#8211; FrancescoMugnai.com</a></p>
<p><span style="margin-top:30px; display:block;">2009年5月のクリエイティブな名刺25<span><br />
<a href="http://blogof.francescomugnai.com/2009/05/25-new-business-cards-best-of-may-2009/"><img  src="http://commitlab.com/cmswp/wp-content/uploads/2009/06/25may.jpg" alt="" width="450" height="208" /></a><br />
<a href="http://blogof.francescomugnai.com/2009/05/25-new-business-cards-best-of-may-2009/">25 new business cards &#8211; Best of may 2009 &#8211; FrancescoMugnai.com</a></p>
<p><span style="margin-top:30px; display:block;">大胆な色使いの名刺15<span><br />
<img class="alignnone size-full wp-image-480" title="15boldy" src="http://commitlab.com/cmswp/wp-content/uploads/2009/06/15boldy.jpg" alt="15boldy" width="450" height="208" /><br />
<a href="http://webdesignledger.com/inspiration/15-boldly-colored-business-cards" >15 Boldly Colored Business Cards | Web Design Ledger</a></p>
<p><span style="margin-top:30px; display:block;">50人のグラフィックデザイナーの名刺<span><br />
<img class="alignnone size-full wp-image-483" title="50-creative-business-ccubicley06061106" src="http://commitlab.com/cmswp/wp-content/uploads/2009/06/50-creative-business-ccubicley06061106.jpg" alt="50-creative-business-ccubicley06061106" width="450" height="208" /><br />
<a href="http://www.thedesigncubicle.com/2009/04/50-creative-business-cards-of-50-graphic-designers/" >50 Creative Business Cards of 50 Graphic Designers | The Design Cubicle</a></p>
<p><span style="margin-top:30px; display:block;">60+の美しくクリエイティブな名刺のデザイン<span><br />
<img class="alignnone size-full wp-image-484" title="60mostbizcards" src="http://commitlab.com/cmswp/wp-content/uploads/2009/06/60mostbizcards.jpg" alt="60mostbizcards" width="450" height="208" /><br />
<a href="http://naldzgraphics.net/inspiration/60-most-beautiful-and-creative-business-cards-design/" >60+ Most Beautiful and Creative Business Cards Design | Naldz Graphics</a></p>
<p><span style="margin-top:30px; display:block;">クリエイティブな名刺100<span><br />
<img class="alignnone size-full wp-image-485" title="100bizcards" src="http://commitlab.com/cmswp/wp-content/uploads/2009/06/100bizcards.jpg" alt="100bizcards" width="450" height="208" /><br />
<a href="http://www.webdesignerdepot.com/2009/05/100-really-creative-business-cards/" >100 (Really) Creative Business Cards | Webdesigner Depot</a></p>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20090606/bizcards.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PSDで配布中のプロダクトやアイコン等のまとめが凄い</title>
		<link>http://commitlab.com/20090529/photoshop.html</link>
		<comments>http://commitlab.com/20090529/photoshop.html#comments</comments>
		<pubDate>Fri, 29 May 2009 03:08:06 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=472</guid>
		<description><![CDATA[興奮したので取り急ぎ紹介。 InstantShiftが最新記事で、Photoshopで作ったゲーム機・車・Blackberry・iPhone等のPSDファイルをまとめを公開してます。その数110個。まとめた作業も凄いです [...]]]></description>
			<content:encoded><![CDATA[<p>興奮したので取り急ぎ紹介。<br />
<a href="http://www.instantshift.com/">InstantShift</a>が最新記事で、Photoshopで作ったゲーム機・車・Blackberry・iPhone等のPSDファイルをまとめを公開してます。その数110個。まとめた作業も凄いですが、各々のクオリティもとても高いです。<br />
以前に僕もphotoshopで作ったiPodのPSDファイルを公開したのですが、レベルの差がありすぎて赤面しちゃいそうです。</p>
<p>その一部抜粋です。</p>
<p><img class="size-full wp-image-473" title="xbox360" src="http://commitlab.com/cmswp/wp-content/uploads/2009/05/xbox0.jpg" alt="xbox360" width="450" height="150" /><br />
xbox360</p>
<p><img class="size-full wp-image-474" title="imac" src="http://commitlab.com/cmswp/wp-content/uploads/2009/05/imac.jpg" alt="imac" width="450" height="150" /><br />
iMac</p>
<p><img class="size-full wp-image-475" title="iphone_3g" src="http://commitlab.com/cmswp/wp-content/uploads/2009/05/iphone_3g.jpg" alt="iphone_3g" width="450" height="150" /><br />
iPhone-3G</p>
<p>抜粋元<br />
<a href="http://www.instantshift.com/2009/05/29/110-ultimate-round-up-of-free-photoshop-psd-files-and-resources/">110 Ultimate Round-Up of Free Photoshop PSD Files and Resources | Showcases | instantShift</a></p>
<p>どれも写真かと思うほどの出来栄えです。僕も彼らに少しでも近づけるように彼らのPSDファイルで勉強しようと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20090529/photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>実例だから使える「ウェブデザイン見本帳」</title>
		<link>http://commitlab.com/20090410/webdesignbook.html</link>
		<comments>http://commitlab.com/20090410/webdesignbook.html#comments</comments>
		<pubDate>Fri, 10 Apr 2009 13:06:30 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=386</guid>
		<description><![CDATA[webサイトを作るときに、クライアントや制作以外のスタッフの「こんなデザインが欲しい」という期待や要望と、デザイナーの「こういうデザインが良いだろう」という考えをお互いに認識し共有すのはとても大切です。 それが満足に出来 [...]]]></description>
			<content:encoded><![CDATA[<p>webサイトを作るときに、クライアントや制作以外のスタッフの「こんなデザインが欲しい」という期待や要望と、デザイナーの「こういうデザインが良いだろう」という考えをお互いに認識し共有すのはとても大切です。</p>
<p>それが満足に出来ていない場合は、打ち合わせが終わってカンプを作っても、相手は出来上がったカンプを見て初めて「自分の理想との間違い探し」をはじめるので、必然的にデザインの修正変更が増えてしまいます。</p>
<p>そういうお客様、または社内の人間との打ち合わせに役に立つのが、<a href="http://www.amazon.co.jp/gp/product/4844360167?ie=UTF8&amp;tag=commitlab-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4844360167">ウェブデザイン見本帳</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.jp/e/ir?t=commitlab-22&amp;l=as2&amp;o=9&amp;a=4844360167" border="0" alt="" width="1" height="1" />です。</p>
<p>ウェブデザイン見本帳の目次は６つあり、part2からpart6までは「たくさんの要素でにぎやかなページ」「余白を使って心地よいページ」など約110個以上のテーマに別れています。 基本的に実例とその解説が中心ですが、細分化したテーマでも複数の例を載せてくれるが素敵です。</p>
<p><img class="aligncenter size-full wp-image-395" title="ページの例" src="http://commitlab.com/cmswp/wp-content/uploads/2009/04/rimg0572.jpg" alt="ページの例" width="300" height="222" /></p>
<p>この本が優れているのは、よくある「カッコいいけど例が英語のサイト集」や「主にデザイン学習用に作った存在しないサイト集」の本とは違って、実際に存在する日本企業のwebサイトだけを収録しているので、相手に対して説得力があるというところです。</p>
<p>ネットで取り上げられているカッコいいサイトでも、中小企業のコーポレートサイトで直接参考になるのはそう多くありません。 それはクリエイティブなサイトと中小企業のサイトでは求められるものが違うからです。</p>
<p>またデザインの決定権を持つのが、どちらかと言うとネットやデザインに疎い人である場合が多いので全体的に新しい見せ方は敬遠される事が多いです。</p>
<p>なので実用的なデザインが必要な場合は、実際に存在する日本語のwebサイトを集めたこの本は役に立ちます。</p>
<p>もちろん本来はwebデザインを学ぶための本なので、純粋に勉強用に買うのもオススメです。僕はそのつもりで購入しました。この本は純粋なwebデザインについての本なので、ソース等はありません。そこは実際に見に行った方が早いですしね。</p>
<p>webデザインを勉強したい方や、デザインの修正変更の多さに困ってる方は打ち合わせに使ってみてはいかがでしょうか。</p>
<div class="tmkm-amazon-view">
	<p><a href="http://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E8%A6%8B%E6%9C%AC%E5%B8%B3-%E5%AE%9F%E4%BE%8B%E3%81%A7%E5%AD%A6%E3%81%B6Web%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E5%9F%BA%E7%A4%8E-%E3%82%AA%E3%83%96%E3%82%B9%E3%82%AD%E3%83%A5%E3%82%A2%E3%82%A4%E3%83%B3%E3%82%AF/dp/4844360167%3FSubscriptionId%3DAKIAIQHUTMZNPVGPFQ7A%26tag%3Dcommitlab-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4844360167"><img src="http://ecx.images-amazon.com/images/I/41gkfr25XWL._SL160_.jpg" border="0" alt="" /></a></p>
	<p><a href="http://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E8%A6%8B%E6%9C%AC%E5%B8%B3-%E5%AE%9F%E4%BE%8B%E3%81%A7%E5%AD%A6%E3%81%B6Web%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E5%9F%BA%E7%A4%8E-%E3%82%AA%E3%83%96%E3%82%B9%E3%82%AD%E3%83%A5%E3%82%A2%E3%82%A4%E3%83%B3%E3%82%AF/dp/4844360167%3FSubscriptionId%3DAKIAIQHUTMZNPVGPFQ7A%26tag%3Dcommitlab-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4844360167">ウェブデザイン見本帳 実例で学ぶWebのためのレイアウト基礎</a></p>
	<p><em>著者／訳者：</em>オブスキュアインク</p>
	<p><em>出版社：</em>MdN( 2008-11-21 )</p>
	<p><em>定価：</em>￥ 2,625</p>
	<p><em>Amazon価格：</em>￥ 2,625</p>
	<p>大型本 ( 160 ページ )</p>
	<p>ISBN-10 : 4844360167</p>
	<p>ISBN-13 : 9784844360162</p>
<hr class="tmkm-amazon-clear" /></div>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20090410/webdesignbook.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ロゴ制作の参考になるサイト</title>
		<link>http://commitlab.com/20090410/logodesign.html</link>
		<comments>http://commitlab.com/20090410/logodesign.html#comments</comments>
		<pubDate>Fri, 10 Apr 2009 11:25:44 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=377</guid>
		<description><![CDATA[現在サイトテーマを作り直すにあたり、サイト名のロゴを作っています。ロゴを作る機会があまり無いので、書いては消して書いては消してを繰り返してます。 そんな自分の為に、ブックマークから最近のロゴ関連のものを引っ張り出してみま [...]]]></description>
			<content:encoded><![CDATA[<p>現在サイトテーマを作り直すにあたり、サイト名のロゴを作っています。ロゴを作る機会があまり無いので、書いては消して書いては消してを繰り返してます。</p>
<p>そんな自分の為に、ブックマークから最近のロゴ関連のものを引っ張り出してみました。</p>
<p><a title="Beautiful And Creative Logo Designs For Your Inspiration" rel="bookmark" href="http://www.smashingmagazine.com/2009/04/09/beautiful-and-creative-logo-designs-for-your-inspiration/">SMASHING-Beautiful And Creative Logo Designs For Your Inspiration</a><br />
美しくてクリエイティブな40個のロゴが掲載されてます。</p>
<p><a title="Drawing Inspiration From Creative Logos" rel="bookmark" href="http://www.smashingmagazine.com/2009/04/01/drawing-inspiration-from-creative-logos/">SMASHING-Drawing Inspiration From Creative Logos</a><br />
こちらも同じくSMASHINGから。48個のロゴが掲載されてます。</p>
<p><a style="cursor: pointer;" title="Logo Design Trends 2009 - Showcase" href="http://www.1stwebdesigner.com/inspiration/logo-design-trends-2009/">1stwebdesigner-Logo Design Trends 2009 &#8211; Showcase</a><br />
2009年のロゴデザインのトレンド。54個</p>
<p><a title="30 Dual Element Logos, Do You See Them All?" rel="bookmark" href="http://www.fuelyourcreativity.com/30-dual-element-logos-do-you-see-them-all/">30 Dual Element Logos, Do You See Them All?</a><br />
二つの要素を持つロゴ30個。</p>
<p><a rel="bookmark" href="http://speckyboy.com/2008/12/18/the-top-30-photoshop-text-effects-tutorials-of-2008-which-is-the-best/">The Top 30 Photoshop Text Effects Tutorials of 2008 &#8211; Which is the Best?</a><br />
2008年のPhotoshopチュートリアルベスト30。チュートリアル系ですが参考になります。</p>
<p><a title="40 plus Colorful logos" href="http://www.kreativegarden.com/2008/12/01/40-plus-colorful-logos/">40 plus Colorful logos</a><br />
カラフルなロゴがいっぱい。</p>
<p><a href="http://abduzeedo.com/23-inspiring-blue-logos">23 Inspiring Blue Logos</a><br />
青系のロゴが23個。</p>
<p><a href="http://logopond.com/">LogoPond</a><br />
ロゴを投稿して評価するサイト。量が半端ないです。</p>
<p><a href="http://logooftheday.com/">Logo Of  The Day</a><br />
日替わりでロゴを紹介してくれます。RSSリーダーに入れてると毎日楽しみです。</p>
<p><a href="http://logofaves.com/">LogoFaves</a><br />
ロゴを評価するサイト。いっぱいあります。</p>
<p><a title="Permanent Link to 54 Kick Ass Creative Logos Hand-Picked from Logofaves" rel="bookmark" href="http://dzineblog.com/2009/01/54-kick-ass-creative-logos.html">54 Kick Ass Creative Logos Hand-Picked from Logofaves</a><br />
上のLogoFavesからチョイスした54個のクリエイティブなロゴ。</p>
<p><a href="http://www.logofi.com/">LOGOFI</a><br />
ロゴの投稿サイト。参考になりそうなのが沢山。</p>
<p><a href="http://www.chillink.com/">http://www.chillink.com/</a><br />
ロゴの販売サイト。見ることは出来るので参考になる。</p>
<p>よーし、なんかこれだけで自分のロゴを作ったような気がしてきた。<br />
ロゴ作りは明日やろう・・・</p>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20090410/logodesign.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

