ウェブデザインに使える16のジェネレーターツール

web2.0のこのご時世、いろいろな便利ツールが無料で公開されております。
専門的な知識の無い方でも、データを入力すればジェネレーターが作り上げてくれます。


例えば、サイト名を入力するだけで、ロゴを作ってくれたり・・・色を指定するだけで、テンプレート作ってくれたり。。。
えらい便利な世の中になりましたねぇ。。。


っちゅうわけで、本日は便利なジェネレーターツールをざっと、まとめてみたのじゃ。


1. Web 2.0 Name Generator

サイトを作るときは、サイト名、ドメイン名って最初に悩みますよねぇ~。このサイトは、クリックするだけで、web2.0的?な、名前を生成(ジェネレート)してくれます。ついでに、そのドメインが取得可能かどうかまで、チェックしてくれますねん。


2. web2.0stylr

サイトのタイトルを入力したら、グラデーション、鏡に映ったような効果を使った、web2.0的なロゴを作ってくれます。色も指定できます。


3. Official Seal Generator

丸~いワッペンみたいな画像を作れます。枠のデザインとか、中のイラスト、色、フォントなど・・・いろいろ細かな設定ができます。


4. The Newspaper Clipping Generator

新聞のタイトル、日付、見出し、記事を入力したら・・・新聞の切り抜き画像を作ってくれます。なかなか、面白いアイデアですね。。。


5. WARNING LABEL GENERATOR

台座になるデザイン、アイコン、テキストを入力すると、警告用の画像を作成できます。


6. Chicklet Creator Classic

サイト名、サイトurl、フィードurlを入力するだけで、いろんなサイトがサービスしてるRSSリーダーへの登録ボタンを生成してくれます。 ブログのサイドバーにあると便利?。。


7. buttonator

テキスト、デザインを選択するだけで、簡単にボタンが作れます~。


8. FavIcon Generator

ロゴとかの画像ファイルを送信するだけで、簡単にfaviconファイルを生成してくれます~。


9. Color Schemer Online

ひとつの色を選択すると、その色にあった、色を提案してくれる。バランスの取れたデザインが作れますねぇ~。


10. Color Scheme Henerator2

こちらも、バランスの取れた色味を生成してくれるサイト。


11. Color Palette Generator

画像から、ウェブカラーを抽出してくれる。お気に入りの写真とか、画像から、色味を抽出。


12. RoundedCornr

角丸の枠を生成して、html、css、画像がダウンロードできます。グラデーション、ボーダーにも対応。


13. Ajaxload

タイプと色を選択したら、Ajaxを使ったサイトでよく見かける、クルクル~ってgifアニメーションをダウンロードできます。


14. E-Mail Icon Generator

hotmailとかyahoo、gmailなんかの、メールアドレスを入力するだけで、簡単に自分のメールアドレスの入った、ロゴ入りの画像を作ってくれます~。


15. Web 2.0 Generator

色を指定するだけで、web2.0っぽいサイトを生成してくれます~。


16. CSS Source Ordered Variable Border 1-3 Columned Page Maker

サイトのレイアウトを生成してくれます。ここまで、指定できたら普通にhtml,CSS書いた方がいいのでは?っちゅうくらい細かい設定ができます。


他にもまだまだ、使えるジェネレーターはいっぱいあると思います。 おもしろジェネレーター、使えるジェネレーターなどなど、見つけた方はコメントいただけると幸いでございます。。

関連記事

9件のコメント

  1. デザインウォーカー | DesignWalker – ロサンゼルスで働くウェブデザイナーの日記

    純粋にメモ(≧▽≦) デザインウォーカー | DesignWalker – ロサ…

  2. トップページ用のロゴを簡単に作成

    「Design Walker」というサイトで,便利なツールが紹介されていたので早速試してみました.面白かったのはWebページのロゴや見…

  3. ウェブデザイン能力がなくてもそこそこの仕事ができるお助けサイト

    DesignWalker – ロサンゼルスで働くウェブデザイナーの日記さんの記事…

  4. 動画の壁!

    こんなものが簡単に作れます。キーワードで動画を検索して、表示させたい動画を適当に箱に放り込んで、できたものはブログやホームページに貼り付けられます。

  5. 簡単ロゴ作成

    簡単ロゴ作成 出典:designwalkerさん web2.0stylr サイトのタイトルを入力したら、グラデーション、鏡に映ったような効果を使った、w…

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です