企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。

エクセルで作成したグラフを貼り付けたりするのも可能ですが…。

今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。

Open Flash Chart

Flashをベースにしたオープンソースのチャートです。バージョン2も公開されて開発が継続されているようです。

flot

jQueryで動作するグラフ描画ライブラリです。

Highcharts – Interactive JavaScript charts for your webpage

こちらもJavaScriptを使って動作するチャートライブラリです。サンプルもとても美しくてチャートの種類も豊富です。

jQuery Sparklines

jQueryを使って、小さめのインラインチャートなどを生成することができます。

XML/SWF Charts

こちらはFlashをベースにしたチャート。その名の通りXMLでデータを取得してSWFで書き出してくれます。

PlotKit – Javascript Chart Plotting

MochiKitを使って動作するチャートライブラリです。

pChart | a PHP Charting library

PHPでグラフを生成してくれるライブラリです。デザイン的にもクールなチャートが作れそうですね。

Protovis

スタンフォード大学が開発しているチャート描画JavaScriptライブラリです。

Axiis : Data Visualization Framework

Flexを使ってチャートを生成するフレームワーク。サンプルの通り複雑なグラフを生成できます。

gRaphaël—JavaScript Library

カラフルで可愛らしいグラフが生成できるJavaScriptライブラリです。

JS Charts

JavaScriptを使って動作するチャートライブラリです。商用利用は有料になります。

jqPlot Charts and Graphs for jQuery

jQueryで動作するチャートプラグイン。

FusionCharts Free

Flashベースのチャートを生成できるオープンソースのコンポーネントです。Flashなので動きもなめらかで綺麗です。

Google Chart Tools

Googleから公開されているチャートツールは、画像チャートとJavaScriptを使って生成するインタラクティブチャートの2種類があります。

milkchart

MooToolsを使って動作するチャートプラグイン。

これまで何度かPhotoshopのチュートリアルをご紹介してきました。

初心者の方々から、「途中でやり方がわからなくなってしまいました。」などと、ご質問いただくことがあります。

確かに、チュートリアルを追って行くのは、ある程度Photoshopを使いこなしていないと難しいかもしれません。

今回は、『百聞は一見にしかず。』

クオリティの高いPhotoshopファイルがダウンロードできるサイトをまとめてみました。

Photoshopで開いて、中身が見れるので、レイヤーの構成がどのようになっているのか確認することができますね。

PSDfreebee.com – Free PSD Graphics

ロゴ、アイコン、テンプレートなど種類も豊富でクオリティも高いPhotoshopファイルがまとめられているサイトです。

Freepsd

こちらは、サイトテンプレートがPSDファイルで配布されています。初心者の方などは、中身を見て作りを勉強したりするのも良いかもしれません。

pixey | Then daily design resource

デザイナーのための素材集サイト。その中のPSDファイルページです。いろいろなサイトから、クオリティの高いPSDを集められています。

DesignBum: Living Today’s Tomorrows

レトロでクールなデザイン。レイヤーの構成などが見れるのでうれしいですね。

download PSD

こちらもクオリティの高いPSDファイルをたくさん集められています。

Photoshop Psd Files | Lord of Design

クリップアートや、テンプレートなど。かわいい感じのPSD素材がたくさんあります。

Free .PSD DownloadsTopTut.com

サイト自体もとってもきれいで見やすいサイトです。ボタン系の素材が多いです。

PHOTOSHOPCANDY.COM

ボタンなどの素材系のPSDファイルが豊富です。

PS Wish

テキストエフェクトやアイコン、ボタンなどのPhotoshopファイルが公開されています。

fordesigner.com

PSDファイルだけでなく、ベクター素材や、Flash、ストックフォト、テンプレートなど、たくさんの素材が公開されています。

Adobe Photoshop: 50+ High Quality .PSD Files and Tutorials

クオリティの高いPhotoshopファイルが50種類。

Browsing Photoshop .PSD Files on deviantART

deviantARTのPSDファイルページには、クオリティの高いPSDファイルがたくさんあります。

The best 32 Free PSDs you can find on DeviantArt

先ほど、ご紹介したdeviantARTから、厳選された32種類のPSDファイルがピックアップされています。

