Slider with non-linear increments

Did this prototype to show a slider which has non-linear increments. This sample uses ISO, which is a quite common setting for cameras, the typical value for ISO is 100, 200, 400, 800, 1600, etc. The ISO value will snap to the nearest value since a value for ISO 150 will make no sense to the users. And after the user releases the touch, the ISO button bounces back to the original position, the ruler automatically moves to the corresponding position.

Live demo: https://framer.cloud/HJe02qjEe ( the lower boundary is not limited, for some bugs that I can't figure out )

Posted on Dec 24, 2016

More by Chechechechester

View profile