http://design-develop.net/design/25-fresh-icon-sets-for-web-designers.html
小さな存在でありながら、情報を的確に伝えるアイコン。デザイン性の高いアイテムも多く、素材として欠かせない存在になっているのではないでしょうか?そんな中今回紹介するのは、webデザイン制作に使いやすいアイコンを集めた「25 Fresh Icon-Sets for Web Designers」です。

Designmoo | Glyphs by GSIX by David
カラフルなデザインから、立体的でリアルなデザインまで、さまざまなアイコンが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Free E-Commerce Icons | MediaLoot
ECサイト用のアイコンセットです。リアルで立体的なデザインなので、ECサイト利用が初めての方にも、分かりやすいデザインを仕上げることができそうです。

■Monochromatic Iconset _1 by ~aipotuDENG on deviantART
白を基調にしたアイコンセットです。グラデーションを上手く利用した立体感にクオリティの高さを感じます。丸みのある可愛らしいデザインなので、女性や子ども向けのデザインにぴったりです。

■Stampaxx
スタンプ風のソーシャルメディアアイコンセット。味のあるスタンプデザインなので、質感を大切にしたいwebデザインにおすすめです。

デザイン性の高いアイコンが豊富なので、イメージにぴったりのアイコンを手軽に見つけることができそうです。他にもいろいろな種類のアイコンが紹介されていますので、気になる方は下記リンクよりどうぞ。それぞれのアイコンでライセンスが異なりますので、商用利用をお考えの方は、ダウンロード元で再度ご確認お願いいたします。
25 Fresh Icon-Sets for Web Designers
6月 16th, 2011 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/design/25-free-html-email-templates.html
読んでもらえる、魅せるメールマガジンを目指すため、HTMLを利用したテンプレートを利用している方も多いはず。しかしHTML Emailを作成するには、時間と手間が掛かります。そこで今回紹介するのは、効率的にHTML Emailを作成するためのHTML Emailテンプレートを集めた「25 Free HTML Email Templates」です。

100+ free HTML email templates | Campaign Monitor
シンプルなレイアウトから、イラストを利用したポップなテイストまで、さまざまなテンプレートが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■100+ free HTML email templates | Campaign Monitor
イラストなどのモチーフを使いポップなデザイン性を取り入れながらも、クールさを感じるデザイン。男性向けのメールマガジンにぴったりです。

■100+ free HTML email templates | Campaign Monitor
テクスチャ感がありながらも、シンプルなテイストを保ったデザイン。さまざまな内容のメールマガジンに利用することができそうです。

■newsletter-template | CakeMail
グラフックを効果的に取り入れた、デザイン感のあるテンプレート。若い層向けのメールマガジンに最適ではないでしょうか?

デザイン性の高いデザインばかりなので、クオリティの高いメールマガジンを作成することができそうです。たくさんの人を魅了できるようなメールマガジンを目指している方は是非チェックしてみてください。
25 Completely Free HTML Email Templates
6月 16th, 2011 in
etc... |
コメントは受け付けていません。
http://design-develop.net/design/50-best-free-script-fonts.html
デザイン上でフォントを選定するセンスは、作品の表情を左右する程大変重要なものです。特に繊細なデザインフォントは、ラインの太さやバランスなどが選定の際のポイントとなってきます。そんな中今回は、デザインに洗練さを与えてくれるスクリプトフォントを集めた「50 Best Free Script Fonts」を紹介したいと思います。

(Billy Argel Font Font | dafont.com)
マジックでラフに描いたようなフォントから、繊細なラインが美しいタイプまで、さまざまなフォントがラインナップされています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Harabara Hand Font | dafont.com
マジックのにじみ感までリアルに表現されたフォントです。ラフな印象を演出したいデザインに向いているのでは?

■Frangipani Rose Font | dafont.com
少しバランスを崩したような、丸みのあるフォント。形を決めすぎていない文字が、デザインに表情をプラスしてくれそうですね。

■Champignon Font ? 1001 Free Fonts
なめらかで美しい曲線が特徴。洗練さを演出しながらしっかりとデザインを見せたい部分に有効なフォントだと思います。

これだけのスクリプトフォントが揃っていれば、デザインイメージにぴったりのタイプを見つけることができそうですね。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もご覧ください。商用利用をお考えの方は、各リンク先で利用規約の確認をお願いします。
50 Best Free Script Fonts
6月 14th, 2011 in
フォント |
コメントは受け付けていません。
http://design-develop.net/design/20-free-top-shelf-ui-kits-for-web-designers.html
クオリティの高いwebデザインを完成させるためには、細部にまでこだわったパーツづくりがキーポイントになってきます。しかし、全てを0から作り出すのは大変。そこで今回紹介するのが、無料で利用可能な、さまざまなテイストのUIキットをまとめた「20 Free Top Shelf UI Kits for Web Designers」です。

Freebie: Modern Web UI Set
テクスチャを活用したデザインから、ポップなデザインまで、さまざまなデザインのUIキットが集められています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Black UI Kit | Design Kindle
黒背景に採光感のあるブルーが未来的な雰囲気を感じさせます。男性向けやクールなデザインにぴったりのデザインテイストだと思います。

■Web kit interface layout pack by ~Giallo86 on deviantART
グレー・グリーン・ブルー・イエロー・パープル・レッドと、原色系の色展開が豊富なセットとなっています。はっきりしたデザインをお求めの方におすすめです。色展開が豊富なので多様なデザインに合わせて使いやすいというのも嬉しいですね。

■Soft UI Kit: Free PSD for Mocking Up Web Designs
シンプルな中にも可愛らしさを感じるUIキッドです。ユニセックスなサイトやシンプルな雑貨を扱うサイトに利用してみてはいかがでしょうか?

多くのパーツが必要になるUIデザインパーツを一度に手にすることができるので、デザイン制作の時間を大幅に短縮させることが可能になりそうですね。他にも様々なテイストのUIキッドが紹介されていましたので、気になる方は是非原文もご覧ください。商用利用を検討されている方は、各サイト内で利用規約をご確認ください。
20 Free Top Shelf UI Kits for Web Designers ? Noupe Design Blog
6月 10th, 2011 in
その他素材,
アイコン |
コメントは受け付けていません。
http://design-develop.net/web-design/8-fresh-and-useful-jquery.html
WEB制作に便利なjQuery。プラグインも豊富にリリースされており、世界中でりよすされているjavascriptの一つです。今日紹介するのは最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」です。

Isotype
全部で8つのプラグインが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Sausage
長い、WEBページをどこに何があるのかスクロールバーの横にナビゲーションを出してくれるスクリプト。

■ImageLens
画像の一部を拡大し、表示してくれるプラグイン。商品の詳細をクリックさせずに見せる時などに便利。

■jMenu
シンプルなメニューですが、オプションの値などで簡単に様々なエフェクトがコントロール可能です。

どのjQueryプラグインも丁寧に導入方法が記載されていましたので、普段から利用している方は問題なく導入することができると思います。jQueryプラグインを探していたという方は是非原文もどうぞ。
8 Fresh and Useful jQuery Plugins | Resources
6月 6th, 2011 in
08 jQuery |
コメントは受け付けていません。
http://design-develop.net/design/fontac.html
デザイン制作時に欠かせないフォントですが、もともとパソコンに入っているフォントだけでは、デザイン表現が難しい場合も多いと思います。しかし高額で販売されているフォントも多く、なかなかフォントを増やすことができないとお悩みの方も多いはず。そこで今回紹介するのは、商用利用も可能なフリーフォントがダウンロードできるサイト「フォントAC」です。

手書き風のフォントから、使いやすいゴシック体のフォントまで、ユーザーが利用しやすいサイトとなっています。
詳しくは以下
商用フリーのフォントを探すのは案外時間がかかってしまい敬遠しがちですが、「フォントAC」には商用フリーのフォントのみが掲載されているので、商用・非商用を気にすることなく、誰でも自由にフォントを利用することができます。また「英語フォント」「日本語フォント」「絵文字フォント」のカテゴリーに分類されているので、必要なフォントを手軽に探すことができるというのも嬉しいですね。サイト内のフォントの充実はこれからなようですが、今後の展開に期待できそうです。フリーで使いやすいフォントをお探しの方は是非チェックしてみてください。
フリーフォントのダウンロードサイト「フォントAC」
6月 3rd, 2011 in
フォント |
コメントは受け付けていません。
http://designmodo.com/highly-detailed-free-icon-sets/
webデザインの必須アイテムであるアイコンは、フリーでもさまざまな展開がされており、利用されている方も多いと思います。そんな中今回紹介するのは、クオリティが高く、画像サイズにも余裕のあるアイコンセットをまとめた「40 Big and Highly Detailed Free Icon Sets to Improve Your Designs」です。

(Sallee Design)
立体感のある手の込んだアイコンが豊富に紹介されています。中でも特に気になったものをピックアップしてみましたので、以下よりご覧ください。
詳しくは以下
■Yoritsuki icons by ~HYBRIDWORKS on deviantART
日本の温泉旅館を表したアイコンセットです。海外クリエイターの感性が感じられる、日本人から見るとユニークなアイコンですね。

■Choose your sport Icons by ~TPDKCasimir on deviantART
スポーツのグラウンドがオモチャのように立体的に表現されています。子ども向けスポーツのデザインにぴったり。

■Retro Bulli Icon Set ? Freebies ? templay.de
ワーゲンバスをモチーフにした可愛らしさを感じます。立体的な車のアイコンなので、用途は限られますが、モチーフとして自作のポストカードにしてもかわいいかもしれません。

