シンプルでスマートなベクターアイコンパック「Free Vector Web Icons (91 Icons)」
WEBを制作にあたり非常に便利な素材アイコン。使い勝手が良いアイコンは製作時間を大幅に短縮してくれますが、今日紹介するのはシンプルでスマートなベクターアイコンパック「Free Vector Web Icons (91 Icons)」です。 最近のクラウドだったり、マップピンなど比較的新しいサービスに対応したものから、スタンダードなものまで幅広く91ものアイコンがセットになっています。収録されているアイコンは以下のとおりです。 詳しくは以下 シンプルな表現で、WEBに必要そうなアイコンは網羅されており、非常に使い勝手がが良いアイコンセット。しかもありがたいことにベクターデータで配布されており、Fireworksやphotoshopなどの制作ソフトで利用できます。 ベクターデータで配布されていますので、デザインに合わせて加工やカスタマイズができるため、どんなデザインでも汎用的に使えるアイコン素
webデザインのアイデアソースとなるフリーwebデザインパーツ素材集「33 Useful Photoshop PSD Freebies for the Web」
TOP > Design , Photoshop > webデザインのアイデアソースとなるフリーwebデザインパーツ素材集「33 Useful Photoshop PSD Freebies for the Web」 決まった形式のないwebサイトデザインですが、ユーザーの使いやすさを考えたデザイン制作はとても重要だと思います。そこで今回紹介するのが、フリーのPhotoshopデザインパーツを集めた「33 Useful Photoshop PSD Freebies for the Web」です。 （Clean and Sexy Form Elements ‹ ‹ 365psd365psd） ボタンデザインやフォームデザインをはじめ、webサイト制作に必須なさまざまなデザインが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Se
Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」
TOP > WebDesign > Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」 WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。 Web Site Design Tutorial 画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは
商用利用可！クリア感のある３Dフリーアイコンセット「 Incredibly Detailed 3D Icon Set」
WEB上ではデザインだけでなくユーザーインターフェイス的にも非常に役に立ってくれるアイコン。全体から見ると細かい部分ではありますが、重要な部分でもあります。今日紹介するのはクオリティの高い、クリア感のある３Dフリーアイコンセット「 Incredibly Detailed 3D Icon Set」を紹介したいと思います。 上記がセット内容の一覧です。一般的によく見かける種別のアイコンがセットになって配布されています。 詳しくは以下 パッケージの内容は128pxのpngデータとPSDファイルも合わせてセットになって配布されています。PSDデータはありがたい事にすべてレイヤー構造を保ったまま保存されていますので、こまかい部分までカスタマイズして利用することが可能です。 ライセンスは個人利用、商業利用問わずに無料で利用できるみたいです。商用利用可能でpsdのレイヤー付きで配布というの利用する側から
デザイナー必見！ベクター、PSDなどあらゆる素材データを集めた「For Designer.com」
TOP > Design , Photoshop , vector , WebDesign > デザイナー必見！ベクター、PSDなどあらゆる素材データを集めた「For Designer.com」 今までフリーでダウンロードできる様々なデザイン素材をDesigndevelopでは紹介してきましたが、今回紹介する「For Designer.com」はベクターデータ、PSDデータ、Flash、画像、テンプレートなどなど、様々な形式のデザイン素材をダウンロードできる素材配布サイトです。 公開されている数々の素材。 ありとあらゆる素材が公開されていますが、今回は公開されている素材の新着データの中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Vector carton material ■Go Media production trend vector material
ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」
軽量なjavascriptライブラリjQuery、かなり高機能で、様々な表現ができますが、今回紹介するのはjQueryを利用して、ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」です。 上記のようにメインコンテンツエリアを、ヨコにスライドして、サブページが表示されます。 詳しくは以下 印象的な見せ方なので、ユーザーに特に残るような見せ方をしたいときに有効だと思います。使いどころは難しいかもしれませんが、はまったときには非常に有効的な見せ方だと思います。 実装方法は非常に簡単で、JQueryを読み込んで、簡単なコードを追加するだけです。出現するページのワイド幅はjavascript上で変更する事ができます。対応しているブラウザはIE7, FireFox 2, Safari 2以上という事で、IE6などの旧世代のブラウザは非対応とのことです。 詳しい
商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」
TOP > Design , vector > 商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。 全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。 詳しくは以下 上記は今最も人気のシルエット素材。人物のシルエットがやはり人気が高いみたいですね。デザイナーだけでなく、企画書を書いている方にも良い素材なのでは無いでしょうか！？ ライセンスは「You are free t
商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」
TOP > WebDesign > 商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com- The Best Icons Always at Your Fingertips」を紹介したいと思います。 それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■FamFamFam Silk: 700+ icons in PNG format (16×1
ロゴデザインのリソースサイト集「105 Logo Design Tuts And Resources」 | DesignDevelop
皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか？今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思います。 ロゴのリソースとなるようなサイトが集められています。かなりの数が紹介されていますが、その中からいくつか下記に紹介したいと思います。 詳しくは以下 ■Logo Design Trends – 2008 2008年のロゴのトレンドがまとめられているサイトこれは以前にも紹介しましたね。 ■LogoSauce ロゴ共有サイト。様々なロゴデザインがアップロードされています。 ■The Logos Of Web 2
滑らかにスライドするタブメニュー「Coda Slider Effect」
最近は様々なライブラリが展開されていて、WEBの開発にも大きな影響を与えていますが、今日紹介する「Coda Slider Effect」もそんなライブラリの一つjQueryを使ったタブメニュー+エフェクトです。 「Coda Slider Effect」は非常に滑らかに動くスライダーエフェクトを実現するためのもので、上記のようなよく見るタブメニューにひと味違った動きを付加させてくれます。 詳しくは以下 実際のスライダーエフェクトのデモは「Better Coda Slider」から見ることができます。実装方法はものすごく簡単という感じではないが、それでもXHTMLとCSSが理解できる方なら、ソースを読めば大体理解できる範囲かなと思います。詳しい実装方法は「Coda Slider Effect」から見ることができます。 デザインはCSSで制御されていますので、カスタマイズして自身のWEBなどに埋
レトロな表現のフリーベクターアイコン「Retro Vector Icons」
カメラやテレビ、ラジオなど最新の形ではなくてシンプルな少し昔の形をしたらレトロな表現をベクターデータが今回紹介する「Retro Vector Icons」です。このアイコンセットでは一昔前の形で様々な物を表現しています。 視覚的には古さを感じる物もありますが、歴史があるからこそ認識しやすいという利点が気がします。そういう意味では何らかの機能を示すアイコンの原型なんかには使えそうです。 詳しくは以下 公開されているベクターアイコンは全部で2セット27種類ですべてEPSファイル、PDFファイル、PNGファイルの三種類の形式で配布されています。ライセンスは「100% free」と書かれていることから個人利用、商用利用も大丈夫かと思います。 最新のデザインの中にアクセント的に使ったり、いっそレトロに徹したりと使い方は色々あるかと思います。高品質なアイコンと言うよりもわかりやすくそれがなんなのかを視
サイトのギャラリーに最適なスマートなギャラリーライブラリ「Galleria」
WEBで画像を表示するようなギャラリーはよく見かけるし、作品紹介や、写真紹介など様々な用途で使われる場合が多いです。Flashなどを使ってギャラリーページを作っても良いのですが、もっと手軽にかっこいいギャラリーを作りたいそんな時におすすめなのが、今回紹介するJavaScriptベースのライブラリ「Galleria」です。 「Galleria」はJQueryを使ったライブラリで、シンプルながらも画像表示にフェードをかけたり画像の表示もスマートで、導入も比較的簡単にできるようになっています。 詳しくは以下 公開されているDemoは初めの画像のように、メイン画像下にサムネイルをまとめた「Galleria Demo 1」ともう一つはメイン画像の左側にサムネイルを配置した「Galleria Demo 2」の2種類。どちらもCSSでレイアウトは制御されているので、比較的カスタマイズしやすくなっています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
