Mockplus - Design Faster. Collaborate Better.

Subscribe to our blog

To get the latest and most quality design resources!

Category
POPULAR POST
MOCKPLUS CLASSIC

Best Prototyping Tool for Mobile, Web and Desktop Apps.

Get Started for Free
MOCKPLUS CLOUD

Handoff Designs with Accurate Specs, Assets, Code Snippets Automatically.

Get Started for Free
Start prototyping and collaboration
Blog > Samples > Mockplus prototype samples > Mockplus Sample Design – Pacer (App, Gym)

Mockplus Sample Design – Pacer (App, Gym)

2017-12-01
37575

Pacer is an sport fitness app. Like most similar fitness apps, Pacer offers people personal fitness management services and a large number of sports videos, and also helps record the real-time data of their fitness activities. And in this prototype case, a special-shaped icon located in the middle of a Tab Bar component in the bottom has been set. You can easily get that easily by stacking Circle components in the Tab Bar component. And, here, share a tip of the Tab Bar component: it will be much easier and faster to use “Icon and Label” component instead of using“Icon” and “Label ” separately. Let’s see it!

Let's see it in GIF:

Pacer

Click here to preview it online: http://run.mockplus.com/9oqo3LKM9lBmglOT/index.html

UI Flow in large size:

Pacer

Pages of this prototype: Welcome, Your Profile, Home, Me, Track a Run and Trends, etc.

The project file can be downloaded here.

All pages of the album (10 pics in total) can be downloaded from here.

Enjoy it!

Summer ye

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.

Design Faster. Collaborate Better.

Designing the best user experience. Mockplus does it all!

Interactive prototyping

Painless collaboration

Scalable design systems

Let's chat

Email:support@jongde.com