感性を鍛えよう！動きが気持ちいいUIアニメーションまとめ
こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks（クオートワークス）のムラマツ（マツムラではありません）です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。（すみません！サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます） line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（後編） | Goodpatch Blog
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック＆フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる
今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか？ ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日本からさ。 +4 アメリカ ■ もっと言うと、日本からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする！ 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグルグ
思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
複数のiOS端末をつまんでつなげるインターフェイス『Pinch』がすごい | NANOKAMO BLOG
どうも@kuroji1987です。 東京工科大学が開発した、複数のiOS端末のディスプレイをつまんで（ピンチ操作で）つなげる『Pinch』というインターフェイスがすごかったのでご紹介します。DigInfo TVが記事にしていたのですが、何かの形でアプリ化されたらすごそうっす！ 隣接したiOS端末を2本の指でつまむだけで……。 それぞれが相互に作用する状態（1つのディスプレイとして認識させたり）にできるのだそうです。 大きさの異なる端末同士でも利用できるとのこと。ばらばらに配置した端末に大きな写真を表示させていますね。かっこいい。 この技術は、まだ一般には公開されておらず、デベロッパーに対してインターフェイスを提供するような働きかけをしているとのこと。 どういう使われかたをするかは分かりませんが、この技術を応用したアプリがApp Storeに登場する日も近いかもしれません。これはかなり面白そ
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
ページ内のユーザーの視線をシミュレートする -Feng-GUI - Feng Shui for Graphic User Interfaces
AI-Powered Neuromarketing Web, Ads, Video, Signage, Packaging AI-Powered Neuromarketing Instant feedback on visuals, at a fraction of the cost and time of traditional tools. Test websites, adverts, videos, print, shelf layout, signage and packaging design. Turn visual data into actionable insights. Stay ahead of the market by leveraging AI to boost productivity and reduce costs. complete feature l
iPhone 4 GUI PSD (Retina Display) | Teehan+Lax
Thanks for you patience on this one. It took a good deal longer to complete given the sheer size and level of detail the retina display has. It wasn’t a simple scale-up from the last file. It was clear as we created it that Apple has spent a lot of time considering how each element should be translated to such a dense resolution. What were single pixel elements are now two or three pixels thick an
Togetter - 国内最大級のTwitterまとめメディア
イギリスで放映されている世界最長SFドラマを視聴「Doctor Whoって大河ドラマだ...」（編集部）
18 Cool Redesign Ideas for Popular Websites
Design plays a pivotal role in the success of a website, acting as the crown to the content’s kingship. It’s not just about looks; design shapes how we interact with content. A poor design can lead to a frustrating user experience and a decline in website traffic. As web designers, we often face a balancing act. In our pursuit of creating the perfect website, we find ourselves weighing aesthetics
ラインアップ｜au NEW SELECTION｜au
auスマホを新規に購入・乗り換え（MNP）・機種変更した場合の月額利用料金の目安をシミュレーターでご確認・比較いただけます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jp.startup-dating.com/2013/05/movidajapan-fumiyayamamoto
KAYAC Lab Team
https://www.pointerpointer.com/
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
https://jp.techcrunch.com/2011/07/15/20110714invision-ux-prototyping-made-easy/
新着記事
mdlab.jp
Apple's New Checkout Form Design