Flat UI - Free Bootstrap Framework and ThemeCheckboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
Apple社のキーボードについてる「コマンドキー」アイコンの元ネタはコレだった
Apple社は時々大きなデザインコンセプトの変更を行う一方、シンボリックな要素については非常に大事にしてきました。「コマンドキー」アイコンは初代Macから残っているものの一つ。このデザインがどこから生まれたのか、デザイナーのスーザン・ケアが語っていました。 スーザン・ケアは初期のApple社のアイコンのほとんどをデザインしたグラフィック・デザイナー。「ハッピーマック」を始めとする、Appleの象徴的なアイコン群は彼女の作品となります。 Susan Kare – User Interface Graphics – Apple Mac Icons ちなみにこちらもスーザンの作品。 Susan Kare – User Interface Graphics さて、彼女が「コマンド」キーのアイコンを作ったのは初代マッキントッシュ開発中のこと。お絵かきソフト「MacDraw」のメニューを見たスティーブ
｢iOS 6｣のUIは光の反射も再現 - 気になる、記になる…
管理人：Taisyo 海外の情報＆噂サイトで報じられている Microsoft (Windows) や Apple (MacやiOSデバイス) の最新情報を翻訳(ミスも多いですが…)してUPしています。 当サイトのメインページや個別記事へのリンク、コメント、トラックバックは自由に行って下さい。 ご連絡の必要はございません。 ある程度確認はしていますが、InternetExplorerでは一部正しく表示されない部分があり、推薦はSafariとなっています。 ニュース：総合(982) ニュース：携帯電話(346) 気になるニュース(488) ニュース：ブラウザ(204) ミニノート関連(Eee PCなど)(260) Microsoft：総合(789) Microsoft：各種アップデータ(98) Windows Vista：ニュース(512) Windows Vista：レビュー(27) Wi
細かすぎて伝わりづらい、Mac OSX Lionのデザイン変更点まとめ。
先日発売されたMac OSX Lionを何の迷いもなくダウンロードして、日々Apple信者になりつつあるのを実感しております。 さて、実際に数日間使ってみた感想としては、追加機能や操作の変更がてんこ盛りで慣れるのに時間がかかりそうな感じですが、特に気になったのはUIのグラフィックも細かな変更がされているということ。 そこで、新しい機能や大きな変更が話題になっている中で、細かい部分にスポットライトを当てて、その「細かすぎる変更点」をまとめてみました。 違いが分かりやすくなるようにそれぞれ拡大してあります。 目を凝らしてどうぞ。 1.クローズ・ミニサイズ・ズームボタン Snow Leopadでは各ボタンの大きさが14pxだったのに対してLionでは少し小さくなって12pxになっています。さらに、ロールオーバーしたときの記号のデザインも少し立体的なグラフィックになっています。 通常ではボタンは大
[PDF]iPadヒューマンインターフェイスガイド ライン
ウィジェットとライブアクティビティ ウィジェットがさらに多くの場所で活用できるようになり、パワーアップしました。WidgetKitを使ってインタラクティブな要素やアニメーションによるトランジションに対応すると、ユーザーがウィジェットから直接アクションを実行できます。既存のウィジェットにわずかな変更を加え、iOS 17向けに再ビルドするだけで、iPhoneのスタンバイ画面、iPadのロック画面、Macのデスクトップ上で視覚的に美しく表示させることができます。SwiftUIを使用すると、ウィジェットの色と間隔がコンテキストに合わせて自動調整されるため、複数のプラットフォームで使いやすさが増します。 WidgetKitとActivityKitで構築したライブアクティビティがiPadで利用できるようになり、ユーザーはアプリのアクティビティや情報をロック画面からいつでもリアルタイムで確認できます。
![[PDF]iPadヒューマンインターフェイスガイド ライン](https://cdn-ak-scissors.b.st-hatena.com/image/square/b434be57930730b76ff8d562d405985e593beaa0/height=288;version=1;width=512/https%3A%2F%2Fdeveloper.apple.com%2Fnews%2Fimages%2Fog%2Fios-17-og.jpg)
CNET Japan
人気の記事 1「Pixel Watch 2」の一部機能、初代モデルでも利用可能に 2024年03月05日 2マイナカードのiPhone搭載「もうちょっとお待ちを」--河野大臣が笑顔で言及 2024年03月05日 3身に着けるAIデバイス「Ai Pin」のデモに衝撃--垣間見るスマホのない未来 2024年03月06日 4存在しないはずの「ターミナル0」が羽田に出現、なぜ？--異業種連携で「未来の空港」を研究開発へ 2024年03月06日 5計算アプリ「Photomath」、グーグルのアプリとして公式に公開 2024年03月04日 6アマゾン「Echo Hub」を使い始めて1週間、スマートホームの大きな課題が解決 2024年02月29日 7「Nothing Phone (2a)」正式発表--ライトを減らし安価に 2024年03月06日 8「iOS 17.4」公開--ポッドキャストの文字起こし機
パソコンは黒バック？白バック？
モバツイッターの省エネモードという画面があって、電池の持ちを少しでも伸ばすために画面要素を減らしたシンプルモードというのをつけていた。 機能的に「全部入り」ではない普通に低スペックの携帯ではこちらのほうが重宝するかと思ってつけたのだが、省エネというからには、昔ながらの黒背景に白文字や緑文字などの目に優しいモノクロディスプレイやグリーンディスプレイのノリだよなーと思って、そういう色合いにしたら、レトロな時代を知っている人意外には評判が悪かった。 黒の方が液晶の持ちが多少よくなるかと思ってのことだったが、夕べ、液晶は黒のほうが電力消費が多いという話だったので、普通の背景に戻した。 実際の方式はさておいて、白というのはカラーコードが#FFFFFFということもあり、「全部スイッチオン」の状態であり、黒というのは#000000ということもあり「全部スイッチオフ」という状況である。 ただ、それはスイッ
Vista がやっぱり遅かった - レジデント初期研修用資料
自宅で使っていたDell のテレビPC が駄目になって、新しいPCを調達した。 新しい機械になって、OSも、最新の Windows Vista に乗り換えて、動作があまりにももっさりしていて、もうどうしようもない。 ノーマルで使いたかった 自分もそろそろいい年から、PCのことをろくに分かりもしないのに「チューン」なんて止めて、 今度買ったVista のPC は、大人の余裕でいい機械を買って、ノーマルのままOSを使おうなんて思っていたんだけれど、 やっぱりVista はもっさりしていて、無理だった。 買ったPC は、Core i7 に3ギガのメモリ、グラフィックボードがGeForceの9500GT だったか、性能的には決して遜色ないものだと思うし、 Vista が表示した「エクスペリエンスインデックス」は5.9 だったから、マイクロソフトの快適基準を満たしているはずなんだけれど、 使ってみる
使いやすさ日記: 525. 再起動を妨害!? ～Windows XPのメッセージ～
2009年5月18日 新入社員が配属されてきた日の出来事です。新人が真新しいパソコンをセットアップしていたのですが、何やら困っている様子だったので声をかけてみました。すると、「必要なアプリケーションをインストールしたのだけれど、再起動する方法がわからない」とのこと。「いくらなんでもそのくらいわかってくれよ」と思いながらモニタを覗いてみると… 写真のように、画面には「新しいプログラムがインストールされました。」というメッセージが表示されており、「シャットダウン」のボタンを隠してしまっていました。「メッセージはクリックすれば消えて、下からボタンが出てくるよ」と新人に教えると問題なく再起動は行なえたのですが、確かに初心者にとってこのメッセージの配置は問題と言えそうです。（この新人、入社前はWindows XP以外のOSを使っていました） インストール後に再起動が必要なアプリケーションではダイアロ
Engadget | Technology News & Reviews
Doctor Who is back, louder and more chaotic than before
やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！
こんな話題はいまさらかもしれない！ それはわかってます！ だけど書きたい！ なにって、[OK]ボタンの位置のことです！ これって右に置くのが自然だよ絶対！！ 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかもしれないから前へ戻って修正] とかになっちゃう。 うん、このウィザード形式の時のことを考えるとわかりやすい！ ウェブは横書き！ 左から右に読む！ 左からやってきたんだから、[戻る] のは左！ 右に進んでいくんだから、[進む] のは右！ だから、[次へ] も [保存] も [OK] も右が自然！ ウィザードっぽい画面の時と他の画面の時とで 「OK的なもの」の位置がぶれていると、少し迷うよね。 だから[OK]は右に統一
![やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！](https://cdn-ak-scissors.b.st-hatena.com/image/square/281b1fd51f0e3fedc726435362724c3af4fce817/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729888519%2F26003855888873578%2F1550052661)
チャリンチャリーン♪
Software Japan で招待講演を聴いてきたよ編その2です（その1はこちら）。これも小ネタなんですが、はてな近藤社長のプレゼンの中で、「うごメモはてな」に関してこんな数値が発表されていました： サービス開始直後から投稿が急増、開始1ヶ月で20万作品突破へ 現在は1日で1万5千件増える感じ 全DSiユーザーの39.5%が作品を投稿 1DSiユーザーあたり1日100作品を再生 1DSiユーザーあたり1日180個のはてなスター なかなか好調のようですが、特に最後の部分。「1DSiユーザーあたり1日180個のはてなスター」ということで、これまでのスター利用傾向と比べかなり多くなっています。この点について、近藤社長は スターを付ける時にちゃりんちゃりん♪という音が出るのだが、これが良いのだろう。「連打するもの」だとユーザーが感じている。 という推測をされていました。僕は残念ながらDSiは持っ
フランス書院の検索画面もすごかった - 本屋のほんね
ところで、これを調べるためにフランス書院のホームページを拝見させていただきましたが、結構おもしろかったので紹介しておきます。というのは、刊行書籍を検索できるページがあるんですが、そこでタイトルの検索条件がめちゃくちゃ細かく設定できるんですよ。普通、本の検索画面って、入力できるのはタイトル・著者名・ISBN・発売年月ぐらいが普通だと思うんですけど、そんなレベルじゃないのです。ちょっと見に行ってみてください。 http://www.france.jp/servlet/Satellite?c=Page&cid=1176198273200&p=1174985087037&pagename=france%2FSimple3Layout 何と！シチュエーション、とか、登場人物の名前とか、年齢とか職業までお好みで指定できてしまう優れもの。ちょっとやってみましょう。 じゃあ、まずは年齢のしぼりこみから。１
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[KAIST ITC] Smart E-Book Interface Prototype Demo![[KAIST ITC] Smart E-Book Interface Prototype Demo](https://cdn-ak-scissors.b.st-hatena.com/image/square/020fd39dd5b0eb6f896323737136cf0a345b1bf4/height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2FrVyBwz1-AiE%2Fhqdefault.jpg)
WebサイトのUIのプロだけどサイトの評価するよ : はれぞう
高速フリック入力
Tumblr
テレビのリモコンについている醜悪な4色ボタンについて
Engadget | Technology News & Reviews
TechCrunch