アイコンとしてはもちろん、ポストカードや年賀状・お礼状にも個性溢れる演出を加えることができるのでは?この他にも、たくさんのアイコンが紹介されていましたので、下記よりご覧ください。
40 Big and Highly Detailed Free Icon Sets to Improve Your Designs ? DesignModo
5月 30th, 2011 in
アイコン |
コメントは受け付けていません。
http://www.iconarchive.com/
-288x300.png)
5月 24th, 2011 in
アイコン |
コメントは受け付けていません。
http://www.noupe.com/freebie/50-free-and-high-quality-icon-sets.html
美しくエレガントなアイコンセットは、デザイン良いウェブ任意である資産に。 アイコンをセットクリエイティブ使用のに役立つことやデザインを見ての全体的な破壊。 景品のデザインコンポーネントは、特に 美しいアイコンのセットは ウィッシュリストの上に確かに中のツールは、まだ存在しないのが見つかりました、デザイナーほぼすべてのツールボックスの場合、またはことができること。 今日ここに私たちにもたらすものはどれ…キットのツールを追加している!
この記事では、我々は見事に設計された50の畏敬の念を起こさせるのコレクションを、無料、フリー、プロ、高品質のアイコンをセット提示されます。 アイコンの全ては無料です紹介します。 それにもかかわらず、慎重にすべてのアイコンを使用して、これは随時変更することができますので、前に使用許諾契約書を必ずお読みください。 お楽しみください!
フリーで高品質なアイコンを設定します
Symbolicons:輸送
スタイリッシュな交通機関の無料セットが設定されフルSymboliconsからアイコンをクリックします。

マルチメディアのアイコンを設定
セットには、’マルチメディアのアイコンを設定’は、名前が示すように、PNG形式で14マルチメディアのアイコンが含まれていると呼ばれています。 あなたはまた、AIのソースファイルのダウンロードに含まれております。 あなたは両方の個人や商業的なプロジェクトに設定され、このアイコンを自由に使用できます。

専属の無料アイコン:”アプライアンスでは、アイコン”
セットには、家電製品のすべてのタイプの10超かわいいを探してアイコンが含まれています。

15テレビの設定のアイコン
15テレビの新しいセットが256 × 256ピクセルでは、様々なデザインの利用可能なアイコンを表示します。

アプリケーションアイコン
これは、128から16pxに、様々なアプリケーションのための28のアイコンを、両方ウィキメディアコモンズとICO形式で提供されています。

計算された2アイコン
セットカバーを色変えて計算された2の18美しくレンダリングされたアイコンが含まれています。

かわいいTwitterは〜Chromeをアイコン
256 × 256ピクセルでTwitterのアイコンを新しい範囲。 盛り上げるこれらの小さなかわい子ちゃんのいずれかを使用してWebサイト。

レザーブリーフケースのPSD&アイコンを
ブリーフケースのセットは、512 × 512 256 × 256、および128 × 128ピクセル可能アイコンをクリックします。

スタイルガイド:作家のためのセット無料アイコン
この高品質なアイコンセットは、すべて512 × 512ピクセル32 × 32ピクセルに至るまで、PNG形式で、5つのアイコンを備えています。

私はアイコンに従います
TwitterやFacebook、フィード、好きなが含まれてあなたのブログのデザインプロジェクト4ウィキメディアコモンズアイコンを表示します。

RSSフィードのアイコン
16シックなRSSフィードの選択は、任意のサイトを活気づけるためにアイコンをクリックします。

ブランド新しい社会のアイコンが〜ティーカップ
一杯のお茶、誰ですか? 単純に美味しそう6社会のアイコン!

Minimalisticaアイコンセット
この単純な2つのトーンのコレクションには、PNG形式で提供されています:16 × 16 24 × 24、32 × 32、48 × 48、64 × 64、128 × 128

素晴らしい本のアイコン
しかし、彼らは棚にした棘から見た本のセットの素晴らしいアイコン。 512px、256px、1??28pxとアイコンを一つのアーカイブで利用可能な64pxバージョン。

ボタンスタイルの社会的アイコン
シンプルでクリーンな256 × 256ピクセル単位でベースのアイコンを社会的なメディアのセットです。

ショッピングは〜ブランドの新しいセットをアイコン!
任意のWebベースの店や小売店のニーズにきれいなアイコンのセットを提供します。

財布のアイコンを
大規模な法案でいっぱいの美しい革の財布。 それを取る、それを開きます。

65クラシックカクテル
いずれかの非常にさわやか見つけるかもしれないアイコンのクールでスタイリッシュな範囲。

48ピクセルのWebアイコンセット
ウェブサイト、デザイン、eコマースに関連する226アイコンの合計が含まれています。

クレジットカードのアイコンを
31クレジットカードのアイコンの豪華なセットです。

Dreadheadクリーチャーズ
10キュートで髪をきれいに撫でつけた元のベクトルのクリーチャーアイコンを表示します。

物事アイコン
6つのランダムなセットです。ウィキメディアコモンズは、16px 512pxに至るまでです。

コミックアイコン
卓越したコミカルに示すアイコンのセットを提供します。

ジュニアアイコン
シャープなセットが146きれいなアイコンが含まれています。

ラビットアイコン
64x64px、128x128px、256x256px:透過PNGファイルを利用できるよう4サイズがある魅力的な特別なイースターバニーアイコンセット

クラフトワーク
このコレクションは、WindowsおよびMac OS X用の大規模なリソースを持つ13のアイコンが含まれています

クラシックカーのアイコン
セットには、いくつかの古典的な車のうち6人のきれいなアイコンが含まれています。

HYDROPROのアイコンをパック
PNG形式とICO形式。HydroPROアイコンをパック50が高品質(256 × 256ピクセル)のアイコンが含まれています。 このパッケージには含まれています:HDDのアイコン、[マイコンピュータ]アイコンを、キーボードのアイコン、マウスアイコンと詳細…

滑らかな金属ソフトウェアパック
50のセットは、素晴らしいアプリケーションのアイコンを示す。

GPSナビゲーションは、Part – 2のアイコンを
このセットは4色のGPSナビゲーションのアイコンを含む各アイコンは128ピクセルが完全にPSDファイル階層128 ×で提供されます。

ファームフレッシュアイコン
驚異的な2000アプリケーションとミニのアイコンが含まれている美しい、きれいアイコンのセットを提供します。

社会メディアはIconshockでアイコン
このセットは幻想的社会的なメディアのアイコンをデザインした12が含まれています。

セットPSDのショッピングバッグ
このセットは9美しく細工されたショッピングバッグのアイコンが含まれています。

無料クレジットカードのアイコン
最も完全なクレジットカードのアイコンは、457支払い、これまで設定のクレジットカードは、この素晴らしいコレクションにパックのアイコンは、9サイズ、小さなサイズと大きなサイズのベクトルのピクセル完璧なアイコンが含まれています。

ホームのアイコン
家のセットは256 × 256と128 × psdファイルと128ピクセル、512 × 512で使用できるアイコンを表示します。

高詳細社会アイコンを
見た目にも美しいソーシャルメディアのアイコンのセットです。

ユーザーがアイコンを
このセットは55素晴らしいユーザーのアイコンが含まれています。

3Dダウンロードアイコン
プロジェクトのダウンロードのニーズを満たすために(512px; 128px; 256px 64px)このセットは、4透過PNGファイルが含まれています。

ブルーはシェックによるアイコン
青みの5きれいなアイコンのセットを提供します。

PSDは、ユーセットBubbleをありがとう
いかなる目的のために使用することができます9魅力的な泡の素晴らしいセット。

無料ブリーフケースアイコン
非常に詳細なブリーフケースのアイコンは3つの異なる次元で発表した。

iPhone&計算されたPSDは、テンプレート&アイコンを
サイズ256 × 256のPNGアイコンの美しいセット、128 × 128および64 ×あなたのWeb??プロジェクトで使用するために64ピクセル。

Twitterのアイコン
もベクトル形式でTwitterアイコンの設定設計されています。

世界世界中のPSD&アイコン
異世界の世界のセットが完全にレイヤー化されたPhotoshopファイルを使用してアイコンをクリックします。 512 × 512、256 × 256、128 × 128、64 × 64 32 × 32ピクセルなど、様々な標準サイズのアイコン。

アイスキャンディーのPSD&アイコン
美味しいを探して冷菓の御馳走のセットは512 × 512 256 × 256ピクセルで使用できるアイコンを表示します。

無料のiMacアイコン
完全にあなたの創造的なヘッダ、プレゼンテーション、ビジネスカード、ポートフォリオのWebサイトや版画作品に合わせて自由意志のiMacアイコンをクリックします。 この品質の図は、様々なニーズに有用である、3つの異なる次元のサイズを変更されています。

GPSナビゲーションは、Part – 1のアイコンを
それぞれのアイコンは完全に階層化ファイルをPSDとアイコンとしてのWebプロジェクトで使用するための透明な背景で隔離さ128 × 128ピクセルで提供されます。

HTML5は、アイコンが
HTML5のアイコンに触発さきれいなアイコンのセットを提供します。

バッテリアイコン
このセットには、サイズが512 × 512と256 × 256ピクセルPSDと完全にのアイコンをPNG形式が含まれています。

単色アイコンセット
は、まだ古典的な、単純な利用のPSDファイルを使用して単色のアイコンの設定してください。

葉はアイコンマイム
プロジェクトにスタイルのビットを追加することができますアイコンの固有のセット。

(RB)を
5月 19th, 2011 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/web/30-best-websites-to-download-free-stock-photos.html
さまざまなメディアを制作する際に、必要となるイメージ写真。制作の度に撮影できれば最も効果的なイメージ画像を使用することができますが、撮影にまでコストをかける事ができない状況も多々あるかと思います。そこでおおいに活用される、フリーで利用できる写真素材を扱うストックフォトサービスサイトをまとめた「30 Best Websites To Download Free Stock Photos」を今回は紹介したいと思います。

(morgueFile free photos for creatives by creatives)
風景や人物、さまざまなシチュエーション・シーンなど、多くの写真を扱うサイトが紹介されています。中でも気になったサイトをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
■everystockphoto ? searching free photos
フリー素材からクリエイティブコモンズ、パブリックドメインなどさまざまなフリーライセンスに合わせた検索をすることができる、クリップアートの検索エンジンです。プロの現場では、商用利用の範囲がとても重要になるので、ライセンス用途に合わせた検索が可能というのが嬉しいですね。

■Free Stock Photos, Free Images
高品質な写真素材配布するストックフォトサイトです。高いクオリティの素材が多数取り揃えられているので、より良いデザイン性の向上を図ることができそうです。

