Webデザインやコンテンツの制作に便利な素材のポータル

文字だけじゃ物足りない。そんなサイトをもっと素敵にしてくれる画像やイラスト、アイコンを集めたサイトを紹介します。無料でダウンロードできるものから、有料だけど種類も多く、高画質のものも！ぜひ取り入れてみてください！サイトに使える画像stock.xchnghttp://www.sxc.hu/無料・要登...

Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative - Pattern Tap パーツごとのデザインが盛り沢山...

当サイトでも無料のアイコンをたくさん紹介してきましたが、医療をテーマにしたものは初です。 そんな素敵なアイコンセットをSmashing Magazineから紹介します。Free Medical Icons Set (60 Icons)ダウンロードできるアイコンセットのフォーマットはPNGで、サイズ...

デザインをしているときにどのように背景を完成させていますか。グラデーションツールなどを使って塗りつぶすことが多いのではないでしょうか。そのとき同時に背景デザインの上にテクスチャ素材をレイアウトしてみてください。レイアウトしたテクスチャレイヤーの描画モードを「オーバーレイ」とし、レイヤーの「不透明度...

顔パーツと色を組みあわせてアイコン(png)を作ってダウンロードできる簡易ツールです。現在残念ながら化け猫しか作成できませんが、ダウンロードした画像はTwitterやブログのアイコン、サイトの装飾など自由にお使いいただけます。【操作】 ★「輪郭」〜「おまけ」をクリックで各パーツの設定画面が開きます...

ペイントブラシで一つ一つ描かないで、簡単に水彩画のエフェクトが楽しめる無料のPhotoshopのブラシをSix Revisionsから紹介します。Free High-Res Heavy Watercolor Spat [...]

2010年に備えて、2009年のウェブデザインに役立つまとめをまとめました。Web Design Trends For 2009邦訳：2009年、押さえておきたいウェブデザインの10のトレンド2009年に流行るで [...]

Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのweb...

商用化！定番シンプルなアイコンセット「108 Mono Icons: Huge Set of Minimal Icons」WEBサイトのユーザーインターフェイスには欠かせないアイコン。グラフィカルに表現されたアイコンはそれ一つで様々な意味をユーザー与えてくれます。今日紹介するのはどんなWEBサイト...

最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？今回は、そんなウェブ...

制作に便利なフリーピクトグラムアイコン集「8 Free Pictogram Icon Libraries and Collections 」商業広告のデザインに便利なピクトグラムアイコン。一つの記号でユーザーに対して簡単に説明できるので、様々なところで重宝しますが、今日紹介するのはそんな制作に便利...

ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）...

デザインにおいても、フォントはとても重要なファクターのひとつです。たとえばタイポグラフィーと呼ばれる、フォントをアーティスティックに配列させデザインとなじませるテクニックは日常生活においても新聞、雑誌などでもよく見かけます。デザインにも影響を与えるさまざまなフリーフォントをダウンロードすることがで...

写真を効果的に見せてくれるフリーFLASHギャラリー集「25 Amazing & Free Flash Based Image Galleries」写真を効果的に見せてくれるFLASHギャラリー。スライドショー的なものでもFLASHで１から制作するとなると結構な手間がかかります。今回紹介するのは写...

CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」。 次のような丸みを帯びたボタンや、角丸の綺麗なボタンのサンプルがダウンロード可能です。 CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われます。 ボタンを押すと以下のようにボタン...

Photoshopによる美麗アイコン作成チュートリアル集。 次のような美しいアイコンの作成の流れがわかるチュートリアル集がまとまっています。 質感の高いアイコン作成の際の参考にできます。 リンク先は以下のエントリを参照してください。 20 Top Photoshop Icon Design Tut...

質感がリアルで綺麗すぎるアイコンセットのまとめのエントリご紹介。 次のようななんとも素晴らしいアイコンセットがdeviantArtなどからまとまっており、それぞれ入手することが出来ます。 アイコンを作る際の参考にしてみるのもよさそうですね。 全て見るには以下のエントリを参照してください。 21 E...

最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライ...

Icones.pro PNGアイコンがどっさり手に入る！ 「Icones.pro」ではPNGアイコンがたくさん公開されています。 トップページでカテゴリ別に用意されており、詳細を見てみると関連したアイコンがどばーっとでてきます。 PNGは透過のものではなく、背景色が入ります。 背景色はこちらで自由...

日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。...

デザイナーのためのセリフフォント集「20 Awesome and Free Fonts for Web Designers (Serif Family)」ゴシック体よりも少し固めの雰囲気を演出できる文字のストロークの端にある小さな飾りがついたセリフフォント。様々なシーンで活躍できるスタンダードな書...

すごいサイトを見つけました。商用無料、クレジット表記不要のパターン配布サイトです。↑のようなパターンが、jpgだけでなくpatも配布されています。Photoshopで開けばパターンとして読み込むことができて、継ぎ目なしのパターンになっています。Terms of UseAll royalty fre...

今までも色々RSSアイコンを紹介してきましたが、今回はまたさらに良いアイコンばかりを紹介している記事がありましたのでご紹介。 この感動はなかなかのものですよ！ RSSアイコンデザイン3.0 普通ののべんとしたRSSアイコンを1.0。 WEB2.0デザインっていうのが話題になった2年くらい前に誕生し...

手書き感が温かさを感じさせるPhotoshopのブラシ集がまとまったエントリのご紹介です。 次のような手書きのいい感じなブラシが沢山公開されています。 手書きのハート。手書きの温かみがよりハートの温かさを強めますね。 落書きのイラストブラシ集。アナログ感を出したい場合によいかも 天使っぽいキャラク...

クリエイティブで美しいフリーCSSWEBテンプレート9選「9 Beautiful Free CSS Web Templates」WEBサイトを制作する際とても便利なのがテンプレート。はじめからある程度組まれていますので、そのまま使う事もできますし、作りだけは引き継いでデザインのカスタマイズも可能で...

ビジネスを視野に入れるとやはり コンバージョンを意識したデザインに なります。秀逸なアートデザインも 凄く魅力的では有りますが、飽きが来ない シンプル、情報を最小限に抑えたデザイン、 minimalismなサイトがコンバージョン率 を高めるデザインと言えます。そんなminimalism系のフリーの...

PhotoshopでWebサイトを構築出来る（語弊あるかな？）ようにPSDファイルでWebサイトのテンプレートを無料で配布してくれているサイトをいくつかご紹介します。僕には今まであまり馴染みが無かったので備忘録的にまとめておきます。ライセンスはそれぞれのサイトやテンプレートごとにご確認下さい。PS...

Photoshop Tutorialsというサイトで、フリーのパターンがダウンロードできるサイトが紹介されています。ざっといくつかご紹介。» COLOURlovers 自分のパターンを投稿したり、ユーザーが作ったものをダウンロードできる » everyday icons 目を引くデザインにしたいと...

『 Photoshopパターン200種｜和｜キュート｜カントリー｜幻想｜クール｜網目｜木目｜クラシカル 』

200を超える非常に美しいPhotoshopのパターンがまとまったエントリが公開されています。 deviantARTなどに掲載されているもののピックアップで、紹介されているパターンは以下のように非常に美しいです。 リンク先は以下のエントリを参考にしてください。 200 free beautiful...