ジャンル別にフリーテクスチャ素材を集めた「100 Useful Free Textures」
いろいろな種類が公開されているテクスチャ。デザインのクオリティを高めたい時にも役に立つ、デザイン制作に欠かせない素材ですが、今回はさまざまなジャンルのフリーテクスチャ素材を集めた「100 Useful Free Textures」を紹介したいと思います。 Free High Resolution Textures – Lost and Taken – 8 Colorful Grunge Textures + L&T News! グランジやメタル、ウッド、布、レンガ、ペーパーなど、使い勝手の良い素材がジャンル別に分類され公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 ■Canadian Texture by ~AbdoHad on deviantART モノトーンがクールな印象のウッド素材のテクスチャ。主張しすぎない素材感で、幅広いデザインに
WEB制作で使えるパターン集「50+ Pattern Sets To Spice Up Your Website’s Background」
TOP > Design , Photoshop > WEB制作で使えるパターン集「50+ Pattern Sets To Spice Up Your Website’s Background」 WEBのクオリティをグッと上げてくれるパターン。使いどころにもよりますが、上手く使えば、つくりこんだ感じと、デザインの世界観をより引き出してくれます。今日紹介するのはWEB制作で使えるパターンを集めた「50+ Pattern Sets To Spice Up Your Website’s Background」です。 Pixel Pattern ドットやストライプなシンプルなものから花柄などガーリーな印象のものまで様々なフリーで利用出来るパターンがまとめられています。今日はその中から幾つか気になったパターンを紹介したいと思います。 詳しくは以下 ■Victorian Pattern 落ち着
WEBデザイナーのためのフリーphotoshopブラシ集 | DesignD...
WEBデザイナーのためのフリーphotoshopブラシ集「100+ Most Useful Free Photoshop Brushes for Web Designers」 WEBデザインの業界でも広く利用されているクリエイティブツールphotoshop。様々な表現を可能にしてくれる非常に高機能なツールです。今日はそのphotoshopで利用できる、フリーphotoshopブラシを集めたエントリー「100+ Most Useful Free Photoshop Brushes for Web Designers」 50-Deadly-Tron-Grids 幾何学的なものから、自然のモチーフ、インクなどのアーティステックなものなど様々なフリーphotoshopブラシが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Grind
クリエイティブな404ページを集めた「50 Professional and Creative 404 Error Page Designs」
TOP > WebDesign > クリエイティブな404ページを集めた「50 Professional and Creative 404 Error Page Designs」 WEBページでページが見つからない時に表示されるエラー404。通常ブラウザに表示されるものはありますが、あまりにもあっさりしすぎていて、表示された場合がっかりしています。今日紹介するのはそんなネガティブな404ページをクリエイティブに製作されている事例を集めたエントリー「50 Professional and Creative 404 Error Page Designs」です。 404 – Whoops | Frye / Wiles 上記の他にも様々なクリエイティブな404エラーが紹介されています。幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Fotolia 写真販売サイ
Web制作に欠かせない 様々なpsd素材を集めた「50 Free High Quality and Inspirational PSD Files for Download」
Web制作に欠かせない 様々なpsd素材を集めた「50 Free High Quality and Inspirational PSD Files for Download」 webデザインを行う際にとても便利なpsdの素材。持っていると何かと便利で重宝すると思います。そんな中今回紹介するのは、 様々なpsd素材を集めた「50 Free High Quality and Inspirational PSD Files for Download」です。 （Wraps and Ribbons pack by *plakkert on deviantART） 使い勝手のよいデザインパーツから、webデザインにそのまま使えそうなものまで種類は豊富。中でも気になったものをいくつかピックアップしました。 ■「4 step process panel in 2 colors (PSD) :: Graph
CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」
TOP > WebDesign > CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」 数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、javascriptで実現するタブインターフェイスを集めたエントリー「30 CSS and Javascript Tabs Solutions」です。 Sweet Tabbed Navigation Bar using CSS3 デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Sweet
フリーで使えるpsd素材40「40 Free PSD Files」
photoshopを普段利用している方ならおなじみのpsdファイル。ベクター形式ではありませんが、レイヤー構造を維持でき、様々なカスタマイズが可能なデータ形式ですが、今日紹介するのはフリーで利用できるpsd素材を集めたエントリー「40 Free PSD Files」を紹介したいと思います。 Photoshop 3D Cube by ~thedevstudio on deviantART ジャンルは問わず、様々なpsdファイルが集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■FREE Product Box PSD by `DigitalPhenom on deviantART パッケージを作るときに便利なpsd素材。細かい部分までレイヤー分けされています。 ■stiker PSD by ~TLMedia on deviantART 非常に質
2010年のWEBトレンドをまとめた「Web Design Trends for 2010」
WEBデザインにも流行り廃りが合って、デザインのテイストや技術は毎年大きく変わっています。今日紹介するのは2010年のWEBトレンドをまとめたエントリー「Web Design Trends for 2010」です。 去年後半からの流れも大きく反映されているので、今年これからのというよりは、今のトレンドをまとめたというような感じだと思います。今回はまとめられているトレンドの中からデザインの部分を中心にいくつか紹介したいと思います。 詳しくは以下 ■セリフフォントを使う。 タイポグラフィにセリフフォントを使う。 ■大きな見出し ヘッダーやメインビジュアルに大きく文字で見せる。 ■マルチカラムレイアウト 去年から多くのサイトで見かけるようになったマルチカラムレイアウト。日本でも一つの定番になりつつありますね。 ■大きな一枚絵を使う。 サイト全体を表すような印象的な写真でデザインを引っ張る方法。
この春つかえる！？花柄のフリーphotoshopパターン集60「60+ Floral Patterns, Backgrounds」
決まった柄をアートワーク一面に敷き詰めることができるphotoshopパターンファイル。簡単に様々なサイズで展開できるのでとても便利です。今日紹介するのは花柄のパターンをひたすら集めたphotoshopパターン集「60+ Floral Patterns, Backgrounds」を紹介したいと思います。 ちょっとレトロな柄から、POPなものまで様々な花柄のパターンが集められています。配布形式はpngとpat (photoshop patterns)形式なので、photoshopを普段使っている方はありがたいですね。 詳しくは以下 今時のとは少し離れたものが多いですがチラシ等の商業デザインの賑やかしなど、、使い方によっては便利に使えるのではないでしょうか？ ライセンスはFreeとかかれており、特に制限事項等は明記されていませんでしたが、商用利用をお考えの方は配布元で再度確認をお願い致します。
有名なバンドロゴに使われているフォントをフリーフォントで「Fonts Used In Popular Band Logos」
TOP > Design , Font > 有名なバンドロゴに使われているフォントをフリーフォントで「Fonts Used In Popular Band Logos」 誰しもが耳にしたことがある超有名なバンドのロゴタイプのフリーフォントを集めたエントリーが今回紹介する「Fonts Used In Popular Band Logos」です。 The Beatles – Bootle The Beatles、KISS、My Chemical Romanceなどなど世界的に有名なバンドのフォントが集められています。まとめられているもののなかからいくつかピックアップして紹介したいと思います。 詳しくは以下 ■KISS – Die Nasty Freeで利用することができます。DaFontにて配布。 ■My Chemical Romance – The Chemical Parade 書
IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」
TOP > WebDesign > IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにｙほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言
WEBレイアウトを便利にしてくれるフレームワーク関連のWEBサービスやツール集「Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks」
WEBレイアウトを便利にしてくれるフレームワーク関連のWEBサービスやツール集「Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks」 WEBでコーディングをしていくときにとても便利なフレームワーク。上手く使えばデザインからのコーディングが劇的に早くなります。有名なものもあり、いくつか実務に使っていると言うWEBデザイナーさんも多いかと思います。今日紹介するのはWEBレイアウトを便利にしてくれるフレームワークをつくるWEBサービスやツールを集めた「Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks」というエントリー。 Tiny Fluid Grid グリッドを自由にカスタマイズして作れるWEBサービスから、テンプレートまで様々なレイアウト
イラストレーターで使えるフリーパターン集「225+ Free Adobe Illustrator Patterns」
TOP > Design , vector > イラストレーターで使えるフリーパターン集「225+ Free Adobe Illustrator Patterns」 背景の制作にとても便利な敷き詰めて使えるイラストレーターのパターン。今回紹介するのはイラストレーターで使えるフリーパターンを集めたエントリー「225+ Free Adobe Illustrator Patterns」です。 Organic Patterns (3 patterns) ドットやラインといったシンプルで汎用性があるものから、葉っぱなどの個性的なものまで、様々なパターンが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Vector Halftone Patterns(10 patterns) ハーフトーンを表現するパターン集。様々なシーンで使えるパターン。 ■
利用価値の高いフリーアイコンセット33選「33 Killer Web Icon Sets for Free」
TOP > WebDesign > 利用価値の高いフリーアイコンセット33選「33 Killer Web Icon Sets for Free」 WEBの制作には欠かせないアイコン。利用するのはとても便利ですが、作るのなるとかなり大変です。今日紹介するのは利用価値の高いフリーアイコンセットをジャンル別に集めて公開しているエントリー「33 Killer Web Icon Sets for Free」を紹介したいと思います。 GLYPHISH ソーシャルメディア、ベクターアイコン、WEBアプリ系などなど様々なジャンルのクオリティの高いフリーアイコンがまとめられています。今日はその中から今までdesigndevelopで公開した事が無いものを中心にいくつかピックアップして紹介したいと思います。 詳しくは以下 ■WYSIWYG Sapphire WYSIWYGで使われているアイコンをセット
photoshopをもっと極めるチュートリアル集「30 Advanced Photoshop Illustration Tutorials」
TOP > Design , Photoshop > photoshopをもっと極めるチュートリアル集「30 Advanced Photoshop Illustration Tutorials」 クリエイティブの現場では欠かす事ができないツールの一つphotoshop。今回紹介するのはそんなphotoshopで描くイラストレーションのテクニックを集めたチュートリアル集「30 Advanced Photoshop Illustration Tutorials」です。 Real Water Droplets 写真ベースの加工から、一から描き出したイラストレーションまで幅広いチュートリアルが全部で30個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Design Beer Glass and Bottle ビールの瓶のラベ
商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」
TOP > Design , vector > 商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。 全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。 詳しくは以下 上記は今最も人気のシルエット素材。人物のシルエットがやはり人気が高いみたいですね。デザイナーだけでなく、企画書を書いている方にも良い素材なのでは無いでしょうか！？ ライセンスは「You are free t
jQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」
軽量で高機能なjavascriptライブラリとして様々なWEBで導入されているjQuery。非常に高機能で様々なエフェクトや動作を実現できますが、今回紹介するのはjQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」です。 5. jQuery faux-3D effect jQueryで動作するエフェクトの中でもフリップで動作するものや奥行きのあるシーンを実現するなど様々な3Dエフェクトが収録されています。今回はその中から特に気になったものをいくつかプックアップして紹介したいと思います。 詳しくは以下 ■1. rotate3Di – Flip HTML content in 3D マウスオーバーでフリップを実現するjQueryです。 ■4. jQuery 3D Rotator 三次元座標軸で動作するタグクラウド奥行きを感じさせるエフェクトで
商用可！WEBの背景に最適な引き詰められるテクスチャ「Free Seamless Grungy Green Textures」
デザインをする上で、完成度や世界観を伝える為に大きなチカラになってくれるのがテクスチャ。良いテクスチャが見つかっても大きなものを制作していたり、テクスチャ自身のサイズによっては引き詰めた時につなぎ目が見えてしまって上手く使えないときもあります。 今日紹介するのは引き詰めて使う事ができるテクスチャを集めた「Free Seamless Grungy Green Textures」です。グランジ系のテクスチャがセットになって配布されています。 詳しくは以下 収録されているテクスチャは全部で3種類と少ないですが、jpg画像の他にphotoshopのパターンファイル「.pat」も収録されていますので、使い勝手は良いかと思います。グランジ系なので、どんな制作にも役立つ汎用性はあるとは言いにくいのですが、グランジの雰囲気を出したい時には便利に使えそうなテクスチャセットです。 ダウンロードは原文エントリー
クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」
TOP > WebDesign > クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」 WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロスブラウザのためのCSSのテクニックを紹介するエントリー「10 astonishing CSS hacks and techniques」を紹介したいと思います。 Cross browser inline block ツールチップやギャラリー表示、選択したテキストのカラーを変える等、様々なテクニックがソースコード付きで紹介されています。今日はその中からいくつか気になったテクニックを紹介したいと思います。 詳しくは以下 ■Cross browser mi
ジャンル別に厳選されたフリーアイコンセット「50 Fresh Useful Icon Sets For Your Next Design」
TOP > WebDesign > ジャンル別に厳選されたフリーアイコンセット「50 Fresh Useful Icon Sets For Your Next Design」 デザインに彩りと利便性を与えてくれるアイコン。作り込まれているアイコンはデザインにクオリティも与えてくれます。今日紹介するのはアプリケーションからEC系、ソーシャルWEBサービスなどなど様々なジャンルにまたがったアイコンを紹介しているエントリー「50 Fresh Useful Icon Sets For Your Next Design」から紹介したいと思います。 DI – Folder Icons 全部で50ものアイコンセットがまとめられており、総数はかなりの物になります。一つ一つかなりクオリティが高く十分実用に耐えられる物ばかりです。今日はその中から今までDesigndevelopで取り上げた事がないアイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