25 Amazing Free Photoshop PSD Files For Download

こちらもdeviantARTからのまとめ記事です。

100+ archivos PSD para descargar gratis | frogx.three

またまた、deviantARTから。こちらもたくさんまとめられています。

Free PSD Resources

中国系のPSDサイトです。キレイなものもたくさんありました。

Photoshop Web Templates and Interface PSD Source Files

クールなPSDテンプレートが8種類公開されています。

Ganato.com

24種類のアイコンをPhotoshopファイルで。

以前にもこのブログでベクター画像のまとめなどをおこなってきましたが、既にご紹介したサイトなども、いろいろと更新されていて

見た目も変わっていたり、コンセプトが変更されていたりなどなどありまして。

今回、無料でダウンロードできるベクター画像を配布されているサイトやブログなどを、もう一度まとめ直してみました。

Qvectors Free Vector Graphics

数はそれほど多くないのですが、サイトも見やすく、カテゴリーにも分けられているので画像が探しやすいですね。今後に期待したいサイトです。

vector4free

ページングで次々と見ながら、画像を探していかないと行けないのですが、どのベクター画像もとってもクオリティの高いサイトです。

Vecteezy!

こちらは有名なギャラリーサイトですね。絞り込みのツールも充実していて、とても見やすいサイトですね。

FreeVectors.net

掲載数はかなり多いですね。画像が探しづらいのが難ですが…。

GoMediaZine

クオリティがかなり高いベクター画像が配布されています。サイト自体もとってもきれいですね。

Open Source Vector Art

こちらも数はまだまだ少ないのです。いまのところアイコンっぽいベクター画像が多いようです。

CoolVectors

こちらのサイトも種類豊富です。掲載されているベクター画像のクオリティも高いですね。ファイルをダウンロードするには、ユーザー登録が必要です。

deviantART

困った時はdeviantART…。ベクター画像、ブラシ、イラスト、ストックフォト何でも揃いますね。。

Free Vector Graphics: Original Vectors Free For Commercial Use

右側に配置されているカテゴリーをクリックすると、サンプル画像がずらっと並びます。サムネイルは少し小さめですが、まとめて一気に見られるので便利です。

vectorjunky

細かくカテゴリー分けされているので、探しやすいサイトです。

VectorVault™

VectorVaultの無料ダウンロードページです。他のコンテンツも充実していて、楽しいサイトです。

Dezignus.com

無料の素材を集めたDezignus。ベクター素材の他に、ブラシやアイコン、壁紙などなど、とっても便利なブログです。

DragonArtz Designs

こちらも無料の素材がどんどん追加されていくブログです。

keep designing!

豊富な無料のベクター画像やチュートリアルなどがアップされているブログ

Huzeykdotcom

数は少ないですが、ベクター画像、ロゴ、壁紙がダウンロードできます。

TechTreak.com

約20種類のベクター画像がrarファイルにひとまとめ。RapidShareにアップされています。ダウンロードは、”Free User”ボタンをクリック。しばらくするとダウンロードボタンが表示されるので、クリックしてダウンロード開始。

IllustrationClass.com

Illustratorのチュートリアルファイルがダウンロードできます。Illustratorを勉強中の方は是非お試し下さい。

Vectorportal

シンプルなものが多いです。

Creativos Online

スペイン語？のサイトなので、何が書かれているのか分かりませんが…。たくさんのベクター画像が紹介されています。

Vector Logo Database – Free Logo

企業のロゴがベクターでダウンロードできます。

LogoZu

こちらもベクター形式のロゴがアップされています。ダウンロードするにはログインが必要です。

Best Brands of the World

こちらもベクターロゴのサイトなのですが、掲載数がハンパなく多いです。写真やフォントなどもダウンロードできる便利なサイト。

Free Vector Brand Logotypes

こちらも、またまたベクターのロゴを集めたサイトなのですが、こちらはCorelDraw形式でもダウンロードできます。

Free Vector World Maps Collection

世界地図のベクター画像を集められております。

Free Vector Icon Set 1 – 25 Icons | Monofactor

とってもきれいなベクターのアイコンがダウンロードできます。