■unprofound.com : royalty free photography project ? a public domain stock photo collaboration
色で素材を探すことができる、特殊なストックフォトサイトです。色のイメージが重要な制作物を作成している時には是非チェックしたいサイトではないでしょうか?

それぞれのニーズに合わせ検索ができるサイトが、多数紹介されていました。必要に応じて利用するサイトを的確に選ぶことで、制作時間の短縮に繋げることができそうです。写真素材をお探しの方は是非チェックしてみてください。今回紹介したサイト以外にもたくさんのサイトが紹介されていますので、気になる方は是非原文をご覧ください。
30 Best Websites To Download Free Stock Photos
5月 18th, 2011 in
写真素材等 |
コメントは受け付けていません。
http://design-develop.net/design/10-awesome-free-script-fonts.html
デザインの現場でプロとして活躍している方はもちろん、一般の方でも年賀状やグリーティングカードを作成する時など、デザインにぴったりのフォントを選びたいと思う方も多いのではないでしょうか?しかし、イメージにぴったりのフォントを見つけるというのはなかなか難しい作業だと思います。そこで今回は、綺麗めなデザインに最適なスクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」を紹介したいと思います。

(Download Fleurie PDF font)
繊細なラインが美しい、筆記体のようなスクリプトフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Download Saginaw Medium font
手書きのサインのようなフォントです。少し癖がありながらもきちんと読むことができ、ラフな雰囲気を表現するデザインにぴったりです。

■Download Bickham Script Two font
華やかさを感じるフォントです。癖の強い文字ですが、タイトルや飾り文字として利用すれば、デザインの雰囲気を盛り上げることができそうです。

■Download Quiller font
独特な力強さと味のあるフォントです。読み物的な文章には少し向かないかもしれませんが、個性的なグラフィックなどのデザインに最適。

デザインの質を大きく左右するフォントには、こだわりを持ちたいもの。筆記体タイプのフォントは特に、なかなか良いデザインのものに出会えないという方も多いと思いますので、是非今日の機会にチェックしてみてはいかがでしょうか?今回紹介したフォント以外にも特徴的なフォントが紹介されていますので、気になる方は是非原文をご覧ください。フリーのライセンス範囲は各サイトでご確認ください。
10 Awesome Free Script Fonts
5月 18th, 2011 in
フォント |
コメントは受け付けていません。
http://design-develop.net/design/50-high-quality-free-psd-icon-sets-you-probably-never-want-to-miss.html
webサイト制作を始め、様々なデザインに使用されているアイコン。目で見て瞬時に情報の内容を理解することができる、デザインの重要なアイテムとなっています。しかし、アイコンを1から作成するのは時間がかかってしまう、とお悩みの方も多いのではないでしょうか?そこで今回紹介するのが、デザイン制作にすぐに取り入れることができる、高品質なフリーPSDアイコンをまとめた「50 High Quality Free PSD Icon Sets You Probably Never Want To Miss」です。

(Radium Icon PSDs by ~gakuseisean on deviantART)
どんなデザインにも使いやすいシンプルなアイコンから、一つの情報に特化したアイコンまで、様々なアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Spiffy icon pack v1.3 ? Final by ~Balling on deviantART
iPhoneのアイコンをポップに表現したアイコンセットです。立体的な質感が再現されているのもポイントですね。

■Free PSD Avatar Icon Set | Productivedreams.com
個性的な表情のアバターアイコンセット。全てのパーツが個別にレイヤー分けされているので、このセットからオリジナルのアバターを作り出すこともできそうです。

■minimalistic icon set vector by ~eEl886 on deviantART
図形で描かれた非常にシンプルなアイコンは、どんなデザインにも取り入れやすく、重宝するのではないでしょうか。

それぞれのデザインテイストにあったフリーアイコンを利用することで作業効率を上げ、デザインの全体的なクオリティアップに繋げることができそうです。他にもいろいろな種類のアイコンが紹介されていますので、気になる方は下記リンクよりどうぞ。それぞれのアイコンでライセンスが異なりますので、商用利用をお考えの方は、ダウンロード元で再度ご確認お願いいたします。
50 High Quality Free PSD Icon Sets You Probably Never Want To Miss | Free and Useful Online Resources for Designers and Developers
5月 16th, 2011 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/design/steedicons.html
webサイトを制作する際に頻繁に使用するアイコンですが、一からデザインするには大変な手間と時間がかかってしまうと思います。そこで今回紹介するのは、手書き感とユーモアで親しみやすさを感じるアイコンセット「Steedicons」です。

手書きの素朴な雰囲気の中に、細部へのこだわりを感じるアイコンが数多く展開。300以上のアイコンセット[29ドル]の他に、フリーで利用できるアイコンも一部公開されています。
詳しくは以下


webサイト全体で、手書きアイコンのデザインテイストを表現している点もポイント。アイコンそれぞれのアイテム表現は簡素化されていますが、用途別によく特徴をつかんでおり、細かいディティールにこだわりを感じる、クオリティの高いアイコンばかりが並びます。
手書きならではの質感で、見る人に安心感を与えてくれる、柔らかいテイストのサイトを中心にさまざまなシチュエーションで活用できるのではないでしょうか?アナログ感溢れるのサイトを作りたい方はもちろん、サイトに安心感を演出したいときにもぴったりです。気になる方は是非下記サイトからチェックしてみてください。
Steedicons
5月 6th, 2011 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/design/20-professional-headline-fresh-and-free-fonts.html
デザインの善し悪しを決めるフォント選びは、デザインを長年経験している方でも意外に難しいもの。ぴったりのフォントを見つけるのに苦労する場合も多いかと思います。今回はそんなシーンに是非活用したい、クリエイティブでフレッシュなフリーフォントまとめ「20 Professional Headline Fresh and Free Fonts」を紹介したいと思います。

(Movavi Grotesque Black on the Behance Network)
シンプルで定番として使えそうなタイプから、フォント自体がデザインされたクリエイティブなものまで、20のフリーフォントが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Maven Pro ? A free sans-serif font brought to you by Vissol.co.uk

シンプルなフォントですが、どこか柔らかさと洗練された雰囲気を兼ね備えています。さまざまなデザインに活用できそうなフォントですね。
■Matilde Free Font ? typedepot

レトロな印象のフォント。細いラインが特徴です。アンティークなデザインにも合いそうですね。
■Neal Fletcher ? Portfolio

シンプルな中にも個性を兼ね添えているので、デザインに彩りが生まれるフォントではないでしょうか。
文字を主役にしてもデザインが生きる、そんな個性を持ったフォントが豊富に集まっているような気がします。デザインに何かが物足りない時に是非チェックしてみてください。他にもいろいろな種類のフォントが紹介されていますので、気になる方は下記リンクよりどうぞ。
20 Professional Headline Fresh and Free Fonts
4月 25th, 2011 in
フォント |
コメントは受け付けていません。
http://design-develop.net/design/20-most-famous-fonts.html
デザインする際に重要になってくるフォントですが、その選び方でデザインの印象はガラリと変わります。日々数多くのフリーフォントが公開・制作され利用されていますが、今日紹介するのは、もっとも有名な世界のフォントまとめと、そのダウンロードの仕方のエントリー「20 Most Famous Fonts (And How to Get Them)」です。

王道のフォントや大手企業のフォントなど、参考になる様々なフォントが紹介されています。中でも気になったものをピックアップ致しましたので、下記よりご覧ください。
詳しくは以下
■FFF Forward Font
ポップな印象のフォントです。あえてデジタル感を出すことで深い印象を持たせてくれます。

■Pico ? Alphabet
丸みを帯びた可愛らしい印象のフォントなので、柔らかいデザインのサイトに活用できそうです。

■Yahoo Font | dafont.com
なじみのあるyahooフォントです。独特なスタイルで他のフォントと差別化されています。

これらの有名なフォントを勉強する事で、万人受けするフォントが理解できると思います。全てフリーで利用できますが、それぞれのフォントによって利用規約が異なりますので、商用利用をお考えの方はダウンロード元で御確認お願いいたします。今回紹介したもの以外にも様々なフォントが紹介されていますので、気になった方は是非原文もご覧ください。
20 Most Famous Fonts (And How to Get Them) | Orphicpixel
4月 20th, 2011 in
フォント |
コメントは受け付けていません。
http://design-develop.net/design/40-new-collection-of-free-wood-textures.html
素材テクスチャ選びは、デザインを左右する重要な要素の一つです。そんな中今回紹介するのは、自然の風合いを上手く再現できる木製テクスチャまとめ「40 New Collection of Free Wood Textures」です。

(Packed Nice Wood Textures)
木目の粗いものから繊細なもの、あえて傷のついた素材からきれいな木目が印象的なものまで、様々なテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
■pics Wood Planks Wood floorboards texture | Wood-floorboards-texture.jpg

ベーシックなタイプのテクスチャです。木の温もりが伝わってくるので、優しさを感じさせる、温かみのあるデザインにぴったりです。
■Got3d Free Textures ? Free Wood Textures

落ち着いた木目と色のテクスチャとなっており、素朴な素材感を演出できそうです。背景に木の素材感をはっきりと演出したいときにもおすすめです。
■Wood by ~iFlay on deviantART

家具のような、造作っぽさを感じられるテクスチャです。どこかアナログ感のあるデザインにもおすすめ。
同じ木でも、木目や色によって表情が全く違うということが分かります。細かい表現を1から作り出すには手間と時間がかかりますが、このようなテクスチャを参考にしたり利用することで、効率的にオリジナリティのあるデザインを作り上げることができそうです。他にもいくつかの種類が紹介されていますので、気になる方は下記リンクにてチェックしてみてください。
40 New Collection of Free Wood Textures | Naldz Graphics
4月 19th, 2011 in
その他素材 |
コメントは受け付けていません。
http://design-develop.net/wordpress/16-unusual-ways-to-build-great-wordpress-websites.html
ブログの作成に良く使用されるWordPressは、テーマをダウンロードするだけで手軽にブログページを生成することができるツールとして人気を集めていますが、webサイトの生成には使いづらいと考えている方もいらっしゃるかもしれません。そこで今回は、WordPressを有効的に使い作成されたwebサイトまとめ「16 Unusual Ways to Build Great WordPress Websites」を紹介いたします。

