ウェブサイトやアプリにおいて不可欠な要素である「ボタン」が、いかにしてデザインを変えてきたか、また効果的なボタンを作るために重要な要素について、ソフトウェア開発者のNick Babichさんが解説しています。 Buttons in UI Design: The Evolution of Style and Best ...
Photoshop やFireworks でボタンの背景画像をつくる。ここでは左右が10pxの角丸で、光沢感のあるデザインにした【1-1】。色調を変えてロールオーバー時 の画像もつくっておく。CSSスプライト(複数画像をひとつにまとめ、CSSのポジションで表示位置を指定する ...
CSS3のグラデーションを利用して、つややかなボタンを実際に作ってみよう。作例ではドロップシャドウや角丸なども加えているが、ここではgradient 関数の使い方を中心に解説する。 今回のサンプルでは、ボタンの色にCSS3のグラデーションを使用して立体感 ...
UIをデザインするうえで、 ボタンは欠かせない要素です。利用規約に同意するとき、 ユーザーにアクションをしてもらうとき、 何か項目を削除するときなど、 ボタンと一言で言っても利用するシーンによって使い方はさまざまです。 使い慣れている ...
Amazon.co.jp(以下、Amazon)は、この度、Amazon Dash Buttonが2017年 グッドデザイン賞、およびその中でも特に優れていると選ばれた、グッドデザイン・ベスト100(主催:公益財団法人日本デザイン振興会)を受賞したと発表しました。Amazon Dash Buttonは、自宅のWi-Fi ...
米Facebookは11月6日(現地時間)、2010年からWebオーナーに提供している「いいね!」と「シェア」ボタンのデザイン変更と「送信」ボタンの「シェア」ボタンへの置き換えを発表した。 変更は数週間かけて自動的に“ローリングアウト”する。サイズは変わら ...
「ボタン展 - 10人がおくる釦の展示会 -」がCASE galleryで開幕します。布地を留めるボタンに限らず、さまざまな「ボタン」が勢揃いします。 今回、「ボタン」と聞いたとき、かつてルーシー・リーが陶やガラスでボタンをつくっていたことをふと思い出しました ...
Appleは今年2023年9月にiPhone15シリーズを発売すると予想されていますが、大量生産開始前に、iPhone15 Proで噂されていたソリッドステートボタンデザインを廃棄するとレポートがありました。 iPhone15 Proの音量調整ボタンとミュートスイッチで、どのような ...