Highlighted

Weekly Challenge - Create Scrollable Artboards

Adobe Employee ,
Apr 29, 2019

Copy link to clipboard

Copied

Resize artboards to make vertically scrollable content. Learn how to preserve scroll position and fix position when scrolling.

fix_position.pngpreserve_scroll_position copy.png

The challenge

  1. Create a scrollable artboard in Adobe XD
  2. Share your published project by replying to this post. (Psst...if you share it privately, we will not be able to view it.)
  3. Describe your experience with using this feature, and provide suggestions around improving it. We will feature the best shares on our social media properties, with the required citations.
  4. For Horizontal Scrolling in Adobe XD, see Weekly Challenge : Horizontal Scrolling in Adobe XD

Trigger animations on scroll (Workaround Solution) - Video Tutorial by Punit Chawla (6 min)

Views

4.9K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Weekly Challenge - Create Scrollable Artboards

Adobe Employee ,
Apr 29, 2019

Copy link to clipboard

Copied

Resize artboards to make vertically scrollable content. Learn how to preserve scroll position and fix position when scrolling.

fix_position.pngpreserve_scroll_position copy.png

The challenge

  1. Create a scrollable artboard in Adobe XD
  2. Share your published project by replying to this post. (Psst...if you share it privately, we will not be able to view it.)
  3. Describe your experience with using this feature, and provide suggestions around improving it. We will feature the best shares on our social media properties, with the required citations.
  4. For Horizontal Scrolling in Adobe XD, see Weekly Challenge : Horizontal Scrolling in Adobe XD

Trigger animations on scroll (Workaround Solution) - Video Tutorial by Punit Chawla (6 min)

Views

4.9K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Community Beginner ,
May 15, 2019

Copy link to clipboard

Copied

I've always found scroll works best if there is an action happening on scroll. It makes the whole experience a little more 'immersive' so as to say. It also works well with fixed headers or actions which need attention from the user.  Adobe Xd doesn't have a scroll trigger yet, however, I've tried a workaround which is pretty effective and gives a similar experience to a scroll trigger.

ezgif.com-video-to-gif-5.gif

Here's the scroll trigger video tutorial : Scrolling Actions in Adobe XD - Animate on Scroll - Design Weekly - YouTube

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Employee ,
May 15, 2019

Copy link to clipboard

Copied

This is great info, Punit. Thank you for sharing!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
May 15, 2019

Copy link to clipboard

Copied

Just trying to help the community out!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...