(Minicard)
1つのコンテンツだけをシンプルに見せるデザインから、情報を豊富に表示できるデザインまで、さまざまなサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Visiting Card | Templatic
個人紹介用のwebページが、WordPressを使用し構築されています。ボード調の画面にプロフィールやFacebookなど、ネットワークリンクできるようになっており、シンプルで分かりやすいサイト構成だと思います。

■Newscast 4 in 1 ? WordPress Magazine and Blog Preview ? ThemeForest
多くの製品をメインコンテンツに配置して紹介することができるWordPressとなっており、出版社の雑誌紹介や販売サイトに使用することができそうです。

■Japan ? KIN ? Photography Template
たくさんの画像を全面的に表示させる画面構成に有効なWordPressです。写真ギャラリーやポートフォリオを大きく見せたいサイトにおすすめです。

wordpressは、基本テンプレートをカスタマイズすることでビジネスが簡単に始められることが一番の魅力であり、今回紹介したサイトを参考にすることで、多くの訪問客を引き付けることができそうです。原型がとても洗練されているので、それだけでも立派なサイトとして成り立つというのも嬉しいですね。今回紹介したもの以外にも様々なwordpressの用途が紹介されていますので、気になった方は是非原文もご覧ください。
16 Unusual Ways to Build Great WordPress Websites ? tripwire magazine
4月 18th, 2011 in
テンプレート |
コメントは受け付けていません。
http://design-develop.net/web/10-useful-jquery-plugins.html
webサイトをより効果的に見せるための手段としてjQueryを選択するという事も多いと思います。今回紹介するのは使えるjQueryプラグインまとめたエントリー「10Useful jQuery Plugins」です。

Subway Map Visualization
シンプルなものから少し変わったギミックのプラグインまで幅広いジャンルのものが紹介されています。今回はそのなかからいくつかきになったプラグインを紹介したいと思います。
詳しくは以下
arbor.js
グラフの可視化ライブラリにより画面のリフレッシュ処理や仕事の効率化が可能になります。ユーザーが必要な情報を選んで表示させたりと、見る人によって得ることのできる情報が異なるコンテンツ制作ができそうです。シンプルな線で綺麗に系統立てられているので、さまざまな場面で使いやすいと思います。

Mobily Playground ? MobilyMap
任意の画像からGoogleマップのような、ドラッグ可能なインターフェイスを作成することができます。地図だけでなく大きな画像を表示させて、画像の細部までじっくり見ることができるようになるのではないでしょうか?

Awkward Viewline
単純な直線上にすべてのメディアタイプを表示するためのプラグインです。例えば、製品ラインをいくつも表示したいときに使用すると便利です。画面のスクロールもとても滑らか使いやすく、インパクトを与えることができそうです。

liteAccordion
最近サイトでよく見かける、クリックすると画像が横スクロールするタイプのプラグインです。わずか4.5キロバイトのデータ量なので、気軽に使うことができます。basicやblackなどのテーマ選択やオートプレイ等の選択ができるというのも嬉しいです。

サイトの表現方法は無限に広がっており、アイデアを形にできる環境が整っているので、JQueryプラグインを効率的に使用して、新たなアイデアを形にすることができそうです。他にもたくさんのテンプレートが紹介されていますので、気になる方は下記よりご覧ください。
10 Useful jQuery Plugins | Resources
4月 11th, 2011 in
08 jQuery |
コメントは受け付けていません。
http://design-develop.net/design/40-useful-free-folder-icon-sets.html
webサイト制作やデザインの現場では、内容を瞬時に理解してもらうためにアイコンを使用することが多く、これまでにDesigndevelopでもさまざまなアイコンを紹介してきました。今回紹介するのは、アイコンの中でも特に利用率の高いフォルダアイコンまとめ「40 Useful Free Folder Icon Sets」です。

Alumin Folder set
シンプルなものから、インパクトを与えるものまで、さまざまなテイストやデザインのフォルダアイコンが多数紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Cryonic Folder
デジタル感やクールさを演出できるフォルダアイコンセット。ハードなイメージのデザインにぴったり。

■Music Folder 19 PNG
あまりみかけないタイプの、フォルダに細かなデザインが施されているアイコンセット。音楽のデザインに特化しており、音楽を配信する際に、フォルダをイメージ的に見せることができる、とても有効なデザインアイコンだと思います。

■Portal Icons ? Live Folder
シンプルさにこだわった、立体的なアイコンセット。さまざまなテイストのデザインにもマッチする、合わせやすいアイコンではないでしょうか。

シンプルなデザインから的を絞ったデザインまで、豊富なアイコンが集められているので、最も必要な1枚を見つけることができそうです。上記の他にも様々なアイコンセットがまとめられています。フォルダアイコンをお探しの方は是非原文もご覧ください。
40 Useful Free Folder Icon Sets | Naldz Graphics
4月 11th, 2011 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/web/fresh-and-free-wordpress-themes-of-year-2011.html
世界中で利用されているWordPress。その魅力の一つに豊富なクリエイティブなテーマの存在があります。同じコンテンツでもテーマによって大きく印象が変わり、テーマはシンプルなフレームワークのものから細部まで凝ったデザインのテーマもあります。今回紹介するのは2011年の新しく登場したWordPressのテーマを集めた「40 High Quality, Fresh And Free WordPress Themes Of Year 2011」

PeaceKeeper
クオリティが高く、細かい部分まで作りこまれたテーマが多く紹介されていました。今日はその中から幾つか気になったテーマをピックアップして紹介したいと思います。
詳しくは以下
Solarpress
トップページの画像が流動的に変化していくテーマで、スタイリッシュなイメージ構成です。

Bintang
シンプルなブログテーマです。背景の色が高級感を出しています。色々なブログに使用出来そうなテーマです。

boldy
背景が白なのでスッキリとした印象があります。画像の変わり方も見ててストレスを感じません。

どのテーマも最近の流れを組んで、twitterなどをはじめとするソーシャルメディアとの連携が組み込まれていました。テーマをまだ決めかねている、テーマをそろそろ変えたいという方は是非原文もご覧ください。
40 High Quality, Fresh And Free WordPress Themes Of Year 2011
4月 9th, 2011 in
テンプレート |
コメントは受け付けていません。
http://design-develop.net/design/free-html-newsletter-templates.html
デザインが施された内容のメールは、通常のメールよりも目を惹き、内容への注目度を高めてくれる効果があると思います。そこで今回紹介するのは、HTMLメールのデザインテンプレート集「Free HTML Newsletter Templates」です。

(100+ free HTML email templates | Campaign Monitor)
さまざまなテイストのテンプレートが多数収録されており、好みや目的に合わせて使い分けることができそうです。中でも気になったタイプのテンプレートをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
■HTML Email Templates | MailChimp
HTMLメールのレイアウトを多数収録した便利なテンプレート。内容によって組み合わせができるのが魅力ですね。

■100+ free HTML email templates | Campaign Monitor
ビビットなカラーリングと、アイコン、インパクトのある文字の使い方が印象的なテンプレート。

■clouds_full_1col.jpeg
さわやかな空の背景が相手の心を癒してくれます。いろいろなシーンで活用することができそうです。

メールで相手にメッセージや仕事関連の連絡、ユーザーへのメールマガジンなどを届けることが当たり前の現代にとって、このテンプレート集はとても重宝するのではないでしょうか。是非好みの一枚を見つけてみてください。他にもたくさんのテンプレートが紹介されていますので、気になる方は下記よりご覧ください。
Free HTML Newsletter Templates ? Noupe Design Blog
4月 4th, 2011 in
etc... |
コメントは受け付けていません。
http://design-develop.net/wordpress/12-fantastic-free-corporate-themes-for-wordpress.html
世界中で利用されているCMS、wordpress。拡張性の高さと、ドキュメントの多さなどが魅力的ですが、クリエイティブなテーマが多くリリースされているのものその魅力一つです。今日紹介するのは、wordpressの素晴らしいフリーのテーマを集めたエントリー「12 Fantastic Free Corporate Themes for WordPress」です。

Corporate Life
デザイン性が高く、クリエイティブなテーマが多々集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Vanadiumitic
シンプルながらも、立体的な表現をうまく利用したデザインが特徴的なwordpressテーマ。

■Simplybiz
WEBサービスを扱うようなWEBページに向いていそうなテーマ。

■Boldy
スライドショー、テクスチャ、ドロップシャドウなど細かいところまで丁寧につくられたwordpressテーマ。

上記の他にも、沢山のクリエイティブなテーマがまとめられています。wordpressを利用されていて、雰囲気を変えたいと思っている方は是非どうぞ。
12 Fantastic Free Corporate Themes for WordPress | Inspired Magazine
3月 29th, 2011 in
テンプレート |
コメントは受け付けていません。
http://design-develop.net/web-design/30-inspiring-examples-of-slideshows-in-web-design.html
商品の写真や、メインのグラフィックを効果的に見せてくれるスライドショーはwebデザインのさまざまなシーンで活躍してくれます。今回はそんなスライドショーを用いたwebデザインまとめ「30 Inspiring Examples of Slideshows in Web Design」を紹介したいと思います。

(Print Mor ? NYC ? Since 1987 | Home)
シンプルな横スライドから、サイト全体を動かすような個性のあるものまで、いろいろなタイプのスライドショーを楽しむことができます。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
■relogik.com | Design & innovation | Showcase of Damjan Stanković
ふんわりとやさしく写真が浮かび上がるスライドショー。ソフトで柔らかい印象を演出したい時なんかに最適では?

■Jax Vineyards
ロゴとナビゲージョンのみ固定、それ以外のビジュアルやテキストがスライドショーとして可動するタイプ。ダイナミックな動きで見る人を魅了してくれそうです。

■Bixal :: Connecting You to Hispanic Markets
サイドナビゲージョンと連動。マウスオンすることで、所定のビジュアルが出現する仕組み。いくつものブランドや商品を紹介するサイトなどに向いているのではないでしょうか。

