TOP  >  WebDesign  >  Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」 WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。 Web Site Design Tutorial 画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは

TOP  >  Design , Photoshop , WebDesign  >  PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」 WEBデザインを制作される際に、photoshopを利用してデザインを制作するという方も多いと思いますが、今回紹介するのは成果物のPSDファイルとチュートリアルがセットになったエントリーをまとめた、PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」です。 Clean Web Layout with the 960 Grid チュートリアルだけではどうしても分かりにくかった部分が,完成後のPSDも併せてみることで、作り方や構造を直接学ぶことができます。今日は紹介されているものの中からいくつか気になったモノをピックアップして

TOP  >  Design  >  iPhoneアプリ風のアイコン集「40 Beautiful MAC OS X and iPhone Inspired Icon Sets」 多くのユーザーに愛用されている「iPhone」に”アプリケーション”は欠かせない存在ですが、今回紹介するのは、そんなiPhoneアプリ風のアイコンを集めた「40 Beautiful MAC OS X and iPhone Inspired Icon Sets」です。 定番に近いデザインのものから、シンプルなもの、またかなり個性的なデザインまでさまざまなタイプのアイコンが収録されています。 詳しくは以下 ■mezzoblue § Chalkwork iPhone & iPod Touch Free Icons 背景にテクスチャが配置されたデザインのアイコン。iPhoneアプリのアイコンデザインに近いので、シンプルなタ

TOP  >  Design , vector  >  ミニマムなアイコンセットを集めた「Top 10 Beautiful Minimalist Icon Sets」 どんなWEBサイトでも利用できるシンプルなアイコンは非常に使い勝手がよく、上手く利用さればWEB全体のクオリティも上げてくれる優れた素材です。今日紹介するのはそんな汎用性の高いミニマムなアイコンセットを集めたエントリー「Top 10 Beautiful Minimalist Icon Sets」を紹介したいと思います。 Mono Icons 一定以上数のあるアイコンセットが集められており、一つのアイコンセットでほぼすべて事足りるようなセットが中心です。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Pictoico ベクター形式でも配布されているピクトグラムチックなアイコンセット。Creati

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の機能をスクリプトにｙほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言

TOP  >  Design , Font  >  アナログ感が演出できる手書き&スクリプトフォント60「60 Free Handwritten & Script Fonts」 フォント選びはデザインの中でも、もっとも重要な作業の一つで、表現したいイメージに合うフォントを探しだせれば、デザインのクオリティも非常にあがります。今回紹介するのはアナログ感が演出できる手書き&スクリプトフォントを集めたエントリー「60 Free Handwritten & Script Fonts」です。 akaDora フォント 全部で60ものフォントが集められています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■CAC Pinafore Font | dafont.com 少し癖のある手書き風のフォント。ちょっとしたアクセントに便利です。 ■Japanese

フォントはその種類や形で、デザインに与える影響力、フォント自体がもつイメージがガラリと変わりますが、今回はエレガントでクリーンな印象をもつ、フリーフォントを集めたエントリー「20 Elegant Fonts for Clean Design」を紹介したいと思います。 Gnuolane Regular 様々なフォントがまとめられていますが、気になったフォントをピックアップしていくつか紹介したいと思います。 詳しくは以下 ■Raleway 細身のシンプルでキレイめなフォント。タイトルから飾りまで汎用性が高そうです。 ■Nautik 少し癖があるフォント。様々なウェイトが準備されていますので使い易いと思います。 ■Titillium スッキリとして、洗練されたt中にも遊び心をプラスしたようなフォント。読み文字からタイトルまで。 上記のほかにも様々なフォントが紹介されています。どれもフリーでダウン

ベクターデータを探すならココ！ベクターデータ配信サイトをまとめたダウンロードサイト32選「32 Places to Find High-Quality Vectors」 制作の現場では一般的なベクターデータ形式。拡大縮小が自由自在で、色の変化なども自由にでき、汎用性が効くデータ形式として広くデザインには利用されています。今回紹介するのはそんなベクターデータで制作された素材データをダウンロードできるサイトを集めたエントリー「32 Places to Find High-Quality Vectors」を紹介したいと思います。 Vector RSS どのサイトも数多くのベクターがデータが無料でダウンロードすることができます。今日はまとめられているベクターデータサイトの中から、今までDesigndevelopで紹介したことが無いサイトを中心にいくつかピックアップして紹介したいと思います。 詳しく

