Search Results for "screen"

...The second parameter is the actual type of interaction. Jelly offers the .edge and the .canvas type. In a .edge transition, the user must execute the gesture from the edge of the screen.

Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine. Now, it's for you to decide, should or not your menu drop from top left corner of the screen or from your navigation bar, because if you want animation like in the example, you must make your menu view controller conform to "GuillotineMenu" protocol. When you confirm to this protocol, you must make a menu button and title, you don't need to make a frame for them, because the animator will make it itself. In view controller, which will present your menu, you must make a property for "GuillotineMenuTransitionAnimator". ...

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable. The app was made in Interface Builder with IBAnimatable without a single line of code. Due to the size of the GIF file on Dribbble, it only demonstrates a subset of features. We can also find the full HD version on YouTube or MP4 on Github. With IBAnimatable, we can design a UI in Interface Builder like what we can do in Sketch, and prototype...

We designed a UI that allows users to switch between list and grid views on the fly and choose the most convenient display type. List view usually provides more details about each user or contact. Grid view allows more users or contacts to appear on the screen at the same time. We created design mockups for both list and grid views using Sketch. As soon as the mockups were ready, we used Principle to create a smooth transition between the two display types. Note that the hamburger menu changes its appearance depending on which view is activated.