最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン

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

[Shoppy3001]

最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス

[norip44]

ボタンのデザインのお話。

[warriorking]

最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス

[rytich]

ボタン

[ponta8]

ぼたん2011

[hidehish]

見てる:

[rouxril]

かわいい

[Akula]

ボタン作成の参考に

[soratomo]

パッとみてすぐ、押せるボタンだとわかることは前提として、押すと気持ちの良さそうなフィーリングを感じさせるやつがイロイロ

[haruna1221]

1px…的な流行りのおはなし。 RT: 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン -

[kzsk]

メモ RT: 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン –

[marie8nz]

デザイン

[UrawaLover]

ふむふむ。 RT @colisscom 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン

[yananaki]

「最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス」 1ピクを使ったボタンとハイライトを使ったボタン、パターンを使ったボタンはよく作るかな！

[hiroki0527]

細かい工夫で大分違って見える。

[hasesho3939]

これは知っておいて損はない。

[mana1006]

ボタンにもいろいろデザインがあるのですね。立体的だとボタンだとわかりやすくていいです　RT @umelns: ボタンデザイン - 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス -

[catprogram]

キレイ。ステキ。

[invent]

アプリ開発にも使える。1ピクセル重要。

[adsty]

閲覧者に様々な視覚効果を与えるボタンデザイン。

[nobutakakarotto]

ユーザーのアクションを誘うために、考え、こだわっていかねばならないのだと思いました。 RT @umelns ボタンデザイン - 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス -

[highAAA]

メモメモ。

[kyaraway]

ボタンデザインまとめ

[clngn]

ボタンデザイン

[youhey]

ボタン

[fclout]

最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス

[y_shibata]

#webdesign #button

[twipri]

こういう感じに更新していきたい。

[ku_marin]

こういう細かいあしらい大事

[feb223]

これはいいですね。 RT @sky5714: 勉強になります。取り入れていきたいところです。 RT @shikajiro: [*あとで読む] / 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス