マガジンのカバー画像

UI

8
本
運営しているクリエイター
TT
nanami

nanami

「ステップ・フロー」のUIを集めてみた｜パーツ別デザインまとめ

「ステップ・フロー」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。

今回は、LPや提案資料などでよく使用されるデザインパーツ「ステップ・フロー」のUIを集めてみました。

はじめに「ご利用の流れ」や「お申込の流れ」など、時系列に並んだ項目をわかりやすく可視化する手段として用いられるステップ・フローのセクションは、サービスやプロダクトを訴求するLPや提案資料にかかせない存在です。

今回は

もっとみる
鈴木慎吾 / TSUMIKI INC.

鈴木慎吾 / TSUMIKI INC.

iOSとAndroidの"Divider"の線幅の違いと各社の対応

iOSとAndroidの"Divider"の線幅の違いと各社の対応

アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。

このDividerの線幅について、国内外のサービス各社の対応を調べてみました。

iOSとAndroidのDividerの線幅の違いiOSアプリのリストはSwiftUIで以下のように実

もっとみる