タグ

uiとデザインに関するBuchuntaGoのブックマーク (3)

  • 折れ線グラフの使い方編:パッと見でも解かるレポート資料の作り方

    株式会社ロックオン、マーケティングメトリクス研究所の松です。 前々回は「棒グラフ」、前回は「円グラフ」について説明しました。今回は「折れ線グラフ」について紹介します。 棒、円、折れ線、この3つはグラフ表現形態の御三家と言っていいほど様々な場面で利用されます。この3つをマスターするだけで作図能力は大きく向上するはずです。 何を伝えたいときに折れ線グラフを使うのか? 折れ線グラフは、項目の「推移(変化)」を表すために用います。 折れ線の角度から変化を感覚的に把握できることが、折れ線グラフの特徴だと言えます。左から右に見て折れ線が急上昇・急降下であるほど、大きな変化があったことが解かります。 ちなみに「推移」は殆どが時間を経たことによるものが多く、折れ線グラフの大半は時間軸で表現されます。 折れ線グラフを用いるのは、特定の項目の傾向(増減)を把握したいときです。 例えばあるネットショップの1年

    折れ線グラフの使い方編:パッと見でも解かるレポート資料の作り方
  • 【全文】これが未来の「百聞は一見にしかず」。最高のコンピュータインタフェースは手かもしれない|U-NOTE [ユーノート]

    コンピュータは、クリエイティブな表現をするための強力な道具ですが、その表現の大部分はノートPCや携帯電話の画面に閉じ込められています。物の操作や人とのやりとりができるコンピュータの力を、画面の中から我々のいる物質世界に引っ張り出すという話をしたいと思います。 何年か前に、高級ファッションブランドの「バーニーズ・ニューヨーク」から電話をもらい、店のショーウィンドウの中に動く彫刻を作ることになりました。その作品は「チェイス」という名前で、男物と女物のが、ゆっくりと緊迫感のあるドラマを演じます。男のが女のの後を追い、近づきすぎると彼女はまた距離を置きます。の中には磁石が仕込んであり、テーブルの下の磁石と対になってを動かしています。 友人がビョーク(歌手)の「バイオフィリア」というツアーのために、ロボットが自動演奏するハープを作っていました。私は、ハープを動かし音楽を奏でるための電子回路

    【全文】これが未来の「百聞は一見にしかず」。最高のコンピュータインタフェースは手かもしれない|U-NOTE [ユーノート]
  • 雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog

    はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス(例えばiOS 3.2のオリジナルiPad)でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ

    雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
  • 1