Photoshop やFireworks でボタンの背景画像をつくる。ここでは左右が10pxの角丸で、光沢感のあるデザインにした【1-1】。色調を変えてロールオーバー時 の画像もつくっておく。CSSスプライト（複数画像をひとつにまとめ、CSSのポジションで表示位置を指定する ...

角丸、グラデーション、ドロップシャドウなど、CSS3を利用すると画像を使わずにリッチなデザインのボタンを作成できる。ここでは、ボタンのデザインを例にこれらのプロパティを紹介しよう。 ボタンは<button>タグを使うと簡単に作ることができるが、通常 ...

UIをデザインするうえで、 ボタンは欠かせない要素です。利用規約に同意するとき、 ユーザーにアクションをしてもらうとき、 何か項目を削除するときなど、 ボタンと一言で言っても利用するシーンによって使い方はさまざまです。 使い慣れている ...

ウェブサイトやアプリにおいて不可欠な要素である「ボタン」が、いかにしてデザインを変えてきたか、また効果的なボタンを作るために重要な要素について、ソフトウェア開発者のNick Babichさんが解説しています。 Buttons in UI Design: The Evolution of Style and Best ...

Amazon.co.jp（以下、Amazon）は、この度、Amazon Dash Buttonが2017年 グッドデザイン賞、およびその中でも特に優れていると選ばれた、グッドデザイン・ベスト100（主催：公益財団法人日本デザイン振興会）を受賞したと発表しました。Amazon Dash Buttonは、自宅のWi-Fi ...

米Facebookは11月6日（現地時間）、2010年からWebオーナーに提供している「いいね！」と「シェア」ボタンのデザイン変更と「送信」ボタンの「シェア」ボタンへの置き換えを発表した。 変更は数週間かけて自動的に“ローリングアウト”する。サイズは変わら ...

LINE の自動配信ツール「 WazzUp！(ワズアップ！) 」を提供する株式会社ファナティック (本社：東京都渋谷区、代表取締役：野田大介) は、協業パートナーである株式会社ジョリージーン (本社：東京都世田谷区、代表取締役：西本圭吾) と共に、LINE上でも通販 ...

「ボタン展 - 10人がおくる釦の展示会 -」がCASE galleryで開幕します。布地を留めるボタンに限らず、さまざまな「ボタン」が勢揃いします。 今回、「ボタン」と聞いたとき、かつてルーシー・リーが陶やガラスでボタンをつくっていたことをふと思い出し ...