Flutterで「気持ちいい」UIを作るための3つのこだわり

白石 あおい
白石 あおい
Frontend Developer

白石です!

UIって、使ってて「なんか気持ちいい」って思うアプリありませんか?

私がFlutter開発で特にこだわっている3つのポイントをお話しします。

1. 余白のリズム

4px, 8px, 16px, 24px, 32px…。基準の倍数で余白を統一するだけで、画面全体に秩序が生まれます。

2. アニメーションの緩急

ボタンタップ後のフィードバックは150ms以内に。画面遷移は300ms前後が心地よいリズムです。FlutterのCurves.easeInOutが万能。

3. 色の温度感

同じ白でも#FFFFFF#FAFAFAでは印象が全然違います。背景は少しだけ暖かみのあるオフホワイトを使うのが私の定番です。

小さなこだわりの積み重ねが、「気持ちいい」につながると信じています。

← ブログ一覧 白石 あおい のプロフィール →