Androidに最適な、シンプルでかっこいいボタン素材を集めてみました。
Androidに適したボタン
ここで紹介するのは、次の条件を満たしているものだけです。
- 無料である
- 商用利用可である
- 好きなテキストを入れられる
Photoshop PSD形式で、各パーツがきちんとレイヤ分けされていて、加工しやすいものを厳選しました。パーツが分けられているので、土台だけを取り出して自由に使うことができます。
ほとんどのボタンが「ダウンロード」や「追加」などのように用途を示していますが、特にそれにこだわることなく好きにテキストを入れ替えればOKです。
ボタン素材ベスト21選
１．クリスタルボタン
ガラスのような光沢と透明感を持つボタン。モノクロなので色相を調整して好きな色味にすることも簡単。PNG/AI/ESP形式。72個。サイト名: 72 Free Vector Glass Buttons and Bars
URL: http://www.bittbox.com/freebies/72-free-vector-glass-buttons-and-bars
２．さまざまなスタイルのボタン
有名なフリーボタン。Androidにつかうには少々コテコテな気もするが、シンプルなデザインのものを使えばOK。Photoshop PSD形式。40個。サイト名: Free Button Collection
URL: http://www.superwpthemes.com/free-button-collection/
３．マットでシンプルなデザインのボタン
Androidにはぴったり。マットでカラフルなデザイン。55個。Photoshop PSD形式。サイト名: SOLID SILVER's BUTTON COLLECTION
URL: http://solidsilver.deviantart.com/art/Free-button-collection-166423627
４．シンプルなボタン
PNG形式のため加工がしにくいのですが、こういうタイプのシンプルなボタンは、いざ探そうと思うと意外と見つからないので重宝します。Webデザインとなっていますが、Androidでも使えます。PNG形式。サイト名: デザイン素材.com
URL: http://designsozai.com/item/web/button/
５．クリスタルタイプの高精細ボタン
非常に精密なデザインのボタン。Photoshop PSD形式。５個。サイト名: Stylish 3D Buttons
URL: http://ahmadhania.deviantart.com/art/Stylish-3D-Buttons-77832311
６．モノトーンのボタン
白～黒までのモノトーンデザインのボタン。Webデザイン用とありますが、Androidでも使えます。通常、無効、押下の３ステートが用意されています。Photoshop PSD形式。30個。サイト名: Free Light to Dark Web Buttons
URL: http://www.sketchdock.com/freebies/free-light-to-dark-web-buttons.html
７．グラデーションタイプのボタン
色々な色のグラデーションタイプのボタン。Web用とありますが、Androidでも問題ありません。Photoshop PSD形式。サイト名: Web Buttons
URL: http://ahmadhania.deviantart.com/art/Web-Buttons-142678399
８．カラーアイコン付きのボタン
通常とホバー状態の２ステートが用意されています。ホバー状態はタップしたときにも流用できます。Photoshop PSD形式。18個。サイト名: Simple Download Buttons
URL: http://vladedimovski.deviantart.com/art/Simple-Download-Buttons-198422763
９．ポップなデザインボタン
通常、ホバー、押下の３ステートがあります。毎日１つずつPSDファイルを紹介するという気の遠くなるようなサイトの１アイテムです。Chromeだと表示が崩れるので注意してください。Photoshop PSD形式。6個。サイト名: 365psd
URL: http://365psd.com/day/349/
１０．淡いデザインのボタン
通常、ホバー、押下の３ステートがあります。Chromeだと表示が崩れるのが残念ですが、毎日１つずつPSDファイルを紹介するというサイト。Photoshop PSD形式。6個。サイト名: 365psd
URL: http://365psd.com/day/2-87/
１１．プラスチックぽいボタン
365PSDから。通常、ホバー、押下の３ステートがあります。毎日１つずつPSDファイルを紹介するというサイト。Chormeだと表示が崩れるので注意してください。Photoshop PSD形式。6個。サイト名: 365psd
URL: http://365psd.com/day/2-96/
１２．ポップなデザインボタン
365PSDから。通常、ホバー、押下の３ステートがあります。毎日１つずつPSDファイルを紹介するというサイト。Chormeだと表示が崩れるので注意してください。Photoshop PSD形式。9個。サイト名: 365psd
URL: http://365psd.com/day/118/
１３．レトロな雰囲気のボタン
365PSDから。通常、ホバー、押下の３ステートがあります。毎日１つずつPSDファイルを紹介するというサイト。Chormeだと表示が崩れるので注意してください。Photoshop PSD形式。3個。サイト名: 365psd
URL: http://365psd.com/day/178/
１４．テクスチャ感のあるボタン
赤、青、黒の三色セット。よく見ると背景に細かいノイズが乗っていて、デリケートなテクスチャ感が表現されています。よくできてるなー。Photoshop PSD形式。9個。サイト名: Simple Download Buttons (PSD)
URL: http://www.premiumpixels.com/freebies/simple-download-buttons-psd/
１５．マットなボタン
たぶんこういうデザインが一番Androidっぽいんでしょう。地味ながらも精度の高いデザイン。Photoshop PSD形式。4個。サイト名: Dark Button Navigation (PSD)
URL: http://www.premiumpixels.com/freebies/dark-button-navigation-psd/
１６．派手なデザインのボタン
Webっぽいですね。派手ですが、使い方によっては目を引くデザインのUIができるでしょう。Photoshop PSD形式。12個。サイト名: Download Now Buttons Pack
URL: http://www.photoshop-plus.co.uk/2010/12/06/freebie-download-now-buttons-pack/
１７．パワースイッチ
電子機器の電源ボタンです。パワーオン、オフ、押下状態の３ステートが用意されています。Photoshop PSD形式。6個。サイト名: Power button
URL: http://www.psdchest.com/2011/06/08/power-button/
１８．光るボタン
ぼうっと光を放つボタンです。すべての部分がパーツに分離されているので、加工は容易です。通常、ホバー、押下の３ステートが用意されています。Photoshop PSD形式。11個。サイト名: Button Template 2.0
URL: http://sed-rah-stock.deviantart.com/art/Button-Template-2-0-201510553?
１９．3Dボタン
よくある3Dではなく、よーく見ると3Dになっているというシンプルさが気に入りました。色味もきれいです。Photoshop PSD形式。3個。サイト名: Bright 3D Buttons
URL: http://designmoo.com/4113/bright-3d-buttons/
２０．再生機器のボタン
サイトの解説はビデオプレイヤーですが、音楽プレイヤーでももちろん使えます。Photoshop PSD形式。19個。サイト名: Glass Video Playback Buttons
URL: http://birofunk.deviantart.com/art/Glass-Video-Playback-Buttons-94624733
２１．美麗なボタン
ちょっと派手すぎる気もしますが、美しさでは一番のボタンです。単体でも組み合わせても使えます。Photoshop PSD形式。3個。サイト名: navigation for web
URL: http://bartas1503.deviantart.com/art/PSD-file-navigation-for-web-83217042
0 コメント:
コメントを投稿