flow_003

flow_003.zip

サービス導入や手順説明を**アイコンで視覚的に伝える**、整った横並びのフローデザイン。

各カラムは「アイコン・見出し・本文」の3要素で構成され、入力するだけで整ったデザインに仕上がります。

アイコン画像は、**背景色＋角丸デザイン**で統一感と親しみやすさを演出。

220pxの画像サイズの中に、128pxのアイコンが中央に配置され、視認性も抜群です。

スマホ表示ではアイコンを**左寄せかつ小さく表示**するなど、読みやすさを意識した設計に。

見出し・本文ともに文字数に応じたバランス設計がされており、スマホでも見た目が崩れにくくなっています。

目次ブロック（〜5STEP）とアルバムブロック（6〜8STEP）を使い分けでき、DRESS「flow_003」で一括調整が可能。

素材サイトでカラーを揃えたアイコンを使えば、より統一感のあるページに仕上がります。

**シンプルでありながら、印象的に伝えられる**。そんなアイコン型フローを実現したBlockDesignです。

https://bindism.com/blockdesign/flow/flow_003.html