NewsPicksで昨日公開されたインフォグラフィックのおおまかな作り方です。
・Visual Story:栄光と逆風、Uberの軌跡
前に紹介したマンチェスター・ユナイテッド編はデータ主体でしたが、それと比べてウーバー編は数字を見せるよりも、事実をストーリーで見せていくタイプのインフォグラフィック。
(参考)インフォグラフィックの作り方。NewsPicksモバイルインフォグラフィック(マンU)
1.ストーリーを考える
共同編集者に企画案をもらったら、それをもとにストーリーを考えます。
1つの企画に情報を盛り込みすぎていたのを、インフォグラフィック2本に企画をわけてストーリーを練り直しました(第2弾インフォグラフィックは近日公開予定)。
このプロセスは、テキストファイルで行いました。
2.ビジュアル・ストーリーを考える
テキストで作ったストーリーをもとにビジュアルでどう表現するか、文字にする部分などをスケッチを描いて決めていきます。
3.レイアウト設計する
同じレベルの情報について、文字のサイズや色などを揃えるために、レイアウト設計をIllustratorで考えます。
4.ビジュアルパーツを作る
イラストやピクトグラムなどをスケッチやレイアウト設計を見ながら用意していきます。
5.全体の作り込み
時々、俯瞰しながら作り込んで仕上げます。
6.調整
NewsPicksのアプリ上の見え方を端末で確認しながら納得いくまでひたすら調整。
完成形はこちら
人材募集
NewsPicksを運営するユーザベースでは、インフォグラフィック・エディター(デザイナー)をはじめ、いろんな職種で人材募集しているのでよかったら。
問い合わせはこちらから