After seeing the latest Apple WWDC with the introduction of the new design system, it was surprising to see how their redesigned ‘Liquid Glass’ interface shown in the live stream was exactly consistent with their developer build. It wasn’t just a screen recorder thing either; the presentation demonstrated individual components and multiple screens with morphing and other custom animations that couldn’t reasonably be simulated in an app. On the other hand, animating the interface with normal video editing software would be equally impractical when replicating the behaviour of the actual software for displaying example cases of apps.
Is it just a thing of ensuring impeccable QA in producing renders like this or do they have some specialised software for these purposes?
Part of the answer is that the UI is “designed first” and coded to follow the design. If changes are seen as necessary when coding the UI, the design is updated first then the code made to follow.
So any UI behavior will already have a lot of accurate design and animation resources for them to work with.
UI designs are rarely exactly the same as the final product. There’s many tweaks that occur after the design is implemented. Sometimes doing exactly what the design requiress is too difficult or requires too many resources.