72 Free Vector Glass Buttons and Bars | BittBox

ベクターのボタン素材がダウンロードできます。BittBoxでは、他にもたくさんベクター素材がアップされています。

Free Clip Art

無料のベクタークリップアートがたくさん掲載されています。

Malevi4a

こちらはロシアのブログ。たくさんの素材を集められております。

DryIcons

きれいな素材がたくさん掲載されています。

Photoshopのカスタムシェイプを使えば、ちょっとしたアイコンや飾り付けにとっても便利です。

最近では、無料でブラシ並みにカスタムシェイプが公開されているので、いろいろ試してみるのもいいかも。

カスタムシェイプの利点はベクターなので、どれだけ引き延ばしても画質が荒れないということ。

プリントにも使えるので、みなさんお試しください。

インストールのやり方が分からない方は、以前ご紹介したこちらからどうぞ〜。

Nate’s Shapes – Photoshop Custom Shapes

アイコンっぽいシェイプがいっぱい。どれもすぐに使えそうです。

Custom Shape Mix

ちょっぴりクールなシェイプがいっぱい。

Arrows Custom Shapes

とってもかわいい矢印シェイプ

photoshop Shape Sets

ロゴっぽいシェイプがいろいろです。

LOUNGE Photoshop Shape Set 001

リアルなシェイプですね。

Photoshop Custom Shapes – Ornaments

ちょっとした飾りに使えるきれいなシェイプセット。

Atv Silhouettes

クールな四輪バギーのシェイプです。

Butterfly Shapes

とってもきれいな蝶のシェイプ。

Foliage Shapes

種類がとにかく豊富な木の葉のシェイプ。いろいろ使えそう。

People Silhouettes

人のシルエットシェイプ。こちらもかなりの量ですね。

Bones photoshop custom shapes

こちらも、人のシルエット。

Animal Pattern

意外と使えそうな、アニマルパターンのシェイプ

Browsing Photoshop Custom Shapes on deviantART

deviantARTで、シェイプを検索すると、かなりいろいろ見つかりますね。

以前にも、同じようなまとめをやってました…。『Photoshopカスタム・シェイプいろいろ』こちらも合わせてどうぞ〜。

WordPressのテーマをデザインからすべて自分で作るのはなかなか大変ですよね。

無料で使えるWordPressのテーマは、なかなかクオリティの高いものがたくさん配布されているので、デザインやコーディングが苦手な方は、無料のテーマを使ってはいかがでしょうか。

ダウンロードしたテーマをそのまま使ってもよし、すこし自分で手を加えてもよし。デザインやコーディングの参考にも使えそうですね。

今回は、無料で使えるWordPressのテーマをたくさんまとめられているギャラリー的なサイトをまとめてみました。

無料WordPressテーマギャラリー

Free WordPress Themes and More at Fresheezy!

Top WordPress Themes – Best Free Themes for WordPress

wpthemesfree.com

theme-wordpress.com

blogstheme.com

wpskins.org

skinpress.com

unmatchedthemes.com

osskins.com

themesbase.com

freewpthemes.net

freewordpressthemes.com

templates.arcsin.se

freelayouts.com

graphpaperpress.com

themes.rock-kitty.net

themelab.com

templatesbrowser.com

siteground.com

wp-themes.designdisease.com

askgraphics.com

有料WordPressプレミアム テーマ

こちらからは、有料のテーマをまとめてみました。プレミアムのテーマは、既にプラグインやスクリプトが組み込まれていたり、見せ方が少し凝っていたりとお金を出しても、どんな風になってるのか中身が見てみたくなるテーマがいっぱいです。

wordpressthemesmarket.com

revolutiontheme.com

quommunication.com

wpdesigner.com

ithemes.com

wpremix.com

omnitheme.com

premiumthemes.net

以前、このブログでご紹介したクリップアートのまとめいろいろ。

『ベクター画像のクリップアートいろいろ』や『無料で使えるクリップアート集 – ６サイト』

でも、ご紹介いたしました。ちょっとしたクリップアートを加えるだけでも、見栄えは結構変わりますよね。

今回は、クリップアートまとめ第３弾です。

