Home > Web制作 > ドラッグ＆ドロップ操作でWebボタンを自動作成できる「Buttonator.com」

ドラッグ＆ドロップ操作でWebボタンを自動作成できる「Buttonator.com」

Posted by: WebPersons編集部
2008年4月 3日 20:30
Web制作

Webページで利用するメニューボタンを作るとき皆さんはどうしていますか。数を作らなければならなかったり単純なテキストだけでは物足りなかったりとシンプルなものだけにいろいろ悩む事もあります。

今日紹介するのは、そんな悩みを解消するサイト「Buttonator.com」です。

このサイトはたくさんあるサンプルの中から好きなものを選択して文字を入力するだけで簡単にボタンができあがります。

では、操作方法です。

まず「Buttonator.com」にアクセスします。

右上、StyleメニューのButtonタブでボタンの種類を選択します。

種類を選択したら、好きなボタンを左のButton Preview部分にドラッグ＆ドロップします。

ボタン下の入力部分（Text Here）と書かれた部分にテキストを入力し、updateをクリックします。

このままの色フォントでよければdownloadをクリックしてボタンをダウンロードする事が出来ます。

簡単にボタンをダウンロードできるのですが、もちろん色の変更、フォントの変更、一括でダウンロードなど他にもいろいろな機能があります。

フォントの変更はPropertiesメニューで行います。
※日本語フォントも用意されています。

文字の色やボタンの色はColourメニューからカラーパレットを利用して変更します。

他にも右側のStyleメニューのiconタブからボタンにドラッグアンドドロップすることでアイコンを追加する事が出来ます。

この他にも Button Preview メニューの batch download では「;」セミコロンで文字を区切って複数のボタンを一括でダウンロード出来たり、Propertiesメニューでは文字やアイコンに効果を付ける事も出来るなどたくさんのオプション機能があるにも関わらず簡単操作でボタンを制作出来る「Buttonator.com」でした。