Step 01
項目01
左側に置くブロックの解説です。段階名、見出し、短い説明文の順に並べます。
Section 01
スプリットスクリーンの解説です。左側の見出しと説明は画面に固定され、右側の写真だけがスクロールで流れます。
Section 02
縦型タイムラインの解説です。中央の縦線に沿って項目ごとのブロックを左右交互に並べ、スクロールに合わせて線と印が点灯します。
左側に置くブロックの解説です。段階名、見出し、短い説明文の順に並べます。
右側に置くブロックの解説です。左右を交互にすることで、縦線をまたぐリズムを作ります。
左側に戻るブロックの解説です。線が到達した印は、蜂蜜色に塗りつぶされます。
最後のブロックの解説です。すべての印が点灯すると、縦線が終端まで届きます。
Section 03
データビジュアライゼーション型の解説です。数値の大きさを太い横棒で見せ、単位を小さく添えた大きな数字を右に置きます。
表示している数値は、レイアウトを示すためのサンプルです。
