アイコン付き箇条書きとアイコン+数字の違い

アイコン付き箇条書きは「箇条書きの各項目に、意味を表す絵を添えたい」、アイコン+数字は「数字が何の数なのかを、絵で一瞬で分からせたい」。見た目と使い分けを並べて説明します。

左に小さなアイコン、右に短い文が縦に並ぶ

アイコン付き箇条書き

アイコン付き箇条書きは、各項目の先頭に意味を表すアイコンを置き、内容を絵で補いながら並べる部品。

伝えたいこと
箇条書きの各項目に、意味を表す絵を添えたい
見た目
左に小さなアイコン、右に短い文が縦に並ぶ
左に大きめのアイコン、右に大きな数字と小さなラベル

アイコン+数字

アイコン+数字は、意味を表すアイコンと数値を横に並べ、何の数かを絵で補いながら強調する部品。

伝えたいこと
数字が何の数なのかを、絵で一瞬で分からせたい
見た目
左に大きめのアイコン、右に大きな数字と小さなラベル

使い分け

アイコン付き箇条書きの側から見ると

  • アイコン+数字:数字が主ならアイコン+数字

アイコン+数字の側から見ると

  • アイコン付き箇条書き:箇条書きは説明文が主。アイコン+数字は数字が主