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

<channel>
	<title>DesignDevelop</title>
	<atom:link href="http://design-develop.net/feed" rel="self" type="application/rss+xml" />
	<link>http://design-develop.net</link>
	<description>デザインを開発すると言う視点でお伝えするクリエイティブBLOG</description>
	<pubDate>Sun, 07 Sep 2008 12:51:03 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>ja</language>
			<item>
		<title>可愛らしいフリーアイコンセット集「26 Free Icon Sets We Love」</title>
		<link>http://design-develop.net/web-design/26-free-icon-sets-we-love.html</link>
		<comments>http://design-develop.net/web-design/26-free-icon-sets-we-love.html#comments</comments>
		<pubDate>Sun, 07 Sep 2008 12:47:46 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[WEBデザイン]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1180</guid>
		<description><![CDATA[いままで様々なアイコンセットを紹介してきましたが、今日紹介するのは可愛いと言う事に注目してまとめられたアイコンセット特集「26 Free Icon Sets We Love」です。キャラクタ−物から、丸々したものなど可愛らしいアイコンセットが集められています。

Stinky9&#8217;s deviantART Gallery
全部で26種類のアイコンセットが紹介されていますが、今日は特に気になったものをいくつか紹介したいと思います。
詳しくは以下

■ Icons By: Deleket

クオリティが高くカラフルで立体感のある丸みを帯びたアイコンセット。様々な種類があります。
　
　
　
■Yoritsuki

かなり有名なアイコンセット。和の素材のアイコンセットです。ディフォルメ感が良いですね。
　
　
　
■Sticker Pack

PCのアイコンをステッカーにしたアイコンセット。
　
上記の他にもキャラクターを前面に押し出したもの、ゲーム関連のものなど様々なアイコンセットが公開されていました。可愛目のアイコンセットを探していると言う方は是非見てみてください。ダウンロードはフリーでできますが、まとめサイトになりますので、詳しいライセンスは配布元をご確認ください。
26 Free Icon Sets We Love
]]></description>
		<wfw:commentRss>http://design-develop.net/web-design/26-free-icon-sets-we-love.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>250個の水彩やスプレーのphotoshopブラシをダウンロードできる「250 Splatter Spray &#038; Watercolor Photoshop Brushes」</title>
		<link>http://design-develop.net/design/250-splatter-spray-watercolor-photoshop-brushes.html</link>
		<comments>http://design-develop.net/design/250-splatter-spray-watercolor-photoshop-brushes.html#comments</comments>
		<pubDate>Sat, 06 Sep 2008 08:40:27 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1172</guid>
		<description><![CDATA[前回「200以上の水彩画風テクスチャ集&#38;ブラシ集「Watercolor Roundup: 200+ 」」と言う記事水彩風ブラシのまとめエントリーを紹介しましたが今日紹介する「250 Hi Res Splatter Spray &#038; Watercolor Photoshop Brushes」も水彩ブラシを集めたエントリーです。前回もかなりの数でしたが、今回はなんと250の水彩風ブラシ、スプレーブラシが紹介されています。

「250 Hi Res Splatter, Spray, &#038; Watercolor Photoshop Brushes」では数多くのブラシセットが紹介されていますが、今日はいくつか気になったブラシセットを紹介したいと思います。
詳しくは以下

■Photoshop Stroke Brushes - Download Page &#124; Qbrushes - Photoshop Brushes

書き殴ったようなブラシストロークが再現できるブラシセット
　
　
　
■Free Hi-Res Splatter Photoshop Brushes &#124; BittBox

インクをまき散らかしたかのような表現ができます。勢いがあるブラシセット。
　
　
　
■SimpleSmudges .1. Brushes Pack - Free Photoshop Brushes at Brusheezy!

少し質感のあるブラシセット。他の物に比べるとかわいらしい上限ができそうです。
　
　
アナログ感が出せるブラシセット。デザインの幅が広がりそうです。基本的にすべて無料でダウンロードできるようになっていますが、使用ライセンスなど詳細ははまとめエントリーなので、配布元でご確認ください。
250 Hi Res Splatter, Spray, &#38; Watercolor Photoshop Brushes &#124; Tutorial9 [...]]]></description>
		<wfw:commentRss>http://design-develop.net/design/250-splatter-spray-watercolor-photoshop-brushes.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>スクロールと連動して同期するナビゲーションjavaScriptライブラリ「wrapScroll」</title>
		<link>http://design-develop.net/web-design/wrapscroll.html</link>
		<comments>http://design-develop.net/web-design/wrapscroll.html#comments</comments>
		<pubDate>Fri, 05 Sep 2008 02:44:26 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[WEBデザイン]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1167</guid>
		<description><![CDATA[ブログを運営していると、テンプレートにもよりますが、記事の部分が積み重なっていってしまい。ナビゲーションが見えるのは冒頭の部分だけそんな状況になりがちです。今日紹介するjavaScriptライブラリ「wrapScroll version 0.9.6」はブラウザのスクロールと同期するナビゲーションを実装するためのライブラリです。

実装方法は簡単です。現在配布されているjavascriptライブラリはprototype.js、mootools.js、jQueryなどのフレームワークに影響されないとのことなので、導入しやすいかと思います。動作サンプルは以下からご覧ください。
詳しくは以下

■右ナビゲーション
2カラムレイアウト　右ナビゲーションが移動
　
■3カラムレイアウト
3カラムレイアウト　サイドのナビゲーションが移動
■オーバーレイ
独立した2つのナビゲーションレイヤーの移動
　
■リレーション配置
配置オプションを利用した、移動範囲の指定方法
　
■スタート位置の変更
スタイルシートで開始位置を指定
　
　
javascriptライブラリのダウンロードは「wrapScroll JavaScript Library - youmos」から、その他リファレンスや実装の手順なども詳しく記載されています。上手く使えばインターフェイス面での問題をいくつか解決できるかと思います。
wrapScroll JavaScript Library - youmos
]]></description>
		<wfw:commentRss>http://design-develop.net/web-design/wrapscroll.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>フリーで使えるphotoshopカモフラージュスタイル「Free Styles for Photoshop - Camo」</title>
		<link>http://design-develop.net/design/free-styles-for-photoshop.html</link>
		<comments>http://design-develop.net/design/free-styles-for-photoshop.html#comments</comments>
		<pubDate>Thu, 04 Sep 2008 09:19:06 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1163</guid>
		<description><![CDATA[使いどころが難しいですが、デザインでもたまに必要となるカモフラージュパターン。意外と作るのが難しく。0からとなるとかなり面倒だったりします。今日紹介するのはそんなカモフラージュパターンを簡単に使えるphotoshopスタイル「Free Styles for Photoshop - Camo」です。

全部で25種類のカモフラージュパターンが収録されていて、定番の物から、少し変わったものまで収録されています。
詳しくは以下

ファイルはzipで圧縮され、asl形式で配布されています。スタイルなので解像度が許す限り、目の粗さも簡単に調整できるので、色々なシーンで使えそうです。ライセンスは個人利用に限りフリーとなっています。
どんなデザインでも使える汎用性の高い定番物というわけではないだけに、なかなか見かけないスタイルセット。カモフラを使う機械がすぐない人も、この機会にダウンロードしておいても良いかと思います。
Free Styles for Photoshop - Camo - Web Design Blog
]]></description>
		<wfw:commentRss>http://design-develop.net/design/free-styles-for-photoshop.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>フリーベクターデータを集めてまとめたエントリー「Free Vector Downloads」</title>
		<link>http://design-develop.net/design/free-vector-downloads.html</link>
		<comments>http://design-develop.net/design/free-vector-downloads.html#comments</comments>
		<pubDate>Wed, 03 Sep 2008 09:51:36 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1154</guid>
		<description><![CDATA[デザインをする際、非常に役に立つベクターデータ。Designdevelopでもいくつか紹介してきましたが、今日紹介するのは世界中で公開されているフリーベクターデータをまとめたエントリー「Free Vector Downloads」です。

Vector Database
グラフィックからアイコンまで様々なジャンルのベクターデータが集められています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。
詳しくは以下

■NDesign - Studio’s Free Vector Cliparts

柔らかい感じのベクターデータアイコン。
　　
　
　
■GoMedia Vectors

グラフィックを制作する時の素材に最適なクリップアート。
　
　
　
■Vector Grunge Patterns

グランジが表現できるグランジスウォッチ25パターン。雰囲気がガラリと変わりそう。
上記の他にも様々なベクターデータが紹介されています。ここまでバリエーションがあるとどんなデザインをしている時にも役にたちそうです。紹介されているベクターデータは基本的にフリーで、無料でダウンロード可能ですが、使用ライセンスなどは各配布元をご確認ください。
Free Vector Downloads - The largest collection of free vectors ever assembled &#124; CrazyLeaf Design Blog
]]></description>
		<wfw:commentRss>http://design-develop.net/design/free-vector-downloads.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>8971のフリーフォントを収録した「fontspace.com」</title>
		<link>http://design-develop.net/design/fontspace.html</link>
		<comments>http://design-develop.net/design/fontspace.html#comments</comments>
		<pubDate>Tue, 02 Sep 2008 14:50:03 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Font]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1149</guid>
		<description><![CDATA[欧文フォントやdingbats fontを探している方におすすめしたいのが今回紹介するフリーフォント配布サイト「fontspace.com」です。このサイトでは、 現在8971種類のフリーフォントが収録されていて無料でダウンロードできます。

フォントの個別ページではフォントセットのサムネイルが表示される他、フォントの大きさを選択してプレビューすることもできるので、かなり分かりやすくなっています。


フォント個別画面
フォントも探しやすいように工夫されていて、カテゴリーもしっかりと分けられ、アルファベット順で検索したり、人気のフォントを抽出したりもちろんサイト無い検索もできるようになっています。全体的にレベルが高くデザイン的にも豊富に種類がありますので、家文字だけでなく、デザインの素材なんかを探すのにも良さそうなWEBサイトです。
ライセンスは基本的にフリーですが、個々のフォントで違うようで、「About this font」の「License」の項目を参照してください。
fontspace.com
]]></description>
		<wfw:commentRss>http://design-develop.net/design/fontspace.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>方眼紙を意識したフリーゴシックフォント「FontStruct Font-Les Bains」</title>
		<link>http://design-develop.net/design/fontstruct-font.html</link>
		<comments>http://design-develop.net/design/fontstruct-font.html#comments</comments>
		<pubDate>Mon, 01 Sep 2008 05:13:24 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Font]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1146</guid>
		<description><![CDATA[様々なフリーフォントを紹介してきましたが、今回紹介するのは方眼用紙のバックグラウンドの線を使って作ったフォント「FontStruct Font Les Bains」です。アルファベットの大文字、小文字、数字、記号と基本的な物はすべて揃っています。また記号的な物や独自のフォントタイプも用意されているみたいです。
　

　
このフォントは以前、「オリジナルフォント作成サービス「FontStruct」」という記事で紹介したWEBサービスを使って作られたフォントです。
詳しくは以下


フォントマップ
フォントは「Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported」で公開されていて、Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unporteの条件の下、自由に使用することができます。
ものすごくシンプルで、細身のフォントなので、キレイ目なデザインをするのに適しているかと思います。線が細いので、デザイン感によって付かないことは有るかも知れませんが、使い勝手が良いのではないでしょうか？
FontStruct &#124; Les Bains
]]></description>
		<wfw:commentRss>http://design-develop.net/design/fontstruct-font.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>ログイン不要で1ファイル10Gまでのオンラインストレージ「Filesavr」</title>
		<link>http://design-develop.net/web/filesavr.html</link>
		<comments>http://design-develop.net/web/filesavr.html#comments</comments>
		<pubDate>Sun, 31 Aug 2008 02:31:18 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[WEBサービス]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1142</guid>
		<description><![CDATA[今までいくつかオンラインストレージは紹介してきましたが、今日紹介するオンラインストレージサービス「Filesavr」は、なんと1ファイル毎に10Gまでのファイルをアップロードしておけます。しかもログイン不要で利用できるので、気軽に利用する事ができます。

現実的に10Gともなるとアップロードするのも大変ですし、単体のファイルでそこまでのファイルを受け渡しする機会は滅多に無いと思いますが、制限の上限が高いのは嬉しい所です。
詳しくは以下

使い方はものすごく簡単で、アップロードをuploadのボタンを押してアップロードしたいファイルを選択するだけでOKです。自動的にURLが制せ死されますので、そちらのURLをつかって共有できます。速度は実際に使ってみましたが、ファイルサーバー自体はそこまで重たくない印象でした。
おどろくほど簡単に使えますので、普段からオンラインでファイルのやり取りをする方は、お気に入りにいれておくと便利だと思います。
File Savr - Free File Hosting
]]></description>
		<wfw:commentRss>http://design-develop.net/web/filesavr.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>企業ロゴをベクターデータでダウンロードできるサイトのまとめ「11 Sites to download Free Vector Logos」</title>
		<link>http://design-develop.net/design/11-sites-to-download-free-vector-logos.html</link>
		<comments>http://design-develop.net/design/11-sites-to-download-free-vector-logos.html#comments</comments>
		<pubDate>Sat, 30 Aug 2008 12:18:55 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1134</guid>
		<description><![CDATA[商業デザインや広告制作では欠かせない、企業のロゴ、商業広告の一部仕事だとロゴデータなども支給されなかったりというこもあるかとおもいます。一からトレースして制作しているとかなりの時間を取られてしまいますが、そんな手間を省いてくれるのがロゴデータダウンロードサイト、様々なロゴデータがベクターデータで手に入ります。

LogoZu.com
今日紹介するのはそんなベクター形式のロゴデータがダウンロードできるサイトを11個集めたまとめエントリー「11 Sites to download Free Vector Logos」です。今日はその中からいくつか紹介したいと思います。
詳しくは以下

Allfreelogo.com

1047のロゴが収録されていて、カテゴリー分けもしっかりしています。見やすく使いやすいサイトです。
　
　
　
Free Vector Brand Logotypes

Air、Carsなど業種別にカテゴライズされているサイトです。航空業界に強いみたいです。
　
　
　
LogoTypes101.com

かなりのロゴが公開されています。ダウンロードだけでなく、インスピレーションを得るためにも使えそうです。
　
　
■その他紹介されていたサイト
・BrandsoftheWorld.com
・Logotypes.ru
・Vectorlogo.blogspot.com
・Logotypes.designer.am
・Vectorlogo.net
・Lalogotheque.com
　
　
海外のサイトのまとめなので、主に海外の企業が多いですが、日本でもおなじみのロゴデータもありました。仕事で使えるかどうかはわかりませんが、ロゴデザインのアイデア帳がわりいかがでしょうか？
11 Sites to download Free Vector Logos
]]></description>
		<wfw:commentRss>http://design-develop.net/design/11-sites-to-download-free-vector-logos.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>photoshopのアイコンチュートリアルの決定版「40+ Hand-picked Photoshop Icon Designs」</title>
		<link>http://design-develop.net/design/photoshop-icon-designs.html</link>
		<comments>http://design-develop.net/design/photoshop-icon-designs.html#comments</comments>
		<pubDate>Fri, 29 Aug 2008 01:21:32 +0000</pubDate>
		<dc:creator>designdevelop</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://design-develop.net/?p=1127</guid>
		<description><![CDATA[国内外に限らず、アイコンをダウンロードできるWEBサイトは多々ありますが、どうしても既製のものだと、求めている物とバッチリ合わせるというのは難しく、探し回らないといけません。そうなってくると自分で制作をと思ったりもしますが、どうやって作るのか分からない…そんな人のために今日紹介するのは高品質なアイコンのチュートリアル集「40+ Hand-picked Photoshop Icon Designs」です。

主に立体的なアイコンが多いのですが、質感のあるものから、かなりリアルなもの定番なものと様々なアイコンのチュートリアルが集められています。今回はいくつかきになったチュートリアルをピックアップして紹介したいと思います。
詳しくは以下

■Adobe Photoshop CS3 Icon

CS3シリーズのアイコン。シンプルなだけに応用は色々と効きそうです。
　
　
　
■Create a Shiny Lock Icon Design


立体的な鍵アイコン。光の具合など立体アイコンを作る初めの一歩としてありがたいチュートリアル。
　
　
　
■Design a Glossy Download Icon

立体が効いたアイコン。サイバーな雰囲気を出したい時の参考に
　
　
　
■The Making of an Icon

アイコンメイキングもかねたチュートリアル。ラフスケッチから見ることができます。
　
　
簡単に紹介しましたが、このほかにも沢山のチュートリアルが紹介されています。すべてのチュートリアル共通して、英語ですが、どのチュートリアルもスクリーンショットを多々使用していて分かりやすく見ることができるようになっています。
自分で作るのは時間がかかりますが、細かなところまでカスタマイズできるのが良いですね。あまり良いアイコンが…と投げている方はこれを機に一度挑戦してみてはいかがでしょうか？
40+ Hand-picked Photoshop Icon Designs [Photoshop Tutorials]
]]></description>
		<wfw:commentRss>http://design-develop.net/design/photoshop-icon-designs.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