webデザイン自体がシンプルでも、スライドショーを用いることでより洗練された印象に仕上げることができます。サイトの内容やテーマに合わせて是非参考にしてみてください。
30 Inspiring Examples of Slideshows in Web Design | Inspiration
3月 28th, 2011 in
08 jQuery,
webデザイン集 |
コメントは受け付けていません。
http://design-develop.net/web-design/28-fresh-jquery-tutorials.html
先日、jQueryのプラグインを「新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」」という記事で紹介したばかりですが、今回はクリエイティブなjQueryプラグインを集めたエントリー「28 Fresh jQuery Tutorials」を紹介いたします。

Fullscreen Gallery with Thumbnail Flip
このエントリーでは、スライダー、ギャラリーなどを中心に演出に凝った、見せるためのjQueryプラグインが多数まとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Bubbleriffic Image Gallery with jQuery
ローディングや画像の出現イメージなど細かいところにこだわった、jQueryを利用したギャラリー。

■Overlay Effect Menu with jQuery
マウスオーバー時に、オーバレイして見せるメニュー。フルスクリーンのFLASHライクなサイトには相性が良さそうです。

■Animated Portfolio Gallery with jQuery
スムーズに動作するポートフォリオ用のクリエイティブなギャラリー。javascriptを駆使して、演出を重ねています。

上記の他にも様々なクリエイティブなjQueryプラグインがまとめられています。もっと印象的にサイトを見せたいという方にはおすすめなエントリーです。気になった方は是非原文もご覧ください。
28 Fresh jQuery Tutorials ? Web Design Blog ? DesignM.ag
3月 22nd, 2011 in
08 jQuery |
コメントは受け付けていません。
http://design-develop.net/web-design/25-tasty-restaurant-and-food-websites-to-inspire-you.html
自由度の高いwebデザインには、デザイナーやディレクターの発想力によるさまざまな魅力を兼ね備えています。そんな中今回は、フード・カフェ関連のwebサイトの中から彩りのきれいなサイトを中心にまとめたサイト集「25 Tasty Restaurant and Food Websites to Inspire You」を紹介したいと思います。

Woki Tokee
料理のおいしさを伝えるためのデザインは彩りが重要になってきますが、料理の雰囲気が伝わるカラーやお店の雰囲気を醸し出すテイストなど、さまざまなタイプのデザインが紹介されています。中でも気になった物をピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
■Suplicy
ブラジルのフード雑誌のオンラインウェブサイト。黒とピンクを基調にしたデザインが特徴で、雑誌のテイストを活かしたデザイン。強いインパクトが感じられます。

■Tom’s Kitchen
ロンドンにあるカジュアルレストランのウェブサイト。落ち着いた印象を与える茶色を基調としたデザインに、細字の書体が高級感を感じさせてくれます。

■Chipotle Mexican Grill
立ち寄りやすさを感じる、ポップな印象。アニメーションの使い方も楽しさを感じさせ、背景の押さえた色味の中で、商品と商品ロゴのグリーンが爽やかな印象を放っています。

食べ物を美味しく見せるという点では共通していますが、フードショップのスタイルによってテイストが全く変わり、それぞれの店舗の個性を感じられる独創性の溢れるデザインばかり。色使いも特徴的なので、カラー選択の参考にもなりそうです。他にもたくさんのサイトが公開されていましたので、気になった方は下記サイトからチェックしてみてください。
25 Tasty Restaurant and Food Websites to Inspire You | Inspiration
3月 8th, 2011 in
webデザイン集 |
コメントは受け付けていません。
http://design-develop.net/design/thumbnail-fonts-resources-30-elegant-and-beautiful-free-fonts-for-creative-designs.html
デザインの印象を左右するフォント選びは重要であり、神経を使う作業の1つでもあります。今日紹介するのは、ラインの美しさと遊び心のあるフリーフォントを集めたフォント集「thumbnail Fonts \ Resources 30 Elegant and Beautiful Free Fonts for Creative Designs」です。

(Scriber™ ? Webfont & Desktop font ? MyFonts)
シンプル系のロゴにも使えそうな質の高いフォントや、個性的で遊び心溢れるフォントが全部で30種類集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Alt Alternative™ ? Webfont & Desktop font ? MyFonts
3種類の太さが選べる、細身のスタイリッシュなフォント。アートなデザインに合いそうです。

■1470 Sorbonne ? Webfont & Desktop font ? MyFonts
モダンなタイプライター系のフォント。使い方によって、シンプルなデザインにも可愛らしいデザインにもマッチしそうです。

■Waterfall ? Desktop font ? MyFonts
筆記体のデザインフォント。文字の立体感と大文字と小文字の大きさの独特のバランスが、アンニュイな表現を引き締めてくれそうな書体です。

上記の他にも様々なフリーフォントが紹介されています。それぞれのフォントは基本的にフリーでダウンロード、利用ができますが、各々のフォントでライセンスが異なりますので、商用利用をお考えの方は、ダウンロード元で再度ご確認お願いいたします。
30 Elegant and Beautiful Free Fonts for Creative Designs ? OurTuts.com
3月 2nd, 2011 in
フォント |
コメントは受け付けていません。
http://design-develop.net/design/31-clean-and-usable-icon-packs.html
WEBデザインにおいて非常に使い勝手が良いアイコンセット。クオリティ、ユーザービリティの向上に一役買ってくれます。今回紹介するのは利用しやすいクリーンなアイコンセットを集めたエントリー「31 Clean and Usable Icon Packs」。

Yusukek Amiyamane
キレイ目で、どんなデザインにでも違和感なく利用できそうなアイコンセットが多々集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Simply Professional
丸みを帯びたシンプルでPOPなアイコンセット。

■Retrofukation
少しレトロ感のある、アイコンセット。POPではないけど、違うやわらかい表現がしたい時に。

■Red Little Shoes Icon Set
手書きのアイコンセット。利用出来るシーンは限られていますが、ハマったときはいい世界観を作ってくれそうです。

上記の他にも様々なアイコンセットがまとめられています。アイコンをお探しの方は是非原文もご覧ください。
31 Clean and Usable Icon Packs | PSDFan
2月 28th, 2011 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/web-design/neat-coming-soon-and-under-construction.html
使い方によっては、コンテンツが無いということを期待感に変えてくれる、Coming Soon & Under Constructionのページ。今日は魅力的なComing Soon & Under Constructionのページを簡単に実現させてくれる、テンプレート集「45+ Neat Coming Soon and Under Construction Templates」を紹介したいと思います。

MofM WordPress Coming Soon Template | WordPress | Mojo Themes
今回あつめられたテンプレートは有料のものになりますが、単純に、comingsoonだけではなく、公開日までのカウントダウンや、ソーシャルメディアとの連携など、考えられて制作されているものばかりです。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Site Templates ? SoonSid ? Coming Soon Theme ? ThemeForest
様々なバリエーションでcomming soonサイトが制作できるパッケージテンプレート。有料ですが、モバイルにも対応しています。

■Site Templates ? Clean Countdown Timer / Construction Page ? ThemeForest
シンプルで力強いデザインのcoming soonサイトです。

■Under Construction HTML Template | HTML CSS | Mojo Themes
シンプルで単色が綺麗な、Under Construction テンプレート・

どれも平均して4ドル〜10ドルの間ですので、素早く質の高いComing Soon 、Under Constructionページが欲しいという方には役に立つエントリーだと思います。新たなコンテンツ、サービスを考えている方は是非どうぞ。
45+ Neat Coming Soon and Under Construction Templates | Naldz Graphics
2月 15th, 2011 in
その他素材 |
コメントは受け付けていません。
http://design-develop.net/design/20-new-free-icon-sets.html
ユーザーインターフェイスの向上だったり、ページ自体の賑やかしなど、様々な用途で使えるアイコン。WEBデザインにおいて非常に便利な素材の一つです。今日紹介するのはWEBデザイナー、開発者のためのフリーアイコンセットをまとめたエントリー「20 New Free Icon Sets for Web Designers and Developers」です。

Stock Icon Set
シンプルなものから、カワイイものまで、様々なデザイン感のアイコンセットが公開されています。
詳しくは以下
■Open Source Multitouch Gesture Library
スマートフォンをはじめとして、動きを伝えるのに便利なジェスチャーアイコンが、多数収録されています。

■Strabo Icon Set
シンプルで可愛らしい、アイコンセット。配色にセンスを感じます。

■Original W3C HTML5 Icons
最近何かと話題なHTML5関係のアイコンセット。

上記の他にも様々なアイコンセットが公開されています。便利に利用すれば、デザインのクオリティも上げることができそうです。アイコンをお探しの方は是非原文もごらんください。
20 New Free Icon Sets for Web Designers and Developers
2月 14th, 2011 in
アイコン | tags:
大橋 |
コメントは受け付けていません。
http://design-develop.net/design/80-ultimate-collection-of-high-quality-free-psd-files.html
デザイン製作で大活躍のpsdアイコン、最近ではハイクオリティなタイプのものが人気のようで、数多くリリースされていますが、今回紹介する「80+ Ultimate Collection of High Quality Free PSD Files」にも、美しいデザインのpsd素材が多数収録されています。

(PixelResort ? Home of Designer & Iconist Michael Flarup)
アイコンや、デザインのアレンジ・ポイントとして活用できそうなデザイン性の高いpsd素材を豊富にまとめたサイトとなっています。いくつか気になったものを以下より紹介いたします。
■Weather Icons by ~Aramisdream on deviantART
天気アイコンです。ツヤのある独特の雰囲気が特徴です。

■Designers Icons by ~EAMejia on deviantART
デザイナーにはおなじみのアプリケーション用アイコンです。

■Designmoo | Safari Icon by Gert Jan Lodder
safari用アイコンです。個性溢れるデザインに仕上がっています。

あまり使用する機会はないけれどユニークなデザインのものから、定番で使用できる実用的なものまで種類も豊富です。psd素材を探していたという方は是非チェックしてみてください。
80 Ultimate Collection of High Quality Free PSD Files ? Noupe Design Blog
2月 1st, 2011 in
Photoshop,
アイコン |
コメントは受け付けていません。
http://design-develop.net/web-design/top-20-premium-quality-sliders.html
FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。

