タグ

ボタンとweb制作に関するcreaismのブックマーク (2)

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

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

    creaism
    creaism 2011/06/07
    ここでも 1px のこだわりが!!
  • ソーシャルブックマーク&投稿ボタンの設置方法 | SEOモード

    ©Owen W Brown 先週「Google+1」の発表がありましたが、その少し前にはTwitterが「フォローボタン」を出しており、最近は何かとソーシャルブックマークやソーシャルメディア関連のボタンを設置することが増えていますね。「いいね!」を付けて欲しいとか、はてなブックマークボタンを設置してほしいと、といった要望があって対応することも多くなっています。 必要になる度に探すのは手間なので、一か所で参照できるようメモをしていたのですが、せっかくなので少し内容に手を加えて共有したいと思います。 ※ボタンはそれぞれ1種類ずつしか掲載していませんので、違う種類はリンク先でご確認ください。

    ソーシャルブックマーク&投稿ボタンの設置方法 | SEOモード
  • 1