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

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

      
  • Posted by: WebPersons編集部
  • 2008年4月 3日 20:30
  • Web制作
Webページで利用するメニューボタンを作るとき皆さんはどうしていますか。数を作らなければならなかったり単純なテキストだけでは物足りなかったりとシンプルなものだけにいろいろ悩む事もあります。

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

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

では、操作方法です。

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

buttonator1.jpg


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

buttonator2.png



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

buttonator3.png


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


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


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

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



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

buttonator8.png


buttonator9.png


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

buttonator10.png


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

Trackbacks:0

TrackBack URL for this entry
http://webpersons.jp/mt/mt-tb.cgi/468
Listed below are links to weblogs that reference
ドラッグ&ドロップ操作でWebボタンを自動作成できる「Buttonator.com」 from Web Persons [ウェブパーソンズ]|Web担当者向け情報サイト

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

サイト内検索
最近のエントリー
注目のキーワード
Feeds

ページTOPへ