o’Slider
様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■SV Slider- Slideshow Script
様々なタイプのスライダー表現が可能なスライダー。フューチャリストのような見せ方もできます。

■JQuery Slider/Image Rotator
爽快感のあるアニメ表現と豊富なトランジションが魅力のスライダーjQueryを使って制作されています。

■jQuery List Style Rotator
リスト表現が美しいjQueryによるスライダー。WEBマガジン系のコンテンツに最適なスライダーです。

上記の他にも様々なスライダーが用意されています。今回紹介するスライダーは有料のものになりますが、プロジェクトにも利用出来るものなので、上手く使えば製作コストも抑えられるかと思います。jsが苦手だという方は是非どうぞ。
Top 20 Premium Quality Sliders | Nettuts+
2月 1st, 2011 in
08 jQuery,
javascript |
コメントは受け付けていません。
http://design-develop.net/design/25-fresh-and-useful-icon-sets.html
Webデザインのパーツとして、またデザインクオリティをアップさせる素材として非常に役立つアイコンにもさまざまな種類が存在しています。今回紹介するのは、「25 Fresh and Useful Icon Sets」です。

(E-Commerce Icon Set | Web Icon Set)
シンプルなものから、立体的で存在感溢れるものまで、色々なテイストのアイコンが収録されています。中でも特に注目したいアイコンをいくつかご紹介します。
■Adobe CS5 Glass Dock icons | Artdesigner.lv
立体的なボール型のAdobeアプリケーションアイコン。ツヤの質感がリアルに再現されています。

■Exclusive Freebie: Mobile Phone Icon Pack | Psdtuts+
活用頻度が高そうなモバイルアイコン集。企画書やプレゼン資料なんかにも活用できそうです。

■Shopping Bag | Artdesigner.lv
ショッピングバッグをモチーフとした、ファッション性を兼ね備えたアイコン集です。

他にも、デザインに幅広く利用できそうなアイコンばかり。お気に入りを見つけることができそうです。気になる方は以下サイトよりチェックしてみてください。
25 Fresh and Useful Icon Sets | Freebies
2月 1st, 2011 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/design/80-color-altering-photoshop-actions.html
撮った写真を自由に好きな雰囲気に変化させることができるphotoshopのアクション集「80+ Color Altering Photoshop Actions」を今回は紹介したいと思います。

(fairytale actions by ~Blowthat on deviantART)
オリジナルをベースに、photoshopを使っていろいろな雰囲気の写真に加工をすることができます。写真が好きな方におすすめのまとめではないでしょうか。いくつか詳細されていたアクションをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■photoshop actions ? 4 by *Honestheart26 on deviantART
ブルー、パープル、イエローなど、フィルムがかけられたような写真に仕上げることが可能なアクション。

■Toasted Photoshop Actions by ~elestrial on deviantART
「CINNAMON」「CREAM」「VANILLA」など、出来上がりの雰囲気に合わせたネーミングが印象的です。

■Photoshop Actions Pack by ~huejuice on deviantART
メリハリのない写真をくっきり、明るく加工できるアクション。いまいちパッとしない写真に是非試してみたいですね。

デザインの現場ではもちろん、プライベートで写真をよく撮影される方は、アクションを使うことで新しい写真の表情に出会うことができるのではないでしょうか?他にもたくさん紹介されていますので、自分にぴったりなタイプを是非見付けてみてください。
80+ Color Altering Photoshop Actions | Freebies
1月 20th, 2011 in
Photoshop |
コメントは受け付けていません。
http://design-develop.net/design/100-beautiful-apple-mac-os-x-leopard-wallpapers.html
Appleの「Mac OS X Leopard」を使用されている方には特におすすめのサイト、「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」を今回は紹介したいと思います。

(Apple Metal by ~Fi2-Shift on deviantART)
Mac OS X Leopardのデスクトップ壁紙集で、おなじみのリンゴのモチーフをテーマに、アーティスティックな作品が数多く紹介されています。気になったものをいくつかピックアップしてみました。以下よりご覧ください。
詳しくは以下
■Apple Wallpaper by ~flashrevolution on deviantART
グラフィカルなデザインが魅力。深い色味の中にあるマークの存在感に惹かれますね。

■The Big Apple by ~maxwood on deviantART
カラフルな色合いが特徴の、マークを木目の中に刻み込んだデザイン。

■All sizes | apples, apples | Flickr ? Photo Sharing!
リンゴのマークを、たくさんのリンゴで型どっています。アイデアが生かされた作品です。

基本的には中央にリンゴのマークというタイプが多いのですが、中には大胆にマークを使ったデザインも。ギャラリーとして見ているだけでも、バリエーションの豊富さに目を奪われてしまいます。いつものデスクトップを、気持新たに一新したい時には是非参考にしてみたいですね。
100+ Beautiful Apple (Mac OS X Leopard) Wallpapers
1月 20th, 2011 in
その他素材,
背景等 |
コメントは受け付けていません。
http://design-develop.net/design/7-business-card-galleries-to-promote-your-work.html
ビジネスシーンに欠かす事ができない名刺。限られた領域に、自分の情報、コンセプト、メッセージなど様々な事を伝えなければいけない非常に難しいデザインの一つですが、今日紹介するのはそんな名刺のデザインを集めた名刺ギャラリーサイトを集めたエントリー「7 business card galleries to promote your work」です。

Cardview/a>
ギャラリーの作りはそれぞれですが、多くのページでは検索できたり、フィルタリングできたりとデザインのインスピレーションを得るのに便利な機能が付いています。今回はまとめられたサイト全てを紹介したいと思います。
詳しくは以下
■Card Nerd
ファイスブックやTwitterなどとも連携しています。

■Cardobserver
気に入ったデザインはブログなどに埋め込みできるようにタグも準備されています。

■Cardonizer
タグが整理されていますので、様々なタイプの名刺をデザインタイプから探す事ができます。

【その他の名刺ギャラリー】
CardGala
Premium Business Cards
Creattica
多くのページで名刺の投稿も受け付けているので、クリエイティブな名刺ができたという方は、投稿してみても良いかもしれません。
7 business card galleries to promote your work
1月 11th, 2011 in
その他素材 |
コメントは受け付けていません。
http://design-develop.net/design/10-fresh-high-quality-free-fonts.html
日々多くのフリーフォントが世界中で制作され、公開されていますが、今日紹介するのは比較的最近リリースされた、フリーフォントを集めたエントリー「10 Fresh High-Quality Free Fonts」です。

Hyperbola
クリエイティブの現場でも使えるような質の高いフォントが全部で10個集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■GOTA
非常にしっかりした太めのポップなフォント。

■Five Minutes
手描き感が非常に強いアナログ感のアルフォント。黒板や紙などのテクスチャに合いそうです。

■Alt Vxtr11
先鋭的なフォントタイプ。細い部分と太い部分の差が激しく、メリハリがあるフォント。

上記の他にも様々なフリーフォントが紹介されています。それぞれのフォントは基本的にフリーでダウンロード、利用ができますが、各々のフォントでライセンスが異なりますので、商用利用をお考えの方は、ダウンロード元で再度ご確認お願いいたします。
10 Fresh High-Quality Free Fonts | Freebies
1月 11th, 2011 in
フォント |
コメントは受け付けていません。
http://design-develop.net/design/50-of-the-best-seamless-pattern-sets.html
デザインの背景やパーツ素材として活躍してくれるパターンにはさまざまな種類が存在していますが、今回は豊富なバリエーションのパターン素材をまとめた「50 of the Best Seamless Pattern Sets」を紹介したいと思います。

(Tiles Pattern | Free Illustrator Downloads)
色々なテイストで活用できるパターン素材が50種類収録されており、見ているだけもその種類の豊富さに納得できるまとめとなっています。気になったものをいくつかまとめてみましたので、下記よりご覧ください。
詳しくは以下
■Textured Stripes- 6 patterns by *aeiryn on deviantART
定番のストライプ柄パターン集。紙素材に印刷したかのようなアナログ感のある質感がポイントです。

■Japanese style pattern by ~gimei on deviantART
日本の伝統を感じさせる「和風ぱたあん」。カラーバージョンとシンプルバージョンの2種類展開されています。種類も豊富です。

■Patterns .34 by ~crazykira-resources on deviantART
格子状やライン上のノートを思わせる背景。活用頻度が高そうですね。

定番の物から個性的な物まで、知っておくと便利なテクスチャばかり。デザイン制作の際に是非役立ててみたいですね。他にもたくさん紹介されていますので、気になった方は下記よりどうぞ。
50 of the Best Seamless Pattern Sets ? Updated | Speckyboy Design Magazine
1月 7th, 2011 in
その他素材,
背景等 |
コメントは受け付けていません。
http://design-develop.net/design/40-free-high-quality-psd-files-for-web-designer-%E2%80%93-part-iii.html
いくつあっても便利なpsd素材はさまざまなデザインに応用できる活用性の高いもの。今回紹介するのは、フリーpsd素材「40+ Free High-Quality PSD Files For Web Designer ? Part III」です。

(Free PSD Retro Audio Tape | FREE PSD FILES)
いろんなジャンルのpsd素材が豊富に紹介されており、デザインのクオリティをより高めてくれそうです。気になった素材をピックアップしましたので、下記よりご覧ください。
詳しくは以下
■Free PSD Under Construction Page | FREE PSD FILES
工事中を連想させるカラーコーンをモチーフとした「Under Construction」(現在ページ作成中)を表現したpsd素材。

■Designmoo | Download strip by Fabio
iPadアプリが購入できるAPP storeへのページリンクに利用できるpsd素材です。意外となかったタイプの素材では?

■Designmoo | Old Style Envelope by Corey Haggard
古いかすれたような雰囲気が味を出している手紙素材。アンティークなデザインに最適です。

