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
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
「ガラパゴスリモコン」が示す日本のもの作りの限界～リモコンで飛行機でも飛ばしたいの？
67個のボタン、継ぎ足されて、さらに25個のボタン。合計92個のボタン。 別に、飛行機を飛ばしたいわけではない。 単に、テレビ番組を録画したいだけである……。 しかし、録画の方法が何とか理解できるようになるには、1時間近くかかり、副音声や字幕も録画したいのだが、いまだに方法が良くわからない。別に暗号解読をするためにハードを買ったわけではないのだが。 （※飛行機のボタンやレバー数は中大型機で100～200と言われる） ■待っていた暗号解読作業 東芝の3万円で購入した液晶テレビが、ハードディスクレコーディングに対応していたので、つなげてみると比較的使いやすかった。上記に上げた問題はほとんどない。 ハードディスクはすぐにいっぱいになってしまい、さらに増設するか、ブルーレイハードディスクレコーダーを購入すべきか、という選択肢を迫られた。テレビに録画していたデータを転送しておきたいと考えたので、互換
これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT
Metro UI CSSはWindows 8のMetro UIをHTML5/CSS3で再現したソフトウェアです。 次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
Facebookアプリを真似たメニュー機能を実現·ECSlidingViewController MOONGIFT
ECSlidingViewControllerはFacebookアプリに似たメニュー機能を実現するiOSモックアップアプリです。 iPadはiPhoneに比べれば画面が広いですが、それでも情報をたくさん詰め込む訳にはいきません。そこで使ってみたいのがFacebookアプリなどで使われているメニューを隠す手法です。同様の操作を実現するのがECSlidingViewControllerです。 最初の表示です。Menuボタンをタップします。 メニューが出てきました。 右側には検索があります。 階層リストにも対応しています。 デモ動画です。ボタンの他にスワイプでもメニューが出せます。 https://vimeo.com/35959384 こちらはiPhone版のデモ動画です。 ECSlidingViewControllerでは画面端のスワイプまたはボタンのタップでメニューが表示されます。また検索へ
A Brief Rant on the Future of Interaction Design
So, here's a Vision Of The Future that's popular right now. It's a lot of this sort of thing. As it happens, designing Future Interfaces For The Future used to be my line of work. I had the opportunity to design with real working prototypes, not green screens and After Effects, so there certainly are some interactions in the video which I'm a little skeptical of, given that I've actually tried the
Nokia GEM
GEM is a concept phone where the whole device is a seamless active display. It is created jointly by Nokia Research Center and Nokia Design. GEM is a natural step forward in the evolution of mobile phones. It takes them from a flat surface to the third dimension, enabling managing and storing content on all sides of the device. This naturally gives various benefits and opportunities for the us
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
Playback Graphics | Mark Coleran Visual Designer
xXx: The State of The Union Production: xXx: The State of The Union Director: Lee Tamahori Production Company: Comumbia Pictures Corporation Playback: Useful Companies Role: Design & Animation Date: 07.05
Zoomii.com
Koko303 adalah tempat paling menarik untuk memainkan game secara daring. Disinilah Anda bisa mencoba berbagai macam games yang dilengkapi dengan informasi RTP dan provider yang menarik. Itulah kenapa jumlah member game yang bergabung bersama kami sangat banyak. Pondasi Main Slot Online Maxwin RTP Koko303 Hari Ini 1. Ada Internet Supaya bisa sukses saat main slot di link alternatif Koko303, maka po
stamen design | In The News / Vox Delicii
Who’s In The News? Data visualizations of Google’s massive news aggregator are an interesting way to graphically keep tabs on developing news stories. A view of the project’s time-based interface. Stamen’s In The News visualizer provided a visual reference for Google’s “In The News” sidebar, providing an archive of popular news items, links to headlines, and a method for comparing news item perfor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsdo.it
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
純利益をあげているEコマースTOP100サイトに見る、購入フローの全ステップをキャプチャでおさめたまとめ
layer8.sh
スズキ「REGINA」のフローティング・インターフェイス
Engadget | Technology News & Reviews
TimeSpace: World - washingtonpost.com
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype
10x10 / 100 Words and Pictures that Define the Time / by Jonathan J. Harris