After Effects Tips シンプルでお洒落なグラフをいくつか作ってみた
ビデオサロン 2018/9月号(8/20発売） 掲載Tips 「シンプルでお洒落なグラフをいくつか作ってみた」 ■■バックナンバー■■ #1 高速移動エフェクトはこちら↓ https://youtu.be/jsTmKOT8Sdo #2:スカイリプレイスメント はこちら↓ https://youtu.be/yyzgEt6vXjg #3:ゴールドテキストはこちら↓ https://youtu.be/DnMJCGvuV6I #4:ドアオープン トランジションはこちら↓ https://youtu.be/HYQAdTHtv18 #5:LEDサインボード はこちら↓ https://youtu.be/pdkcJ82mMbE #6:アクセスマップの作り方はこちら↓ https://youtu.be/ALjpRmHwI-M #7:ペーパーカットの作り方はこちら↓ https://you
データ視覚化のデザイン #1｜Go Ando / PREDUCTS / THE GUILD
こんにちは、THE GUILDの @goando です。 私はTHE GUILDの中でもデータを扱う仕事を中心に活動しており、「UXの改善をデータでサポートする」をミッションに取り組んでいます。 ざっくり言うと、THE GUILDのクライアント企業が運営するサービスのログを分析してユーザーの行動傾向からUXの改善点を見つけ出したり、マーケットの市場リサーチを通じてサービスの戦略の策定を支援したり、と言った内容です。 こうした活動を通じて、データ分析の結果をグラフ等のレポートに落とし込むという事を数多く行ってきました。 試行錯誤を繰り返しつつ、データをどのようなデザインで視覚化するとメッセージが伝わりやすいのか、逆にどういう点に気をつけないと誤解を与えやすいのか、といったノウハウを少しずつ蓄積してきました。 データ分析を台無しにするダメグラフかく言う私もかつて、そのグラフから何が言いたいのか
絶対参考になる見やすい決算資料まとめ厳選１４選
社会人になると自社、取引先含めて決算をチェックしなければならないと思います。 ただ決算って難しそうでよくわからないから見たくない！という人に朗報です。 決算短信などは数字のみで非常に分かりにくいですが、素人でも決算内容がわかるように「決算資料」というものを作成して、決算発表の説明会などで流したりします。 この決算資料は会社によってフォーマットはバラバラで、かつ各会社の色が非常に出ます。 実はこの決算資料ですが、投資家に決算がわかりやすく伝えるために様々な趣向が凝らしている「一流のプレゼン資料」なんです。 そのため「プレゼン資料としての見せ方」の勉強になるのです。 今日はそんな手本となるような非常に見やすい決算資料をまとめてみつつ、資料の中でも特に自分の資料作成に役に立ちそうな店方をしているページをピックアップしますので、ぜひ参考にしてください。 インターネット業界 株式会社ディー・エヌ・エ
データビジュアライゼーション・ツール20選 – lab.sugimototatsuo.com
この記事はThe top 20 data visualisation toolsの原著者許諾済みの日本語訳です。 By Brian Suda on September 17, 2012 Translated by Tatsuo Sugimoto 2014年4月28日更新：オリジナル記事が以前のサイトから移転したため発生していた画像の非表示に対応しました。 わたしがもっともよくきかれる質問のひとつが、データビジュアライゼーションを始める方法についてです。このブログの先へ進むには、練習し、さらに実践し、利用できるツールを理解する必要があります。この記事では、シンプルなチャートから複雑なグラフ、地図、インフォグラフィックスまで、ビジュアライゼーションを作成するための20種類のツールを紹介しようとおもいます。ほとんどのツールは無料で利用でき、そのうちいくつかはすでにインストール済みかもしれません。
NYタイムズも注目！「データ×デザイン」を実現するデータビジュアリゼーション ライブラリ「d3.js デザイン会社 ビートラックス: ブログ
世界中でデータがどんどん増えていく中でデータをうまく扱うことはとても重要になってきています。そんな中、New York Timesが積極的に活用していたり、Githubのwatch数ランキングで上位にランクインしていたりと最近人気急上昇中のデータをビジュアライズする為の「d3.js」というライブラリがあります。 本日はこの「データｘデザイン」をwebサイト上で実現する為のjavascriptライブラリ”d3.js”について紹介したいと思います。 このライブラリを使うことで、今までなかなか難しくてできなかったウェブ上での「データの可視化」が手軽にできるようになり、複雑なデータを直感的に理解できるようなサイトが作りやすくなります。早速ですがこのd3.jsというものがどういうものかをなんとなく感じるには実際に動いているデモを見て頂くのが早いので以下をご覧下さい。 オバマ大統領の国家予算案詳細 (
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
パワポでもここまでできる！米財務省から学べる美しい資料作りのポイント - stj064 Life Lab
Twitterで紹介されていたこの資料。 実際見てみたらホントに美しい資料だったので、どんな点がよかったのか、また自分の資料作りに生かしていけそうか、ポイントを抽出してまとめてみようと思います。 「ページタイトル」と「メッセージライン」を分ける レイアウトは以下の画像のように要素が配置されています。 特徴的なのは、「ページタイトル」と「メッセージライン」を分けていること。これは自分も前々職のコンサルティング会社時代に馴染んだ形ですが、そこから移ったあとは、この区別ができていない例をたくさん見かけました。 ページタイトルを大きなフォントで載せることはスペースの無駄使いになりますし、逆に主張したいことを小さな領域に押し込めてしまうと無視されてしまう恐れもあります。 用途にもよりますが、調査レポートなどはこうした形の方が、要点が読み手に伝わりやすいのではないかと思います。 絶対値より、変化率や差
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chart.js
Learn About Tips for Building a Shareable Infographic