他にもボタンや、アイコン、デザインパーツやスマートフォン素材など、種類が豊富なのが嬉しいですね。以前紹介した同シリーズ「ハイクオリティなpsd素材を集めた「42 Free High-Quality Photoshop PSD Files For Web Designer ? Part II」」と合わせてチェックしてみてください。
40+ Free High-Quality PSD Files For Web Designer ? Part III
12月 28th, 2010 in
Photoshop |
コメントは受け付けていません。
http://design-develop.net/design/15-useful-sets-for-your-online-shop.html
オンラインのショッピングサイトを制作する時に素材としてあると非常に役に立つアイコンセット「Ecommerce Icons: 15 Useful Sets For Your Online Shop」を今回は紹介したいと思います。

(Free Icons (with PSDs): 30 E-Commerce Icons)
ショッピングカートやsaleの表示、メール、カードのマーク、セキュリティなど、さまざまな種類のアイコンが多彩な種類で収録されています。いくつか気になったものをまとめてみました。下記よりご覧ください。
詳しくは以下
■Free Ecommerce Icons Collection, Free Ecommerce Pack Free Download, VeryIcon.com
若干POPなテイストを含んだアイコン集。何故かとうがらしや炎のアイコンが入っています。

■Basket by ~kyo-tux on deviantART
まるでアイコンを買い物したかのよう。カゴにアイコンがたくさん詰め込まれています。カゴ単体もあります。

■Free E-Commerce Icons from IconShock ? Web Design Blog ? DesignM.ag
水が飛び散ったかのような柄が入った、質感のあるアイコン。個性的なショッピングサイトに最適です。
サイトのテイストや、目的、利用できる項目に合わせて使いこなせばかなり便利なのではないかと思います。利用規約はそれぞれのリンク先でまとめられていますので、商用利用などをお考えの際はしっかりと確認をお願いいたします。
Ecommerce Icons: 15 Useful Sets For Your Online Shop | Best Design Options
12月 13th, 2010 in
アイコン |
コメントは受け付けていません。
http://design-develop.net/web/fresh-and-useful-free-psd-web-elements.html
WEBではそれぞれのパーツに意味があり、その用途に合わせて分かりやすくするデザインする必要があります。今日紹介するのはWEBの特定の部分に使えるパーツを集めたフリーWEBパーツ集「Fresh and Useful Free PSD Web Elements」。

WEB UI Treasure Chest v 1.0 by *LazyCrazy on deviantART
ボタン、バッジ、404、ステッププロセスなどなど、WEBに関わる様々なパーツが、まとめられています。今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■404 Error Template ? design3edge
作りこまれた404ページテンプレート。404をなにか違う形で作りたいという方に。

■4 step process panel in 2 colors (PSD) :: GraphicsFuel.com
ユーザー登録から、ECまでステップが必要な操作に関して、補助してくれる、ステッププロセスパネルです。

■Modern table design, PSD and HTML template | psdGraphics
きれいめな画像を利用したテーブルレイアウト。料金表やスペック表などに。

上記の他にも様々なpsdパーツがまとめられています。psdで配布されていますので、サイトのデザインに合わせて細かなところまでカスタマイズできますので、WEB制作には非常に使いやすい素材だと思います。
Fresh and Useful Free PSD Web Elements
12月 13th, 2010 in
Photoshop |
コメントは受け付けていません。
http://design-develop.net/design/35-clean-and-minimal-websites-for-design-inspiration.html
webサイトにもさまざまなデザインがあり、特に重宝されるのはシンプル、そして情報を明確に伝えるために必要なものだけをしっかりと表示させることを目的としたタイプではないでしょうか。そこで今回紹介するのは、クリーンなイメージのwebデザインを集めた「35 Clean and Minimal Websites For Design Inspiration」です。

(kin Design)
シンプルな中でもデザインにさまざまバリエーションが存在するということが、このまとめを見ると分かります。気になったデザインをピックアップしてみましたので下記よりご覧ください。
■D’ARCY JONES DESIGN INC
写真、そしてグローバルナビのみという究極にシンプルなデザイン。それだけにバランスがとても重要となります。

■Fajne Chłopaki :: Portfolio :: Studio graficzne
大きなタイポグラフィで大胆に仕上げていますが、基本のデザイン設計はとてもシンプルです。

■Homepage | Novanta9 Srl comunicazione e web
黒をベースにグリッドでレイアウトしたデザイン。メインビジュアルのインパクトに惹かれます。

目的に合わせて、情報を伝えやすいデザインをセレクトする際に是非参考にしてみてください。他にもたくさんのデザインが下記サイトにて公開されていますので、気になる方はどうぞ。
35 Clean and Minimal Websites For Design Inspiration
12月 13th, 2010 in
webデザイン集 |
コメントは受け付けていません。
http://design-develop.net/web-design/excellent-adobe-fireworks-tutorials.html
WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。

Web Site Design Tutorial
画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■How To Create a Stylish Navigation Bar In Adobe Fireworks
クリアな立体感をもったナビゲーションメニューを製作するためのチュートリアル。

■Prototyping for the Apple iPhone using Fireworks | Adobe Developer Connection
fireworksとjQueryを駆使してiPhoneアプリのプロトタイプをつくるためのチュートリアル。スクリーンキャストがありますので非常に分かりやすいです。

■Creating a Web Site Top Menu with CSS
デザインとCSSでクリエイティブなナビゲーションメニューを創るチュートリアル。

上記の他に様々なチュートリアルがまとめられています。Fireworksを普段から使って制作しているという方は是非どうぞ。
50 Excellent Adobe Fireworks Tutorials ? Noupe Design Blog
12月 9th, 2010 in
Fireworks |
コメントは受け付けていません。
http://design-develop.net/web/showcase-of-47-letterpress-business-card-for-inspiration.html
ビジネスシーンに欠かす事ができない名刺、情報を的確に伝えることはもちろん、渡した相手にインパクトを与えるデザインもとても重要な要素の一つです。そこで今回は、エンボスなど特殊加工した名刺デザインを集めた「Showcase of 47 Letterpress Business Card For Inspiration」を紹介したいと思います。

(Branded Business Cards | Business Cards Observer)
凹凸のある特殊加工・エンボス加工を利用しデザインされた名刺を中心に、さまざまな種類のデザイン名刺が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
■Edged Color Business Card | Business Cards Observer
文字を大きく、大胆に入れた名刺デザイン。エッジがイエローでカラーリングされているのも特徴です。

■3 Keys Business Card | Business Cards Observer
キーボードをモチーフとした個性的なデザイン名刺。味のある質感が印象的です。

■Impression DP | Business Cards Observer
シンプルで綺麗めなデザインの名刺。マークをエンボス加工で入れることでアクセントにしています。

加工を施すことでデザインの質をより高めることができます。制作の際には是非参考にしてみたいですね。他にもさまざまな種類の名刺デザインが公開されていましたので、気になる方は下記リンクよりどうぞ。
Showcase of 47 Letterpress Business Card For Inspiration
12月 6th, 2010 in
etc... |
コメントは受け付けていません。
http://design-develop.net/design/20-best-useful-digital-fonts.html
世界中で様々なフォントが公開されていて、フォントと一口にいっても様々な種類のフォントがありますが、今回紹介するのはLEDに表示されているようなドットで構成される、デジタルチックなフリーフォントを集めたエントリー「20 Best Useful Digital Fonts for LED Banner Designing」です。

上記のようなフォントが全部で20個まとめられています。今日はその中からいくつか気になったフォントをピックアップして紹介したいと思います。
詳しくは以下
■LED BOARD
リアルなLEDのボードも再現したフォント、特定用途には非常に便利そうなフォント。

■DS-Digital
ドット表現とは違う、きれいめなデジタル書体。

■Dotline font
珍しい、丸い書体のドットフォント。デジタルな表現以外にも利用できそうです。

上記の他にも様々んあフォントがまとめられていました。基本的にすべてフリーフォントとなりますが、利用規約などは各々のフォントで異なりますので、商用をお考えの方はご利用の前に規約などを御確認ください。
20 Best Useful Digital Fonts for LED Banner Designing
11月 18th, 2010 in
フォント |
コメントは受け付けていません。
http://design-develop.net/web-design/20-jquery-image-and-multimedia-gallery-plugins.html
高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。

Galleriffic
サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Mobile Image Gallery Web App
iphoneように製作されたギャラリー。インターフェースもそれなりにつくられており、アプリと比べても遜色の無い動きです。

■Micro Image Gallery
3サイズで展開される、ミニマムなイメージギャラリー。シンプルなギャラリーを使いたい時に。

■Multimedia Gallery for Images, Video and Audio
全画面を使ったフラッシュサイトのようなギャラリー。XMLファイルで制御でき、写真だけではなく、映像や音声も扱うことができます。

上記の他にも様々なギャラリープラグインがまとめられています。ギャラリーをサイトに必要な方は是非原文もどうぞ。理想的なギャラリーが見つかるかもしれません。
20 jQuery Image and Multimedia Gallery Plugins
11月 17th, 2010 in
08 jQuery |
コメントは受け付けていません。
http://design-develop.net/web-design/26-useful-jquery-navigation-menu-tutorials.html
軽量で高機能なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、簡単にWEBに動きや機能を付加してくれるため。使い勝手が良く多くのWEBサイトで利用されていますが、今日紹介するのはjQueryで利用出来る便利なナビゲーションを集めたエントリー「26 Useful jQuery Navigation Menu Tutorials」です。

Mega Drop Down Menus w/ CSS & jQuery
ドロップダウンメニューからユニークなアコーディオンメニューまで様々なナビゲーションがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
■Collapsing Site Navigation with jQuery
上下からスライドインしてくるナビゲーションメニュー。ダイナミックな演出が可能です。

■Slide Down Box Menu with jQuery and CSS3
飛び出して展開するスライドダウンボックスナビゲーション。

■Fancy Apple-Style Icon Slide Out Navigation
アイコンが飛び出してくるアップルライクなナビゲーションメニュー。