TOP  >  Design , vector  >  商用利用可！様々なベクターデータがダウンロードできる「Love Vector Free」 制作にはとても便利なベクターデータ。サイズや色など様々なカスタマイズが可能なため、多くのデザインの現場で利用されている形式ですが、今回紹介する「Love Vector Free」は制作素材に使えるベクターデータを配布しているサイトです。 様々なカテゴリーに分けて公開されていますが、商用利用可能なベクターデータは「FREE COMMERCIAL USE Archive」というカテゴリーでまとめられています。今日は商用利用可能なベクターデータの中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■5 Grunge Plant Textures by LVF 少しレトロな植物のイラストレーション。 ■Navbar Wonderland

TOP  >  Design , Font  >  挑戦的な２６のフリーフォント「26 Free Progressive and Experimental Font」 フォントといっても様々なフォントが存在しますが、今日紹介する「26 Free Progressive and Experimental Font」は定番から少し外れた挑戦的で実験的なフリーフォントをあつめたエントリーです。 Cube 02 集められているフォントはどれもちょっと目を引くフリーフォントとなっています。今日はその中からいくつか気になったものをピックアップして紹介いたします。 詳しくは以下 ■VAL ものすごく丸みを帯びたフォント。POPなデザインに。 ■Quadranta サークルを基調としたフォント。ロゴ制作には便利そうなフォントです。 ■LOT 平面で構成されたフォント。デザインの一部として使えそうです。 定

TOP  >  WebDesign , WordPress  >  最近リリースされたハイクオリティなwordpressテーマ集「 55 Fresh & High Quality WordPress Themes 」 国内外で人気のCMS、Wordpress。幅広い種類のテーマが配布されていますが、今日はその中でも比較的新しく、なおかつクオリティが高く、無料で使えるwordpressのテーマを集めたエントリー「 55 Fresh & High Quality WordPress Themes 」を紹介したいと思います。 Stunning Press シンプルでスタイリッシュなものからアナログ表現と組み合わせた作りこんであるテーマから様々なテーマがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■AppCloud iphoneアプリをはじめと

XMLで外部ファイル連携ができるFLASHギャラリー「30+ Most Wanted Flash Image Gallery Tutorials using XML」 様々な携帯のWEBサイトで必要となるギャラリー機能。なるべくなら美しく見せたい部分だと思います。今日紹介するのはXMLで読み込むタイプのFLASHギャラリーを集めたエントリー「30+ Most Wanted Flash Image Gallery Tutorials using XML」を紹介したいと思います。 FlashMo Circle Gallery XMLで外部ファイルを制御していますので、写真の位置を指定し直せば自由にギャラリーの中身を入れ替えることができます。全部で30ものギャラリーがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■FlashFlickr Ph

グラフィティ的な表現を可能にするphotoshopブラシセット「350+ Ultimate Free Spray and Splatter Paint Brushes」 様々な表現を可能にしてくれるphotoshopブラシ。様々なブラシがフリーで公開されていますが、今回はグラフィティ的な表現を可能にするphotoshopブラシセット「350+ Ultimate Free Spray and Splatter Paint Brushes」を紹介したいと思います。 Free Hi-Res Splatter Photoshop Brushes スプレーからペンキ風のphotoshopブラシセットが多数まとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Gorilla Splatter Brushes v1 ペンキをまき散らしたような表現ができるph

決まった柄をアートワーク一面に敷き詰めることができるphotoshopパターンファイル。簡単に様々なサイズで展開できるのでとても便利です。今日紹介するのは花柄のパターンをひたすら集めたphotoshopパターン集「60+ Floral Patterns, Backgrounds」を紹介したいと思います。 ちょっとレトロな柄から、POPなものまで様々な花柄のパターンが集められています。配布形式はpngとpat (photoshop patterns)形式なので、photoshopを普段使っている方はありがたいですね。 詳しくは以下 今時のとは少し離れたものが多いですがチラシ等の商業デザインの賑やかしなど、、使い方によっては便利に使えるのではないでしょうか？ ライセンスはFreeとかかれており、特に制限事項等は明記されていませんでしたが、商用利用をお考えの方は配布元で再度確認をお願い致します。

