タグ

ボタンに関するmiyako_aのブックマーク (7)

  • これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons

    WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上! ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ

    これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
  • Button Marche ボタン素材

    ボタンマルシェでは、クオリティの高いフリーのボタン素材・画像を無料で提供しております。 ファイルは編集のしやすいPSD/PNG形式で配布しております。PNGデータには「Download」「Submit」などのテキストは入りません(お好みの文言を挿入可)。PSDファイルでは、配色やアイコンの有無の選択など自由に改変作業が可能です。 ボタン素材は、一つ一つデザインにこだわって作成しております。気に入ったボタンが見つかったら、会員登録して、ダウンロードページへお進み下さい。商用利用はOKです。クレジット表記や許可も必要ありません。

  • Fireworksの共有ライブラリに登録できるソーシャル系ボタン一式にボタン追加してみた。 | Fireworks | サエない日々にさよならを。

    ここ最近、Fireworksのが立て続けに発売されているのを見て、一応Fireworks Loverを名乗っているんだから、この流れに乗って、Fireworksネタできんやろかなーとか思っていました。 そんなところ、ソーシャル系のボタンが変更されたり、増えたりしていることに気づいたので『バージョンUP』という形で改めてFireworksの共有ファイル登録用mxpファイル配布をします。 一応、上画像のものを登録できるようにしております。個人的に主要&使用頻度が高いだろうなーと思っているものです。 数字はシンボルをキャンバス上に出してダブルクリック、もしくはシンボル解除したら変更できるようにしておりますので、変えたい方はご自由に変えてください(今の数字は超適当に入れてます)。 以前のバージョンは、今後はGitHubで管理していこうかと考えてます。ひとまず、今のところは、前回UPしたファイルは

    Fireworksの共有ライブラリに登録できるソーシャル系ボタン一式にボタン追加してみた。 | Fireworks | サエない日々にさよならを。
  • クリック率・コンバージョン率を高めるボタン。3つの大きなポイント

    WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン(Call to Action Button)】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在

    クリック率・コンバージョン率を高めるボタン。3つの大きなポイント
  • 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン

    ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。

  • As Button Generator

    As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください

  • 12 High-Quality Free CSS Button Libraries & Frameworks

    When you think about it, buttons are the drivers of online interaction. We use them to add products to our shopping carts, learn more about a service, confirm decisions, and submit contact forms. In that way, a button click is sort of like the successful conclusion designers are trying to draw us to. That’s why it’s so important to choose buttons that both look great and provide obvious visual cue

    12 High-Quality Free CSS Button Libraries & Frameworks
  • 1