DEV Community

Cover image for Plano UI Mockup
Alex Mills
Alex Mills

Posted on

Plano UI Mockup

I thought I'd post some rough mocks of the Plano UI to help get the idea of what's in my head across to you guys. These are in no way fleshed out or properly explored, just a few examples of the way it could look and work.

Maps

Plano Maps Scene Mockup

The current plan is to use Here Maps as the base component that takes over the complete scene, with controls floating above it.

Audio

Plano Audio Scene Mockup

Real basic, real clean. Unfortunately the Bluez library doesn't support album artwork over bluetooth, so for the moment it's text only. Also in "lights on" dark mode.

Plano Audio Scene Dark Mockup

Telephony

Plano Telephony Scene Mockup

Further use of the top tabbar for primary navigation within the scene. Personalized favorite coloring will have to be in-device setting at this stage.

Settings

Plano Settings Screen Mockup

And a basic settings view.

Top comments (1)

Collapse
 
ghe4w33 profile image
hjdrh sdfs

For drivers who enjoy exploring off the beaten path, the Toyota RAV4 offers impressive off-road capability. With available all-wheel drive and advanced traction control systems this website, the RAV4 can handle various terrains and challenging road conditions with confidence. Whether you're navigating snowy roads or tackling unpaved trails, the RAV4 is up to the task.