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

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

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

スクロールが止まったら回転アニメーションとともに現れるページトップボタン。タイマーを使ったタイミングのコントロールと、CSS3での要素回転がポイントだ。 最初にページトップのボタンに使う画像を用意する。 今回は半円状のボタンにした。

ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」という ...

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

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

「2.5dBUTTON」はフラットデザインに似合うボタンが作れるサイトです。マウスを乗せるとポコッと立体的に浮き上がるボタンが作成できます。作ったボタンはHTML、CSSごとダウンロード可能です。 以下に使ってみた様子を載せておきます。まず、2.5dBUTTONへ ...

米Facebookは6日、ウェブサイト向けに2010年から提供している「いいね！（Like）」ボタンと「シェア（Share）」ボタンのデザインを変更すると発表した。今後数週間をかけて、新デザインのボタンを順次利用可能にする。 新デザインの「いいね！」ボタンは ...

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

Appleは今年2023年9月にiPhone15シリーズを発売すると予想されていますが、大量生産開始前に、iPhone15 Proで噂されていたソリッドステートボタンデザインを廃棄するとレポートがあり、話題になっています。 iPhone15 Proソリッドステートボタンのデザインを破棄し ...