マガジンのカバー画像

ダッシュボードをデザインしよう!

5
運営しているクリエイター

記事一覧

固定された記事
ダッシュボードをデザインしよう!〜概要編〜

ダッシュボードをデザインしよう!〜概要編〜

デザインに興味があるので、デザインに関するブログを残すことにします。
知識とともに考えも言語化できたらと思います。

最近ダッシュボードを作るときに意識していることは、「余計な情報を与えない」です。

このシリーズでは、自分で作成したこちらのViz「東京の最深積雪に関するダッシュボード」を例に見ていきます。

ダッシュボード構築の手順課題の整理・目標の設定

データ収集・検証

ワークシート作成

もっとみる
ダッシュボードをデザインしよう!〜配置編〜

ダッシュボードをデザインしよう!〜配置編〜

前作:「ダッシュボードをデザインしよう!〜概要編〜」

引き続き、自分で作成したこちらのVizを例に見ていきます。

ダッシュボード作成の手順ワークシートを作成する

配置を考える

コンテナで配置する

ベースカラー・メインカラーを考える

アクセントカラーを考える

微調整

今回は太字になっている前半2つに注目し、ワークシートと配置に関して掘り下げていきます。

ワークシートを作成する「Pr

もっとみる
ダッシュボードをデザインしよう〜コンテナ編〜

ダッシュボードをデザインしよう〜コンテナ編〜

マガジン:ダッシュボードをデザインしよう!
こちらの記事は概要編・配置編に続く3作目です。

引き続き、自分で作成したこちらのVizをメインに見ていきます。

ダッシュボード作成の手順ワークシートを作成する

配置を考える

コンテナで配置する

ベースカラー・メインカラーを考える

アクセントカラーを考える

微調整

今回はコンテナとダッシュボードの配置について掘り下げていきます。

Tabl

もっとみる
ダッシュボードをデザインしよう〜色編〜

ダッシュボードをデザインしよう〜色編〜

マガジン:ダッシュボードをデザインしよう!
こちらの記事は概要編・配置編・コンテナ編に続く4作目です。

引き続き、自分で作成したこちらのVizをメインに見ていきます。

ダッシュボード作成の手順ワークシートを作成する

配置を考える

コンテナで配置する

ベースカラー・メインカラーを考える

アクセントカラーを考える

微調整

今回は太字の2つに注目し、色について掘り下げていきます。

色に

もっとみる
ダッシュボードをデザインしよう!〜まとめ〜

ダッシュボードをデザインしよう!〜まとめ〜

こちらは概要編・配置編・コンテナ編・色編と4作続いている「ダッシュボードをデザインしよう!」シリーズのまとめ記事です。

ダッシュボード作成の手順概要編でも書きましたが、「課題の整理・目標の設定」が重要です。そちらを行った上で下記の手順でダッシュボードを構築・作成していきます。

ワークシートを作成する

配置を考える

コンテナで配置する

ベースカラー・メインカラーを考える

アクセントカラー

もっとみる