Miss Mary’s Vintage Image Archive Royalty Free Clip Art Images

Maryさんの描いたとってもきれいなクリップアートが無料でダウンロードできます！無料のクリップアートは現在46種類です。

Clipart deSIGN – Free Vector Clip Art and Illustrations

500種類以上のハイクオリティなベクター・クリップアートやアイコンが無料で。

Free-Clipart-Pictures.net

かわいらしいクリップアートが大量にあります。

Havana Street retro clip art and stock illustration

こちらは、基本有料のサイトなのですが、かわいい子供のクリップアートが無料でダウンロードできます。

Open Clip Art Library Drawing Together

以前にもご紹介した、Open Clip Art Library。パブリックドメインのクリップアートいっぱいです。

DK Clip Art

個人的に利用したり、学校のプロジェクトなどで使う場合は無料で使えます。

Clker.com – The online royalty free clipart

現在15,000を超えるクリップアートが紹介されています。PNG、SVG形式でダウンロードできます。

Discoverty Education

ディスカバリーチャンネルで有名なディスカバリー・コミュニケーションズ社が運営するサイトで公開されているクリップアート。

School Clip Art for Teachers and Kids

こちらも大量のクリップアートが公開されています。

Kaboose.com

きれいにカテゴリに分けられているkaboose。サイトのデザインもきれいですね。

Daily Clip Art

クリップアートがどんどん紹介されていくブログ。

Hasslefreeclipart.com

ちょっぴりレトロなクリップアートがいっぱいです。

PDClipart.org – Public Domain Clip Art

25,000を超えるパブリックドメインのクリップアートがまとめられております。

Free Clip Art Library at FunDraw.com

クリップアートに文字やシェイプなどが足せるFunDraw

Microsoft Office Online

Microsoftのサイトにも、使えるクリップアートがたくさん公開されています。

OxygenOffice Pro

OpenOfficeの修正バージョンOxygenOfficeは、3,000種類以上のクリップアートがインストールされています。

先日やっとこさ、念願のiMacを購入いたしました。

これまで使っていた、MacはPowerBook G4で今では、いろいろなソフトを使うのに、かなり動作が遅く、あまり使わなくなっていました。

いやぁ。やっぱりMacはいいですねぇ。。

本日は、そんなMacをより便利に、無料で使えるソフトをいろいろとまとめてみました。

OpenOffice

とりあえず、Microsoft Officeを持ってない人はこれを入れとくと便利ですね。

Burn

ライティングソフトウェアです。標準でインストールされている、ディスクユーティリティでもいいですが。。。

ClamXav

アンチウイルスソフトです。とりあえず入れといた方がいいですかね。

starockerさんより、ご指摘いただいたように、↓AppZapperはシェアウェアでした。。申し訳ございません。

AppZapper – The uninstaller Apple forgot.

アンインストーラーです。

AppTrap

というわけでstarockerさんがお勧めする、アンインストーラーです。ありがとうございます！！

Perian – The swiss-army knife of QuickTime® components

QuickTime®で、いろいろな形式の動画が再生できるようになるCodecです。便利ですね。

Miro – free, open source internet tv and video player

こちらは、動画のプレーヤーです。こちらも、ほとんどのファイル形式をサポートしてます。また、YouTubeやDailyMotionなどの動画サイトをこのプレーヤーから直接検索できるのも便利です。

Senuti

iPodに入れた曲を、iTunesに戻すことができるアンロックソフトです。日本語は文字化けるそうです。

KeePassX

パスワード管理ソフトウェア。いつも、パスワード忘れるので、これがあると安心です。

Sixty Five, Ltd. » 7zX

zipアーカイバです。

Cyberduck | FTP for Mac OS X.

FTPクライアントです。

Taco Software – Taco HTML Edit for Mac OS X

HTMLエディタです。

Quanta Plus

こちらもHTMLエディタです。

Gimp

Photoshop持ってない人には。

Inkscape

Illustrator持ってない人には。

Scribus :: Open Source Desktop Publishing

DTPソフトです。

Aptana

