UIの細かい動きについて
イージングなしとあり 画像ではイージングがわかりやすいようにグラフを入れてあります。 横が時間、縦がスケール、点がキーが打たれていることを表しています。 UIごとのイージング UI素材ごとにどのような緩急の付け方が良いのか迷うかと思います。 ダイアログアニメーション以外に、画面遷移時のUIの動きやクエスト開始演出など様々なアニメーションを入れるたびにどのイージングが正解なのか、それについては正解はありません。 ゲームの色味やデザイン、世界観を知らずにアニメーションは付けられません。 また、UIがどこまで世界観を踏襲するのかで、システムのような動きにするのか、世界観に合わせた動きにするのかも変わってきます。 こういった部分は関係部署にコミュニケーションをとってどんなゲームを作りたいのかを把握し、イージングはどうするのかを考えていきます。 そして、予備動作やオーバーシュートが必要なのか不要なの
新しいナチュラルUIデバイスの開発を目指す「Flow」。創業者に狙いを聞く
マウスでもトラックバッドでもない、人間にとって自然なユーザーインターフェイスの開発に取り組んでいるのが、Senicというスタートアップです。 従来のコンピュータのユーザーインターフェイス、特に入力に関するデバイスといえば、キーボード、マウス、トラックパッドなどがあり、スマートフォンやタブレットといった新しいコンピュータの登場によってタッチインターフェイスも登場しました。 そしてこれからは、電球やステレオやテレビなどさまざまな機器がコンピュータのように振る舞い、あるいはコンピュータにつながるようになります。すると、こうした新しい機器を制御するのに適切な新しいユーザーインターフェイスや、それに対応したデバイスが求められるようになるはず。Senicの創業者の一人であるTobias Eichenwald氏はそう考え、新しい自然なユーザーインターフェイスとデバイスを作ろうとしています。 同社は現在、
iOS 7 の新機能のサンプルコード集『iOS7 Sampler』を公開しました。 - その後のその後
iOS7にどんな新機能があるのかも把握しきれないままベータ期間が終わってしまい、せっかくのメジャーバージョンアップ祭に乗り遅れた感があったので、先週末に開催された『もくもく開発会＠鎌倉 #2 by Qiita』にて、 iOS 7 で新たに加えられたAPI の使い方等を勉強しつつ、簡単なサンプルを集めたアプリをつくりました。 ソースコードは GitHub に置いてあります。 https://github.com/shu223/iOS7-Sampler 今のところ21個のサンプルが入っています。何か調べた折に随時追加していきます。 以下サンプルのリストです。 Dynamic Behaviors iOS7 では UIView サブクラスに簡単に物理演算を適用することができるようになりました。 本サンプルでは、UIDynamicAnimator, UIGravityBehavior, UIColl
デザインに立体表現を取り入れるときのセオリー×6 | ベイジの社長ブログ
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。
［速報］グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013
［速報］グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013 グーグルはサンフランシスコで開催中のイベント「Google I/O 2013」の基調講演で、Webの新しい技術「Web Components」を用いてユーザーインターフェイスの部品化に取り組んでいることを明らかにしました。 Web Componentsは現在W3Cが策定中の技術で、カスタムタグを定義でき、HTML/CSS/JavaScriptを組み合わせて部品を作ることができます。 グーグルは、特にモバイル向けのエレガントなユーザーインターフェイスを部品化することで、デベロッパーの生産性を高め、かつユーザーが使いやすいアプリケーションの開発を促進することを目論んでいます。 基調講演では、同社が取り組んでいるWeb Componentsのプロジェクトのコンセプトビデオ
マイクロソフトの「TouchDevelop」、Webブラウザで動くタッチUIのための新型開発環境がプレビュー公開
マイクロソフトの「TouchDevelop」、Webブラウザで動くタッチUIのための新型開発環境がプレビュー公開 タッチ対応の開発環境、作ったアプリもタッチ対応 これまでTouchDevelopはWindows Phoneアプリケーションの開発環境でしたが、今回公開されたのはWebアプリケーションを開発できる「TouchDevelop Web App」。タッチ操作で開発ができ、そして開発されるWebアプリケーションもタッチ対応なのが特徴です。 スタート画面は上記のようにWindows 8風ですが、TouchDevelopはWebアプリケーションとして提供されている開発環境で、さまざまなデバイスのWebブラウザに対応しています。 PC上のInternet Explorer 10、あるいはChrome、Firefoxの最新バージョン Windows RTが走っているMicrosoft Surf
APP｜Leap Motion
Say hello to the second generation of our iconic hand tracking camera We remove boundaries between physical and digital worlds - for anyone, anywhere. Say goodbye to hardware… Say hello to human technology. Our hand tracking and haptics are powering the next wave of human potential. No controllers. No wearables. No touchscreens. Just natural interaction.
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
そのUI, まずはCocoa Controlsで探してみよう - プログラミングノート
iOS Advent Calendar 9日目担当のntakuです。 もし、iOS開発する上で一番大変なことはなんですか？と聞かれれば間違いなくUIの開発！と答えます。同じ価値や機能を提供するにしても、使っていて気持ちが良いUIであるかどうかでアプリの評価は大きく変わってくると思います。 何がベストなのか、はやはり実際にプロトタイプを作ってみないと分からないわけですが、あのアプリのUIをちょっと真似してみようと思ったり、このアプリと同じように作ってくださいと言われるとそれだけで数日かかってしまうこともざらにあります。 そんなことを繰り返していると中々アプリが完成しないわけなのですが、その期間を少しでも短縮するために、私が開発する際に活用しているのがCocoa Controlsというサイトです。 Cocoa Controls Cocoa ControlsはiOSやMax OS X開発者が開発
UIについて考えさせられるサイト6選 | クリエイティブ・タブロイド withD（ウィズ・ディー）
先週、中国の上海に出張で行ってきました。上海は想像していたよりも都会で、活気あふれる街でした。上海におけるナビゲーションデザインというのは、日本のものとは若干違っていて、例えば地下鉄の表示などは日本の感覚でいたら、一駅乗り過ごしてしまうというトラブルもありました。 UIを構成するものに、情報、ルック＆フィール、フィードバック、機能の4点が挙げられると思います。フィードバックとは、ユーザーがそのUIに触れたときのUIのアクションを指します。HTMLとCSSのみで作るUIは、情報やルック＆フィールに関しては幅を持たせられるものの、フィードバックや機能は限定されます。FlashやAjaxといった技術を用いて作られたUIは、良くも悪くもフィードバックおよび機能の面でもコントロールできてしまうため、より深い考察が必要となります。
ウノウラボ Unoh Labs: 色覚異常を考慮してWebColor216色を選択できる便利なサービス
こんにちは！ やまもと＠テスト番長です。 このところ段々と秋らしくなってきて、ウノウでも風邪をひくスタッフが目立つようになってきました。皆さんもお体にはお気をつけ下さい。 さて、テストネタからちょっと離れますが、便利なWEBサービスがありましたのでご紹介します。 Color Laboratory -- AWARE Center -- HTML Writers Guild Color Laboratory posted by (C)フォト蔵 ここでは色覚異常の場合の色の見え方を考慮しつつ、WebColor216色のカラーパレットから色の組み合わせを試してみることが出来ます。 右上のフレームでBaseline Gamma（OSの違いによるガンマ補正設定）を選択すると、色覚異常のタイプ設定が出ます。タイプを選択すると、操作にあわせて左上のフレームにあるカラーパレットが変化し、どんな風に見えてい
窓の杜 - 【NEWS】複数PCを一組のキーボードとマウスで操作できる「Ｓチェンジャー」v4.03
複数のPCを一組のキーボードとマウスで操作できる「Ｓチェンジャー」v4.03が、14日に公開された。Windows 98/Me/2000/XP/Vistaに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「Ｓチェンジャー」は、LAN接続された複数のPCを、一組のキーボードとマウスで操作できるようにする常駐型ソフト。使い方は簡単で、“ローカルPC”（キーボード・マウスが接続されたPC）と“リモートPC”（操作される側）の双方で本ソフトを起動し、それぞれ相手側のPC名を指定すればよい。あとは、ローカルPCで［F12］キーを押せば、ローカルPCに接続されたキーボードとマウスの操作対象がリモートPC側に切り替わる仕組み。 リモートPCは12台まで登録可能で、ローカルPCを含めると最大13台のPCを一組のキーボード・マウスで操作できることになる。また、キーボードとマウスの両方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
TechCrunch | Startup and Technology News
ソシオメディア | UIデザインパターン