タグ: Scroll UI
-
スクロールと時間を組み合わせるUI設計【Scroll × Time UI】
スクロール連動UIは、「スクロール量に応じて変化する」ものとして作ることが多いです。 たとえば、 といった表現です。 ただ、この方法だけだと、スクロールが止まった瞬間にすべての動きも止まるという特徴が…
-
スクロールを状態として扱うUI設計【Scroll-Driven State UI】
スクロール連動UIを作るとき、scrollイベントのたびに「今どこまで来たか」を判定して、要素を動かしたくなることがあります。 たとえば、プログレスバーを伸ばしたり、見出しの色を変えたり、カードを少し…