JavaScript用IDEソフトです。HTMLエディタとして使えるみたい。これなら、Dreamweaver必要ないかも？っと思ってしまうくらい高機能ですね。

blender

オープンソースの3Dソフトです。

dolipoで更に加速するインターネット : polipo proxy用GUIアプリを作りました。

やっぱり試してみたくなりますね。。ほんとに早くなりました！

みなさんも、おすすめのMac用フリーソフト知っていたら、教えてくださいね！

先日ご紹介した、和風なPhotoshopのブラシ。

Photoshopのブラシもとっても便利ですが、カスタム・シェイプも無料でたくさん配布されているので、いろいろ使えそう。

デフォルトでも矢印や簡単なイラストなどが、たくさん入っているので、シェイプツールを活用されている方は多いのではないでしょうか。

お気に入りのシェイプを見つけて、あらかじめPhotoshopにインストールしておけば、いつでも、すぐに使えますね。

本日は、そんなPhotoshopのカスタム・シェイプをまとめてみました。

1. Ladyoak

こちらは、シェイプツールが大量にリストされてました。シェイプの内容も見れるので、簡単にお気に入りのシェイプが見つかりそう。

2. Foliage Shapes (Huge master set) | Dezignus.com

木の葉を集めたシェイプセットです。下のサンプルのような画像が簡単に作れますよ～！

3. BioRUST.com

いろんなカスタムシェイプがいっぱい集められております。

4. Photoshop Custom Shapes | deviantART

よくご紹介させていただいているdeviantARTさん。カスタムシェイプも豊富ですね。

5. Custom shapes for Photoshop

こちらでも40セットを超えるカスタムシェイプがまとめられております。

6. Free Photoshop – Free Photoshop Shapes and demos for download

以前にもご紹介した、ページです。

7. Over 10000 free Photoshop shapes | Mike’s Quarter

10000種類を超えるカスタムシェイプをどうぞ。。

8. Free Photoshop Layer Styles and Shapes by Shelby Kate Schmitz | About.com

ちょっぴりゴージャスな？装飾系カスタムシェイプを150種類。

インストールの方法がわからない方は、以前このブログでご紹介した『Photoshopの無料シェイプを使って簡単にアイコンを作る方法』からどうぞ～。

一日中、PCとにらめっこしているような、わたくしの仕事です。。。集中したいとき（実際は逆に、集中できない。。。厳密には、外部からの雑音を遮断したいとき。）に使ってる、無料でさくっと使える、音楽を楽しむ5つのサイトをご紹介。。

1. http://www.ijigg.com/

こちらのサイトは、diggの音楽版みたいなサイト。。
まだまだ、曲数は少ないですが。。

2. http://www.radioblogclub.com/

こちらのアクセス数は相当なようですね。。曲名とか、アーティスト名で検索して、検索結果から、好きな曲をプレイリストに入れたら、できあがり。。ブログツールもあって、リストをブログに貼り付けたりもできる。。

3. http://www.pandora.com/

こちらのサイトも、ずいぶん前から、有名ですね。。最初に曲名とか、アーティスト名で検索して、そこからその曲に関連する曲を次々再生してくれる。。最初に設定すれば、あとはほっとけば良いので、よく使ってます。。

4. http://www.musicovery.com/

こちらも、関連する曲を次々再生してくれる。。インターフェースが面白い。。曲名とか、アーティスト名でを入力するのではなくて、年代別、そのときのムード、ジャンルなどなど、いろんな方法で、曲を探せる。。曲名とか入力することすら、面倒くさいひと。何を聴いたらいいのかわからない人にはいいですね。逆に、この曲聴きたい！って人には不向き？

5. http://finetune.com/

このサイトは、個人的には今一番のお気に入りですね。iTunesっぽいインターフェースでかっこいい。左側のプレイリストでは、再生中の曲をジャケ付きで見れる。別の曲を検索中でも、再生中の曲を止めることなく、どんどん検索できるところが良い。。30秒の試聴機能とかも結構便利。

ここまで、できちゃうとほんと、CDとか買う気になりませんねぇ。。
っと言いつつもほんとに気に入ったCDとか、レアなCDは、ジャケットもほしいので買ってしまいますが。。。

デザインblogランキング