TOP  >  WebDesign  >  素晴らしいcoming soonページのデザイン集「25 Beautiful Examples of “Coming Soon” Pages」 WEBサイトでこれから公開するというコンテンツを知らしめるためのページcoming soonページ。アクセスをしてくれたユーザーに対して、期待感を与えるとともに、残念な感じを与えないようにしなくてはならない難しいページですが、今日はcoming soonページのデザインを集めた「25 Beautiful Examples of “Coming Soon” Pages」というエントリーを紹介したいと思います。 Accentuate 様々なジャンルのWEBサイトのcomingsoonページが集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Creative Jo

TOP  >  Design , vector  >  商用利用可！家具のシルエットベクターデータ「Household Items Vector Pack」 色を変えたりと一部改変したりと非常に便利に利用できるベクターデータ。グラフィック制作に置いては欠かせないものだと思います。今日紹介するのは家具のシルエットのベクターデータ素材「Household Items Vector Pack」を紹介したいと思います。 扇風機、シャンデリア、ワイングラス、トロフィーなどなど、様々な家にあるアイテムのベクターデータで公開されています。 詳しくは以下 王道的なものではなくて、ちょっと変わり種のシルエットが多いですが、データ形式はepsとai形式で配布されています。使い方次第ですが、不動産関係の商業広告にはアクセントとして使えるのではないでしょうか？ ライセンス形式は「Royalty free vect

TOP  >  WebDesign  >  ポートフォリオをデザインするためのインスピレーション集「50 Inspiring Portfolio Designs」 デザイン業に関わらず、WEBの一つの使い方として、自分達はどんなことをやっているのか？どんな事をやってきたのかを伝えるポートフォリオというものがありますが、多くの場合中身ももちろんサイト自体のクオリティも見られます。今日紹介するのはポートフォリオをデザインするためのインスピレーション集「50 Inspiring Portfolio Designs」です。 Notorious Design 様々なかたちのポートフォリオのデザインが集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Second And Park 白と黒でまとめられたデザインの中で大きなキャッチコピーが魅力的なデザイン

TOP  >  WebDesign  >  商用可も有り！フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」 デザイン的にもユーザビリティ的にも非常に便利に使えるアイコン。デザインをより分かりやすくしてくれます。今回紹介するのはそんな制作に使えるフリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」です。 基本的に、アイコン個別ではなくて、アイコンセットが多数、集められていると言う形になります。沢山のアイコンセットが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Iconset:2experts-30-icons-set icons License: Free for commercial use (Include link to authors website) ■Cr

ベクターで使える便利なイラストレーターブラシ。アナログ感がプラスされ、表現の幅が劇的に広がりますが、今回紹介するのは、様々なフリーイラストレーターブラシを集めたエントリー「27 Sets of Useful and Free Adobe Illustrator Brushes」を紹介したいと思います。 Chalk Illustrator brushesCreative Commons Attribution-Noncommercial 3.0 License. 黒板に買いたいような表現を再現するブラシからインクを表現したものなどなど様々なタイプの表現が可能なイラストレーターブラシがまとめられています。今日はそのなかからいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Dash Dot Brushes 様々な点線を簡単に作れる、ドットのイラストレーターブラシ。便利に使えそうなブ

TOP  >  Design , vector , WebDesign  >  シンプルなフリーアイコンセット集「The Best Icon Sets for Minimal Style Web Design」 シルエットや線のみで描くシンプルなアイコンはWEBデザインでは汎用性が非常に高く、どんなデザインにも使いやすい、非常に使える素材だと思います。今回紹介するのはそんなシンプルなフリーアイコンセットを集めたエントリー「The Best Icon Sets for Minimal Style Web Design」です。 Mono Icons ある程度セットになっていて、一つのセットである程度WEBサイトに展開できるようなアイコンセットが多数紹介されています。今回はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■BrightMix 円形で使える、