Tutorial > Mockplus > Samples > Encode (App, Tool)

Encode (App, Tool)

Encode is a educational App, where people can learn coding. The color of this App is system-oriented and the layout is simple and clear. The first page mainly consists of list and one can make such a list quickly with Repeater in Mockplus. Besides, it is a long page so people can view more information by swiping the screen. This can be achieved in two ways: first is the small red slider on pages in Mockplus, the other is the Scroll Box. Later I will elaborate on the differences of these two features. Let’s see it first!

Click the link to preview it online: http://run.mockplus.com/pAYKxaeXKMRvfLDQ/index.html

UI Flow

Pages of this prototype: Login/Signup, Home, Sharing, etc.

The project file can be downloaded.

Want the page image collection? Download.

Enjoy it!