Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Ease out Slide transition broken in 4.0.12

Community Beginner ,
Jan 26, 2018 Jan 26, 2018

In the latest 4.0.12 version of XD the Ease out type Slide transitions seem to have broken. It behaves as the None setting would.

Ease in and Ease in/out still functions as expected.

Anybody has a solution to fix this? Or do I have to wait for the next update?

924
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 26, 2018 Jan 26, 2018

Thanks for the note. We did actually fix easeOut as it used to be equivalent to quarticEaseOut which was much more aggressive than it would be on say iOS.  So now we match the easing curves you would get for easeOut, easeIn, and easeInOut on iOS. Definitely more subtle but not identical to linear (none).  Can you increase the time a bit on the transition to help?

These are the easing curves we use now (below) - which also correspond to the equivalents in Webkit/CSS. If you would like the option to customize (or include the more aggressive variants) can you create a UserVoice request?

easeIn {transition-timing-function: cubic-bezier(0.42,0,1,1);}

easeOut {transition-timing-function: cubic-bezier(0,0,0.58,1);}

easeInOut {transition-timing-function: cubic-bezier(0.42,0,0.58,1);}

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 29, 2018 Jan 29, 2018

Thanks for the quick reply.

Making the transition time longer definitely makes it more visible that something is happening. It's visually an inferior look to the previous one, so I solved it by switching to Ease in-out for the more dynamic motion effect.

As you say, perhaps a global tweaking option for these values would be the ideal solution. As I'm using XD for desktop app flow design I don't have the "it has to match iOS" priority.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 26, 2018 Jan 26, 2018

I couldn't reproduce Ease out + Slide left working the same as None. Are you on Windows or Mac? Is the timing set to a non-zero value?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 26, 2018 Jan 26, 2018

Make sure your artboards are the exact same size (except for height, if they're scrollable) -- otherwise you'll just get a crossfade instead, no matter what transition you specified in the settings.

Also, where are you seeing this problem: in the desktop Preview window, in the XD mobile app, or in browser?  (And if desktop or mobile, which OS?)

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 29, 2018 Jan 29, 2018
LATEST

I'm seeing the issue in desktop preview. I can't use the "Share" functionality as it conflicts with our security policies, so this is all local experience.

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