UI改善にキラリと役立つ！ SVGアニメーションの作り方まとめ - ICS MEDIA
SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう（参考記事『SVGで始めるマイクロインタラクション入門』）。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、HTMLコーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、具体的な実装方法について紹介します。 【コーダー向け】CSSでSVGアニメーションを実現する方法 HTMLコーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコ
U-NOTE - サイト閉鎖のお知らせ
U-NOTE サイト閉鎖のお知らせ 長らくのご利用、誠にありがとうございました。 当サイトは2024年12月31日をもちまして閉鎖いたしました。 これまでのご支援に心より感謝申し上げます。
FIT2010 MIT 石井先生 講演
furuhiro @furuhiro 明日から本学にてFIT2010が開催。実は無線屋にはなじみの薄いカンファレンスだが、情報系では日本で最高峰みたい。特別講演の推薦をお願いされて、日本アンドロイドの会会長の丸山さんを紹介。タンジブルで有名な石井MIT教授も来られるんだね http://ow.ly/2A4J3 2010-09-06 23:19:53 Nori @nhosoe RT @furuhiro: 明日から本学にてFIT2010が開催。実は無線屋にはなじみの薄いカンファレンスだが、情報系では日本で最高峰みたい。特別講演の推薦をお願いされて、日本アンドロイドの会会長の丸山さんを紹介。タンジブルで有名な石井MIT教授も来られるんだね http://ow.ly/2A4J3 2010-09-06 23:25:03
| デザインノトビラ
「デザインノトビラ」は、デザイン・クリエイティブを学び、将来を考えたい人のための情報サイトです。学校選びや将来を考えるためのヒントとなる情報を発信していきます。
ジェフ・ハン氏のマルチタッチ・インターフェイスがすごい：Jeff Han's Multi-touch Interface
最近ギズモでやって一番衝撃だったのが「タッチスクリーンで映画『マイノリティリポート』は現実になる」。まずはこの動画から見て欲しいが、このニューヨーク大学クーラント数理科学研究所ジェフ・ハン研究員（30）は昨年2月にモントレイの「TED 2006」でこの複数点同時認識タッチスクリーンを初披露し、センセーションを巻き起こした人物だ。 その時の模様は以下の動画（8月公開）で見れる。2月公開「Crazy Multi-Input Touch Screen」もYouTubeの科学技術部門でトップクラスのビュー数を稼いだ。 2006年2月TEDにて初公開 TED会場にはGoogleのセルゲイ・ブリンとラリー・ペイジ、Amazonのジェフ・ベゾス、Sun創設メンバーのビル・ジョイら約千人がいた。緊張気味のハン氏はしゃべるのももどかしいように語る。 「100ドルパソコンが出るんです。生まれてから一度もパソコ
Serious Games Japan: Wiiリモコンを使ったマルチタッチホワイトボード
カーネギーメロン大学の大学院生、Johnny LeeさんのWiiリモコンの技術を応用して作ったソフトウェアの紹介ビデオが話題になってます。今日もMLで流れてました。 Wiiリモコンの認識機能をパソコンで制御するソフトウェアを開発して、プロジェクターで映し出したパソコン画面上にポインターを使って絵を描いたり、ウィンドウ制御をしたりできる、マルチタッチホワイトボード、あるいはタブレットPCの機能を実現しています。Wiiリモコンを使うと市販のそれらの製品よりも大幅に低コストでできるそうです。サンプルのソフトウェアと導入方法もJohnnyさんのウェブサイトで提供されています。Tech系のブログでは日本語でもいち早く紹介されてますね。 Wii リモコンで頭の位置を認識する VR システム（Engadget） http://japanese.engadget.com/2007/12/23/deskt
ペットくすりのクーポンコード利用でお得
ペットくすりのクーポンコードを、注文の際に入力されると、お得に買い物をすることができます。利用できるクーポンとしては、「petmovie」と「300jpy」があります。それぞれ、どちらかしか使用することができません。 「petmovie」のほうは、購入金額が5％オフになるクーポンコードとなっています。購入金額が6000円を超える場合には、こちらのクーポンを利用されるといいでしょう。6000円を超えないと、5％の割引でも割引金額が300円以下になってしまいます。 「300jpy」のほうは300円引きのクーポンとなっています。購入金額が6000円を超えない場合に使用されるといいでしょう。 この2つのクーポンを知っておくだけで、ペットくすりのクーポンに関しては、十分だと思います。また、ペットくすりで行われるキャンペーンなどとクーポンは併用することができるので、お得に買い物をしたいと考えている方で
「空中で操作できる」ジェスチャー制御インターフェース：動画 | WIRED VISION
「空中で操作できる」ジェスチャー制御インターフェース：動画 2008年11月10日 IT コメント： トラックバック (0) Brian X. Chen 俳優のトム・クルーズ氏は、米国の新興宗教団体『サイエントロジー教会』(Church of Scientology)にのめりこむ前、映画『マイノリティ・レポート』でとても格好いいコンピューターを使っていた。マウスもタッチスクリーンもなく、空中で手を振り動かすだけで操作できるマシンだ。 Mgestyk Technologies社は、そのアイデアを現実のものにして、ジェスチャーで制御できるインターフェースを作り上げようとしている。このインターフェースは、3Dカメラと、手の動きを解釈してコマンドに変換しアプリケーションを操作するソフトウェアから成り立っている。 上の動画では、実験協力者が、自分の手以外の道具は一切使わずに、ゲームをしたり、ウェブサ
鹿野護
今月のSHIFTカバーを手がけたのは、仙台と東京に拠点をおく、 コマーシャルやプロモーションビデオを中心としたクリエイティブ・プロダクション WOW。「存在する映像」というコンセプトを軸に、インスタレーションやDVDなど様々な表現の実験を試みる「モーションテクスチャー」プロジェクトを初めとし、高品質で常に新しい映像表現を追求した様々な作品を手がけている。WOWアートディレクターの鹿野氏にお話を伺った。 まずはじめに、自己紹介をお願いします。 鹿野護。私はWOWでアートディレクションを手がけています。これまでコンピューターグラフィックスの技術を使って、CMを中心に様々な映像表現に携わってきました。また一方で個人的には「未来派図画工作」というサイトを立ち上げ、アルゴリズムによる映像表現をプログラムアートとして発表してきました。現在は、WOWでやってきたコンピューターグラフィックスと、個人的にや
夏の涼しさを「光」や「音」で届けたい (2007年6月1日) - エキサイトニュース
1年のうち、いちばん「五感」で季節を感じられるのが、夏だと思う。 花火の音と光、ビールを注ぐ音、風鈴の音、ついでに、波の音や蝉の声、高校野球の金属バットの打撃音と歓声、夕立のニオイ、アスファルトの焼けるニオイ……どれもこれも、「音」や「ニオイ」だけで、夏を感じ、胸にくるものがある。 そんな夏の知らせ――アナタなら、どんな方法で届けますか。 実は、夏の涼しさを届ける暑中見舞いのカードが、株式会社サンリオから発売されている。 ビールを注ぐ音や、花火の音と光、ホタルの光など、日本の夏を代表するモチーフを、目と耳の両方で楽しめるラインナップだ。 きっかけについて、広報の東松さんは言う。 「当社のクリスマスカードでは、何年も前から、光るカード、音の出るカードが大変好評で、1300円、1400円といった、グリーティングカードとしては高価格にもかかわらず、毎年大変よく売れています」 携帯電話やメールがこ
影をインタフェースに使う新型ディスプレイ、日立が開発
日立製作所は11月15日、人などの影をユーザーインタフェースに使うテーブル型ディスプレイ「シルエットカウンター」（仮称）を開発したと発表した。アミューズメント分野向けに2005年上半期の製品化を目指す。 日立ヒューマンインタラクションラボが開発した。テーブル上に投影された影に反応して動作するユニークなインタフェースを搭載した。 ディスプレイはリアプロジェクション方式。テーブル内に小型液晶プロジェクター「CPX328J」のエンジン部分を内蔵し、特殊な塗装を施したアクリル天板に42型程度の映像を投影する。テーブル内にはカメラも内蔵され、手などをかざしてできた影を認識する仕組みだ。 このほどナムコと協力し、同社のLANエンターテイメント実験店「LEDZONE」（東京・西蒲田）に試作機を設置し、デモンストレーションを始めた。ネットワークゲーム「Counter-Strike」の「作戦会議テーブル」と
MS、ハイテクテーブル「Surface」を発表
米Microsoftは5月30日、「サーフェスコンピューティング」と称する新分野の技術「Microsoft Surface」を発表する。 Surfaceはテーブルのような形をしており、30インチのタッチスクリーンが付いている。キーボードもマウスも使わずにデジタルコンテンツを操作できる。 ユーザーは手でデジタル情報を「つかむ」ことや、タッチやジェスチャーで操作することができる。複数のポイントに同時に触れても、Surfaceは1つ1つを認識でき、またテーブルのような形状のため複数のユーザーが利用できる。 Surfaceにはバーコードのような識別タグが付いた物体を認識する機能もある。例えばワイングラスをテーブルに置くと、注文したワインの情報や、その原料が育ったブドウ園の画像、そのワインに合う食べ物が表示される、といったことも可能だ。 Surfaceは2007年末から、ホテルや小売店、レストランな
レイア姫をめざして――360度どこからでも見られる立体映像ディスプレイ
WaterScape以来おなじみになっている日立製作所中央研究所のデザイン本部から、「ちょっと変わったディスプレイを作りました」というメールをもらった（同社からの発表は別記事を参照） 「360度の全ての方向から見ることができるディスプレイ」で「スターウォーズのレイア姫の映像がR2-D2から投影されるやつを作りたいと思って始めました（まだまだその段階ではありませんが）」（*1）なのだそうである。なんだかよくわからないけどすごそうだ。発表会があるというので、2月24日、出かけてきた。 ディスプレイはこのような円柱状のもので、中央の透明なアクリルで囲われた部分の内側に立体像が投影される。名づけて「Transpost（トランスポスト）」。 画像はこんな。写真が下手ですみません。ピントをあわせるということが極めて困難だったので、いろいろ条件を変えてみたんだけど、この程度。もともと解像度も低いんだけど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX Design Courses & Global UX Community
infoverse - ispace
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews