Creative Examples of Folding Effect In Mobile Apps

Advertisement

You can see different and creative types of visual effects in mobile app UI designs nowadays.Especially on Dribbble there are many app UI concept designs which make you wow.Well,most of them stay as a concept design and probably never will become a live application but if you want to get inspired then just take a look at the below folding effects in mobile app design.

And also we have added a few resources – videos and tutorials – for you to see how to create these kind of folding effects.
Here is the collection of 25 folding effect examples in app UI design.

Slide Concept

mobile app slide folding effect

Source

 

Unlock Concept

folding effect appSource

Portfolio iPhone App

folding appSource

 

App Concept – UI

mobile app slide folding effectSource

 

Dailypaper

mobile app slide folding effectSource

 

Fold to Refresh

mobile app slide folding effectSource

 

Trainboard

mobile app slide folding effectSource

 

Volcano App

mobile app slide folding effectSource

 

Coral Reference Guide – iPhone App Submenu

mobile app slide folding effectSource

 

UI + UX Mobile Fold

mobile app slide folding effectSource

 

UX/iOS/UI iPhone idea with video process

mobile app slide folding effect


Source

 

CareTribe Health Stream – Visual Concept

mobile app slide folding effectSource

 

App for Sina Weibo

mobile app slide folding effectSource

 

Mailer Unfold

mobile app slide folding effectSource

 

Colour Palette Slide iOS App

mobile app slide folding effectSource

 

Fold Timeline

mobile app slide folding effectSource

 

Diabetic – Your Diabetes Reminder & Tracker

mobile app slide folding effectSource

 

Languages coming October 25

mobile app slide folding effectSource

 

SongSkip

mobile app slide folding effectSource

 

Ratio App

mobile app slide folding effectSource

Foldstagram

19.mobile app slide folding effectSource

 

Up and Down

20.mobile app slide folding effectSource

 

Login Screen

21.mobile app slide folding effectSource

 

Peek

22.mobile app slide folding effectSource

 

Fold Timeline

23.mobile app slide folding effectSource

 

Fold to Unlock iOS Style

24.mobile app slide folding effectSource

 

Tutorials

Fold up the DOM like paper

Works on iOS built in touch handlers with callbacks
folding effectSource

Create a 3D Page Folding Animation: Page Sketch & Spine Fold Effect

This two part mini-series will teach you how to create an impressive page-folding effect with Core Animation. In this installment, you’ll first learn how to create a sketch pad view and then how to apply a basic spine folding animation on that view.
folded paperTutorial

PaperFold for iOS

PaperFold is a simple iOS control that allows hiding of views on the left and right side of the screen by dragging the middle view. The left view supports only 1 fold. The right view supports variable number of folds.
folding
Github Source

One Response