Prototyping Multi-Directional/Nonlinear Scrolling for Web Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ม.ค. 2025

ความคิดเห็น • 3

  • @thekuzicartoon
    @thekuzicartoon 3 ปีที่แล้ว +1

    thank you so much! finally, I found what I needed with your video. Although, one minor detail, it isn't allowing me to use the the scrolling wheel to scroll horizontally (have to click and drag for the horizontal portion). also, cannot scroll (or click and drag) to reverse the process. what am i missing?
    Is there anything special that is needed to be done in order to add auto-animations to different sections of a scroll group? For example, as scrolling, images can 'fly in' from top or fade in text? Then have new animations as scrolling continues and sections come into view? Using your example, as "End of first/last scroll group' section comes into view, "end of first/last" text eases in from right, while "scroll group" text eases in from left?

    • @halftonedigital9819
      @halftonedigital9819  3 ปีที่แล้ว

      Apologies for the delayed reply! Unfortunately, the only decorative scroll-animation we've used in the past has been fade-reveals, which only work in certain circumstances. If a semi-transparent gradient is set to a "fixed position", it can hide or reveal assets on the artboard, but it isn't conducive for non-linear scrolling artboards.
      I'd recommend prototyping the swoop-in, fade-in, etc. animations in a separate prototype flow that's set to a timer, so you can simulate the fully animated experience.

  • @davidheredia2296
    @davidheredia2296 7 หลายเดือนก่อน

    Any idea how to do it in code?