こんにちは!株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPや提案資料などでよく使用されるデザインパーツ「ステップ・フロー」のUIを集めてみました。 「パーツ別デザインまとめ」シリーズも第3弾となりました。 今後も地道にUIパーツの収集・調査を続けていく予定です! (前回までの記事も是非ご覧ください ↓) はじめに「ご利用の流れ」や「お申込の流れ」など、時系列に並んだ項目をわかりやすく可視化する手段として用いられるステップ・フローのセクションは、サービスやプロダクトを訴求するLPや提案資料にかかせない存在です。 今回はそのステップの整列パターン別に、PC・SPでどのようにレスポンシブされるのか?という調査も含めデザインを収集しました。 💡横に整列宅トラカードの中に手順の概要やイラストをまとめている形式です 中身の情報量によりますが、4ステップ程度だと丁度よいサ
![「ステップ・フロー」のUIを集めてみた|パーツ別デザインまとめ|nanami](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b1651fc5f7049f7ca331c93d908d0756c87fb0b/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F138541246%2Frectangle_large_type_2_b902907f124d97c4b262f0626ec0a3b8.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)