デザインに関するブログ記事やニュース、画像、作品などをクリエイター間で共有したり、発信したりするサイトです。 http://indeza.jp/articles/all/summaries/ever/recent 2010-03-10T09:32:04+09:00 text/html 2010-03-10T09:31:48+09:00 インデザ管理人 http://indeza.jp/articles/id/2184 <p>きれいなパッケージデザインがまとめられています。<br /> アイデアやインスピレーションの元になるかもしれません。</p><p><img src="http://indeza.jp/img/article/large/4b96e87805b5f.jpg" width="425" height="266" /><br />via. <a href="http://designm.ag/images/0209/package/1.jpg">http://designm.ag/images/0209/package/1.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b96e87ad058c.jpg" width="425" height="266" /><br />via. <a href="http://designm.ag/images/0209/package/2.jpg">http://designm.ag/images/0209/package/2.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b96e883b3578.jpg" width="425" height="320" /><br />via. <a href="http://designm.ag/images/0209/package/3.jpg">http://designm.ag/images/0209/package/3.jpg</a></p> text/html 2010-03-10T09:29:25+09:00 インデザ管理人 http://indeza.jp/articles/id/2183 <p>独創的なデザインを施した素敵なログインフォームについてのまとめエントリー。</p> text/html 2010-03-10T09:26:20+09:00 インデザ管理人 http://indeza.jp/articles/id/2182 <p>クリエイティブなブログデザインの実例をまとめたエントリー。<br /> ユニークでクオリティの高いヘッダデザインが紹介されています。</p><p><img src="http://indeza.jp/img/article/large/4b96e72f3c4f5.jpg" width="425" height="241" /><br />via. <a href="http://designm.ag/images/1209/headers/6.jpg">http://designm.ag/images/1209/headers/6.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b96e731cfd80.jpg" width="425" height="242" /><br />via. <a href="http://designm.ag/images/1209/headers/21.jpg">http://designm.ag/images/1209/headers/21.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b96e733ea0a3.jpg" width="425" height="220" /><br />via. <a href="http://designm.ag/images/1209/headers/15.jpg">http://designm.ag/images/1209/headers/15.jpg</a></p> text/html 2010-03-10T09:24:27+09:00 インデザ管理人 http://indeza.jp/articles/id/2181 <p>古びたレンガの壁を撮影したテクスチャです。<br /> 商用・非商用問わずフリーで利用できます。クレジットも必要ありません。</p><p><img src="http://indeza.jp/img/article/large/4b96e6bd5da2a.jpg" width="440" height="293" /><br />via. <a href="http://www.bittbox.com/~caleb/free_high_res_texture_311.jpg">http://www.bittbox.com/~caleb/free_high_res_texture_311.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b96e6bf391db.jpg" width="440" height="293" /><br />via. <a href="http://www.bittbox.com/~caleb/free_high_res_texture_314.jpg">http://www.bittbox.com/~caleb/free_high_res_texture_314.jpg</a></p> text/html 2010-03-08T08:46:37+09:00 インデザ管理人 http://indeza.jp/articles/id/2180 <p>使えるIllustratorのブラシセット。</p><p><img src="http://indeza.jp/img/article/large/4b943adff0368.jpg" width="275" height="378" /><br />via. <a href="http://designm.ag/images/1209/ai-brushes/5.jpg">http://designm.ag/images/1209/ai-brushes/5.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b943ae2087b7.jpg" width="275" height="275" /><br />via. <a href="http://designm.ag/images/1209/ai-brushes/12.jpg">http://designm.ag/images/1209/ai-brushes/12.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b943ae418bec.jpg" width="275" height="183" /><br />via. <a href="http://designm.ag/images/1209/ai-brushes/18.jpg">http://designm.ag/images/1209/ai-brushes/18.jpg</a></p> text/html 2010-03-08T08:45:17+09:00 インデザ管理人 http://indeza.jp/articles/id/2179 <p>クオリティが高く、そのままで利用できそうなグランジ系テクスチャです。<br /> 商用・非商用問わずフリーで利用でき、クレジットも必要ありません。</p><p><img src="http://indeza.jp/img/article/large/4b943a9040398.jpg" width="440" height="319" /><br />via. <a href="http://www.bittbox.com/~caleb/free_high_res_texture_301.jpg">http://www.bittbox.com/~caleb/free_high_res_texture_301.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b943a926ffab.jpg" width="440" height="330" /><br />via. <a href="http://www.bittbox.com/~caleb/free_high_res_texture_302.jpg">http://www.bittbox.com/~caleb/free_high_res_texture_302.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b943a94a2bb3.jpg" width="440" height="321" /><br />via. <a href="http://www.bittbox.com/~caleb/free_high_res_texture_304.jpg">http://www.bittbox.com/~caleb/free_high_res_texture_304.jpg</a></p> text/html 2010-03-08T08:43:40+09:00 インデザ管理人 http://indeza.jp/articles/id/2178 <p>写真を簡単に加工できる、Photoshopのアクションファイルがまとめられています。<br /> Photoshopの知識がなくても簡単に写真加工できるので、重宝するのでは。</p><p><img src="http://indeza.jp/img/article/large/4b943a2f79448.jpg" width="425" height="385" /><br />via. <a href="http://designm.ag/images/0210/actions/31.jpg">http://designm.ag/images/0210/actions/31.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b943a3284a58.jpg" width="425" height="425" /><br />via. <a href="http://designm.ag/images/0210/actions/26.jpg">http://designm.ag/images/0210/actions/26.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b943a3587f43.jpg" width="425" height="350" /><br />via. <a href="http://designm.ag/images/0210/actions/19.jpg">http://designm.ag/images/0210/actions/19.jpg</a></p> text/html 2010-03-08T08:34:41+09:00 インデザ管理人 http://indeza.jp/articles/id/2177 <p>きれいにデザインされた、パンフレットがたくさん紹介されている記事。<br /> インスピレーションとして見てみては。</p><p><img src="http://indeza.jp/img/article/large/4b943814ead98.jpg" width="425" height="314" /><br />via. <a href="http://designm.ag/images/0110/brochures/6.jpg">http://designm.ag/images/0110/brochures/6.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b943817c94c8.jpg" width="425" height="288" /><br />via. <a href="http://designm.ag/images/0110/brochures/13.jpg">http://designm.ag/images/0110/brochures/13.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b94381aa7af1.jpg" width="425" height="297" /><br />via. <a href="http://designm.ag/images/0110/brochures/23.jpg">http://designm.ag/images/0110/brochures/23.jpg</a></p> text/html 2010-03-07T10:54:54+09:00 インデザ管理人 http://indeza.jp/articles/id/2176 <p>ユーザビリティ的にも優れているとされている「メガメニュー」を実装しているWebサイトをまとめたエントリー。<br /> ナビゲーションの内容が豊富なだけに、デザインにも幅を持たせることができます。</p><p><img src="http://indeza.jp/img/article/large/4b930771c5c58.jpg" width="425" height="350" /><br />via. <a href="http://designm.ag/images/0110/mega/14.jpg">http://designm.ag/images/0110/mega/14.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b9307748195a.jpg" width="425" height="350" /><br />via. <a href="http://designm.ag/images/0110/mega/7.jpg">http://designm.ag/images/0110/mega/7.jpg</a></p><p><img src="http://indeza.jp/img/article/large/4b93077787829.jpg" width="425" height="350" /><br />via. <a href="http://designm.ag/images/0110/mega/16.jpg">http://designm.ag/images/0110/mega/16.jpg</a></p> text/html 2010-03-07T10:52:23+09:00 インデザ管理人 http://indeza.jp/articles/id/2175 <p>コミカルな印象の、フリーフォントがまとめられています。<br /> 英語フォントのみですが、オリジナリティがあってユニークなフォントが多数紹介されているので、チェックしてみてください。</p><p><img src="http://indeza.jp/img/article/large/4b9306db631bc.jpg" width="440" height="293" /><br />via. <a href="http://www.crazyleafdesign.com/blog/wp-content/uploads/2010/02/25-free-comic-fonts.jpg">http://www.crazyleafdesign.com/blog/wp-content/uploads/2010/02/25-free-comic-fonts.jpg</a></p> text/html 2010-03-07T10:50:16+09:00 インデザ管理人 http://indeza.jp/articles/id/2174 <p>CSS3のbox属性値に関する、分かりやすい記事です。<br /> これからは段組を実現するのに不可欠なテクニックになりそうなので、押さえておきたいですね。</p> text/html 2010-03-07T10:49:03+09:00 インデザ管理人 http://indeza.jp/articles/id/2173 <p>ひび割れた地面や紙を撮影したフリーテクスチャです。<br /> クレジットなしで、商用・非商用問わず利用できます。</p><p><img src="http://indeza.jp/img/article/large/4b9306122db8a.jpg" width="440" height="330" /><br />via. <a href="http://www.bittbox.com/~caleb/free_high_res_texture_317.jpg">http://www.bittbox.com/~caleb/free_high_res_texture_317.jpg</a></p> text/html 2010-03-05T17:55:44+09:00 kuricom http://indeza.jp/articles/id/2172 <p>水中で撮影することによって「不思議の国のアリス」の世界を表現。<br /> </p> text/html 2010-03-05T11:56:40+09:00 インデザ管理人 http://indeza.jp/articles/id/2171 <p>ミリタリー系のデザインに必須の、カモフラ柄のPhotoshopパターンファイルです。<br /> 利用の際は、ダウンロードリンクのすぐ下にある、「Term of Use」をご覧下さい。</p><p><img src="http://indeza.jp/img/article/large/4b9072f024c03.jpg" width="382" height="440" /><br />via. <a href="http://www.peterplastic.com/wp-content/uploads/2010/01/camouflage_patterns_by_PeterPlastic1.jpg">http://www.peterplastic.com/wp-content/uploads/2010/01/camouflage_patterns_by_PeterPlastic1.jpg</a></p> text/html 2010-03-05T11:53:41+09:00 インデザ管理人 http://indeza.jp/articles/id/2170 <p style="font-style: italic;">(引用)</p><p><br /> </p><p style="font-style: italic;">(引用ここまで)</p><p>Bittboxのフリーテクスチャ。商用・非商用問わずフリーで利用できます。<br /> クレジットも必要ありません。</p><p><img src="http://indeza.jp/img/article/large/4b9072386609d.jpg" width="440" height="330" /><br />via. <a href="http://www.bittbox.com/~caleb/free_high_res_texture_321.jpg">http://www.bittbox.com/~caleb/free_high_res_texture_321.jpg</a></p> text/html 2010-03-05T11:52:02+09:00 インデザ管理人 http://indeza.jp/articles/id/2169 <p>Webデザインの際に便利なベクタデータなどを配布しているサイトが紹介されています。<br /> 再配布しなければ、商用OKだそうです。</p><p><img src="http://indeza.jp/img/article/large/4b9071d30c8e8.png" width="440" height="207" /><br />via. <a href="http://www.monkeychop69.com/image/sirue2-thumb-500x236.png">http://www.monkeychop69.com/image/sirue2-thumb-500x236.png</a></p><p><img src="http://indeza.jp/img/article/large/4b9071d3456ec.png" width="440" height="167" /><br />via. <a href="http://www.monkeychop69.com/image/sirue4-thumb-500x190.png">http://www.monkeychop69.com/image/sirue4-thumb-500x190.png</a></p><p><img src="http://indeza.jp/img/article/large/4b9071d36f2c8.png" width="440" height="80" /><br />via. <a href="http://www.monkeychop69.com/image/sirue5-thumb-500x91.png">http://www.monkeychop69.com/image/sirue5-thumb-500x91.png</a></p> text/html 2010-03-04T11:47:58+09:00 インデザ管理人 http://indeza.jp/articles/id/2168 <p>RGBAを駆使して、見栄えのよいボタンをCSS3で作るチュートリアル。<br /> CSS3のコードが公開されているので、貼り付けるだけでおしゃれなボタンが出来上がります。</p><p><img src="http://indeza.jp/img/article/large/4b8f1f625b96c.png" width="440" height="362" /><br />via. <a href="http://www.zurb.com/blog_uploads/0000/0397/super-awesome-buttons-all.png">http://www.zurb.com/blog_uploads/0000/0397/super-awesome-buttons-all.png</a></p> text/html 2010-03-04T11:44:23+09:00 インデザ管理人 http://indeza.jp/articles/id/2167 <p>JavaScriptと組み合わせた以前のCSSのテクニックを、CSS3で置き換えてシンプルにしよう、という記事です。<br /> CSSとCSS3を比較して、これだけ変わったよ、という比較記事になっています。<br /> 角丸、影付け、フォント置き換え、透明度など、基本的なテクニックのまとめ的な記事にもなっているので、まだCSSを使っていくよという人にもオススメの記事です。</p> text/html 2010-03-04T11:15:16+09:00 インデザ管理人 http://indeza.jp/articles/id/2166 <p>CSS3で作る、ボタンのデザイン例。<br /> Photoshopで作ったボタンと、CSS3で作ったボタンの比較があります。<br /> いまのところは、まだPhotoshop「ぽい」感じですが、そのうちもっと洗練されてくるんでしょうね。</p><p><img src="http://indeza.jp/img/article/large/4b8f17b764823.jpg" width="440" height="146" /><br />via. <a href="http://designlovr.com/wp-content/uploads/2010/02/lead_image5.jpg">http://designlovr.com/wp-content/uploads/2010/02/lead_image5.jpg</a></p> text/html 2010-03-04T10:57:37+09:00 インデザ管理人 http://indeza.jp/articles/id/2165 <p>ドラッグ可能なポラロイド風のサムネイルをクリックすると、中央部分に画像が表示されるという、画像ビューアです。<br /> CSS3とjQeuryを組み合わせて作られています。両方を勉強したい、という人にちょうどよいかもしれませんね。</p><p><img src="http://indeza.jp/img/article/large/4b8f1394a4185.jpg" width="440" height="337" /><br />via. <a href="http://tutorialzine.com/wp-content/uploads/2009/11/i12.jpg">http://tutorialzine.com/wp-content/uploads/2009/11/i12.jpg</a></p>