上記の他にも様々なナビゲーションメニューが紹介されています。どれもjQueryが利用されていますので、実装もそれぞれのナビゲーションで異なるものの普段から利用している方であれば簡単だと思います。新しいタイプのナビゲーションを使いたいという方は是非どうぞ。
Mega Drop Down Menus w/ CSS & jQuery
11月 17th, 2010 in
08 jQuery |
コメントは受け付けていません。
http://design-develop.net/design/9-new-high-quality-free-fonts.html
デザインに重要なフォント。フォントの選び方でデザインの印象はガラリと変わります。毎日数多くのフォントが公開され、世界中で多くのフリーフォントが制作され利用されていますが、今日紹介するのは比較的新しく作られたハイクオリティなフォントを集めたエントリー「9 New High-Quality Free Fonts」です。

Roke 1984
少し変わったフォントから王道なものまで、様々なフォントがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Yellow Cream
ラフな線と曲線が可愛らしいフォント。ポップなイメージでデザインしていきたい時に。

■Skyhook Mono Regular
全体的に角張ったフォント。様々な種類のフォントが同封されています。

■Certto Headline
インクをつけて押し付けたようなフォント・アナログ感を演出できるフォントです。

上記の他に様々なフォントが公開されています。全てフリーで利用できますが、それぞれのフォントによって利用規約が異なりますので、商用利用をお考えの方はダウンロード元で御確認お願いいたします。
Freebies
11月 9th, 2010 in
フォント |
コメントは受け付けていません。
http://photoshopvip.net/archives/20260
海外デザインブログDesignrfixで、最近公開されたテキストエフェクトのデザインチュートリアルを100個まとめたエントリー「100 Creative Photoshop Text Effects Tutorials」が公開されていたので、今回はご紹介します。
PhotoshopやIllustratorをはじめたばかりの方にもオススメの簡単テクニックから、じっくり時間をかけてデザインする高品質テキストエフェクトチュートリアルなどさまざまなジャンルのチュートリアルがまとめられています。
お気に入りのテキストエフェクトを見つけてはいかがでしょう。
詳細は以下から。
クリエイティブなテキストエフェクト用チュートリアルまとめ
Photoshopチュートリアル
人の皮膚テクスチャを利用したユニークなテキストエフェクトの作り方
あらかじめ用意しておいたテクスチャ素材を重ねるだけでデザインするお手軽チュートリアルのひとつ。
背景デザインの作り方なども参考になるかもしれません。

ツルツルとした光沢感のあるグラフィックテキストエフェクトの作り方
手描きでデザインしたグラフィックデザインを立体的に加工、編集する方法をステップごとに紹介しているチュートリアル。

立体的なゴシック風タイポグラフィーデザインの作り方
ロゴデザインの制作などにも利用することができる立体的な重なり方が魅力的なテキストエフェクトチュートリアル。
お好みのフォントを利用することでオリジナルデザインとしても応用することができるのではないしょうか。

立体的な3Dグランジテキストエフェクトをデザインする方法
3D編集ツールなどを使わずにphotoshopだけで立体的なテキストエフェクトを完成させるチュートリアル。
チュートリアル後半のタイポグラフィの質感を高めるテクニックは個人的にメモとしてエントリー。

映画「インセプション」風ポスターデザインをPhotoshop CS5でつくる方法
CS5の新機能Repousseエフェクトを利用することで、タイポグラフィーを使ったダークな街並みを表現しています。

Photoshop CS5新機能「パペット」ツールを使ってロープで文字を描く方法
一本のロープを使い、ユニークな筆記体タイポグラフィーをデザインするチュートリアルで、新機能「パペット」ツールの基本的な使い方を学ぶことができそうです。

立体的なロゴが魅力的なアブストラクトデザインをつくる方法
Photoshopの便利なブラシツールを利用することで、簡単にアブストラクトなデザインを完成させることができるチュートリアル。

コンクリートの背景にメタルテキストエフェクトをデザインする方法
レイヤースタイルを適用するだけの簡単テキストエフェクトはもちろん、背景に利用している質感の高いコンクリートテクスチャをPhotoshopでデザイン可能。
これは個人的に覚えておきたいテクニックだったのでメモとして。
キラキラに輝くメタリック文字についてはこちらのチュートリアルを参考にしてみてはいかがでしょう。

カラフルなグランジタイポグラフィーをデザインする方法
あらかじめIllustratorを使ってデザインされた、タイポグラフィーデザインに汚れた質感のポスターデザインに仕上げる方法が紹介されています。

光沢感たっぷりな立体的ロゴデザインを作成する方法
Photoshop CS5の新機能Rapousseツールを利用して、メタリックな質感を表現した立体的なテキストエフェクトを完成させることができます。

カラフルに輝くクリエイティブなタイポグラフィーをデザインする方法
現在閲覧不可の状態になっていますが、ユニークなデザイン方法で作成されたカラフルテキストエフェクトの作り方が紹介されています。

Illustratorチュートリアル
本物そっくりに輝くクロムロゴデザインを作成する方法
通常表現しにくい光の反射の簡単な作成方法を紹介しているお手軽チュートリアルのひとつ。

木材を切り抜いたようなテキストエフェクトの作り方
あらかじめフォントとテクスチャ素材を用意しておくことで、本物そっくりの質感を表現したテキストエフェクトを完成させることができます。

飛行場のパネル式搭乗案内ボードを作成する方法
タイトルが分かりにくいかもしれませんが、飛行機のフライト情報を表示した案内ボードのデザインチュートリアル。
お好みの文字に変更することも可能なので、デザインの幅もひろがりそうですね。

タイポグラフィーを使ったミステリアスなポスターデザインの作成方法
タイポグラフィーをカンバス全体に敷き詰めたユニークでクリエイティブなデザインテクニックが紹介されています。

立体的な銀色クロムテキストをデザインする方法
Photoshopだけではデザインが難しい3DタイポグラフィーもIllustratorを利用することで比較的簡単に再現することができます。

暗闇に輝くネオンサインをデザインする方法
以前こちらのエントリーでPhotoshopを使ったネオンサインの作り方についてはご紹介していますが、こちらはイラスト調ネオンサインの作成方法がまとめられています。

カラフルなベクタータイポグラフィーをデザインする方法
こちらは作り方だけでなく、Illustratorを使ってタイポグラフィーデザインを行うときのプロセスも詳しく解説されています。
英語表記となりますが、解説用サムネイル画像を多く比較的わかりやすいかもしれません。

血がしたたるテキストエフェクトをデザインする方法
タイポグラフィーから血が流れているようなリアルな質感を表現したデザインチュートリアルのひとつ。

緩やかな曲線を利用したクールなタイポグラフィーのデザイン方法
Illustratorのブレンドツールを利用し、淡いグラデーションが美しいテキストエフェクトの作り方を解説しています。

厚みのある立体的なテキストエフェクトをデザインする方法
斜め横から見上げたような立体的なタイポグラフィーデザインの作り方を紹介したチュートリアル。

モダンでエレガントな3Dテキストエフェクトをデザインする方法
こちらも立体タイポグラフィーデザインのひとつですが、ミニマルなデザインにあわせやすいシンプルなデザインが魅力となっています。
こちらからサンプル用ファイルがダウンロード可能。

カラフルでクリエイティブなテキストエフェクトをデザインする方法
ハーフトーンなどを利用することで立体的な数字「5」をデザインしているテキストエフェクト用チュートリアルのひとつ。

ペンタブレットを使ったタイポグラフィーをベクターデザインで完成させる方法
利用されている方もいらっしゃると思いますが、ペンタブレットを使って細かい部分までデザインしたベクタータイポグラフィーの作り方を紹介しています。

[参照元
100 Creative Photoshop Text Effects Tutorials - Designrfix]
11月 1st, 2010 in
etc...,
Photoshop,
その他素材 |
コメントは受け付けていません。
http://design-develop.net/design/48-beautiful-web-design-interface-from-deviantart%E3%80%8D.html
美しく、洗練されたwebデザインは、バランスや色の使い方などに強くセンスを感じるもの。そんな中今回紹介するのは、美しいwebサイトデザインサンプル集「48 Beautiful Web Design Interface From DeviantArt」です。

Classica by =badboythemer on deviantART
実際に制作を手がける際に参考になる、きれいめなサイトデザインが48種類紹介されています。またデザインだけでなく、レイアウトや構成なども参考にすることができそうです。中でも気になったデザインをいくつかピックアップいたしました。
詳しくは以下
■「WEB: Finarte V2 by =tupa169 on deviantART」
ハウスメーカーやインテリアなどのサイトの参考にしたいデザイン。シンプルな中に洗練さえた印象を感じることができます。

■「MG blog by ~mgportfolio on deviantART」
ポイントカラーを上手に使い、洗練された印象に仕上げています。フォントの使い方も是非参考にしたいですね。

■「New WordPress Magazine Theme by ~Real99 on deviantART」
雑誌風のデザイン。今回紹介しているサイトの中でも少し特殊なジャンルですが、とても美しくまとめられています。

見やすさや機能性を重視したサイトデザインにもおすすめ。他にもたくさんのサイトが紹介されており、実用性は高いと思いますので、是非参考にしてみてください。
48 Beautiful Web Design Interface From DeviantArt in August’10
10月 29th, 2010 in
webデザイン集 |
コメントは受け付けていません。
http://design-develop.net/design/glossy-e-commerce-icon-set.html
さまざまなショッピングを楽しめるECサイトは、サイトデザインももちろん重要ですが、やはり”使いやすさ”がかなり重要視されるのではないでしょうか?そこで今回は、ECサイトで活用できるアイコンセット「Freebie Release: Glossy E-Commerce Icon Set」を紹介したいと思います。

分かりやすいグラフィック表現が求められるECサイトに最適な、立体感でツヤ感のあるカラフルなデザインがとても印象的なアイコンセットとなっています。
詳しくは以下
収録アイコンは全部で21種類。カートやカードの種類、マネー、セキュリティ、セール、配送など、ECサイトでは活用頻度の高いアイコンばかりです。web用のpng、またphotoshopのpsd、さらにイラストレーターのベクターが収録されているので、大きさなどの加工も思いのまま。また個人・商用問わず利用することが可能ですので、かなり使い勝手は良いのではないでしょうか?POPな印象のサイトに良く合いそうですね。ダウンロードは下記サイトより可能となっております。
Glossy E-Commerce Icon Set
10月 28th, 2010 in
アイコン |
コメントは受け付けていません。