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:
Click here to preview it online: http://run.mockplus.com/9oqo3LKM9lBmglOT/index.html
UI Flow in large size:
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.