Mobile UI design

Focus mode grid

Tap one plate in a grid of six: it grows 8% and brightens; every sibling on the same layer loses saturation, blurs 2px, dims and shrinks 4% — all on one 420ms curve, so attention has exactly one place to land. Tap again to release.

What it is

Tap one photo in a set and the rest step back: they dim, soften and shrink while the chosen one rises and brightens, so the eye has exactly one place to go. Tap again and the set comes back. A focus state for pickers, moodboards, comparison views and any selection grid where the choice should feel like a spotlight rather than a checkbox.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 8 集「8 个高级交互提升 App 和小程序的质感差别」· 08 选中一张 Focus Mode