# App: Navigation UI design

**URL:** <https://forum.kurviger.com/t/app-navigation-ui-design/5369>\
**Category:** Implemented features\
**Tags:** implemented\
**Created:** [April 16, 2021, 10:35am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369 "2021-04-16T10:35:31Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 16, 2021, 10:35am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/1 "2021-04-16T10:35:31Z")

</div>

Improve the appearance of the navigation user interface.

 ![Kurviger](https://forum.kurviger.com/uploads/default/original/2X/d/df32f4c85faba319d527dd4e02d5954ed8189210.jpeg)

---

<div class="post-metadata">

**Author:** ![ToTo\_GSA\_Rider](https://forum.kurviger.com/user_avatar/forum.kurviger.com/toto_gsa_rider/32/28483_2.png) [@ToTo\_GSA\_Rider](https://forum.kurviger.com/u/ToTo_GSA_Rider)\
**Post date:** [April 17, 2021, 3:54pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/2 "2021-04-17T15:54:39Z")

</div>

Wow, wo kann man das einstellen? Geschwindigkeitsanzeige - Farbe der Linie - die karte. Das sieht Hammer aus. WOW 😍

Wow, where can you set that? Speed indicator - color of the line - the map. This looks awesome. WOW 😍

---

<div class="post-metadata">

**Author:** ![ToTo\_GSA\_Rider](https://forum.kurviger.com/user_avatar/forum.kurviger.com/toto_gsa_rider/32/28483_2.png) [@ToTo\_GSA\_Rider](https://forum.kurviger.com/u/ToTo_GSA_Rider)\
**Post date:** [April 17, 2021, 4:02pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/3 "2021-04-17T16:02:34Z")

</div>

Gibt es dann vorgefertigte Profile wo man sagen kann kurviger 1 oder kurviger 2? Fände ich Spitze

Are there then prefabricated profiles where you can say curvier 1 or curvier 2? I would find top

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 17, 2021, 4:23pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/4 "2021-04-17T16:23:22Z")

</div>

> [@ToTo\_GSA\_Rider](#):
>
> Wow, where can you set that?

Many of these features are already available:

- Map: “Settings | Map | Map color”
- Route: “Settings | Routing | Route color”
- Display: “Settings | Application | Display color”
- [Speed limit](https://forum.kurviger.com/t/app-display-speed-limit/205): it is under testing..

> [@ToTo\_GSA\_Rider](#):
>
> Are there then prefabricated profiles where you can say curvier 1 or curvier 2?

This will be available here:

> [@App: Multiple route profiles](https://forum.kurviger.com/t/app-multiple-route-profiles/2818/9):
>
> You can select different route profiles for segments: Long press on (end) waypoints Long press on route segments Waypoints list (menu “Routing | Waypoints”) Waypoint info (tap waypoints), route segment info (tap route segments) and waypoints list now also display their segment profile and its details. Route profile colors can be changed in “Settings | Routing”.

---

<div class="post-metadata">

**Author:** ![ToTo\_GSA\_Rider](https://forum.kurviger.com/user_avatar/forum.kurviger.com/toto_gsa_rider/32/28483_2.png) [@ToTo\_GSA\_Rider](https://forum.kurviger.com/u/ToTo_GSA_Rider)\
**Post date:** [April 17, 2021, 4:31pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/5 "2021-04-17T16:31:25Z")

</div>

- Map: “Settings | Map | Map color”
- Route: “Settings | Routing | Route color”
- Display: “Settings | Application | Display color”

Und welche Einstellungen hast du da gesetzt, dass das so aussieht?

And what settings did you set there so that it looks like this?

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 17, 2021, 4:41pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/6 "2021-04-17T16:41:49Z")

</div>

> [@ToTo\_GSA\_Rider](#):
>
> And what settings did you set there so that it looks like this?

- Route: ARGB (255, 255, 0, 255)
- Display: ARGB (64, 0, 171, 255)

---

<div class="post-metadata">

**Author:** ![ToTo\_GSA\_Rider](https://forum.kurviger.com/user_avatar/forum.kurviger.com/toto_gsa_rider/32/28483_2.png) [@ToTo\_GSA\_Rider](https://forum.kurviger.com/u/ToTo_GSA_Rider)\
**Post date:** [April 17, 2021, 4:47pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/7 "2021-04-17T16:47:47Z")

</div>

![Screenshot_20210417-184646_Kurviger Pro](https://forum.kurviger.com/uploads/default/original/2X/5/51c1c54c9e96045dc463a1b225471ae1108546d3.jpeg)

😍

---

<div class="post-metadata">

**Author:** ![ToTo\_GSA\_Rider](https://forum.kurviger.com/user_avatar/forum.kurviger.com/toto_gsa_rider/32/28483_2.png) [@ToTo\_GSA\_Rider](https://forum.kurviger.com/u/ToTo_GSA_Rider)\
**Post date:** [April 17, 2021, 4:50pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/8 "2021-04-17T16:50:42Z")

</div>

![Screenshot_20210417-184953_Kurviger Pro](https://forum.kurviger.com/uploads/default/original/2X/f/facd555dc2b1d0cf5677128515b10d1b5abb3bee.jpeg)

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 17, 2021, 7:49pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/9 "2021-04-17T19:49:14Z")

</div>

8 posts were merged into an existing topic: [App: Settings management](https://forum.kurviger.com/t/app-settings-management/2548/20)

---

<div class="post-metadata">

**Author:** ![ToTo\_GSA\_Rider](https://forum.kurviger.com/user_avatar/forum.kurviger.com/toto_gsa_rider/32/28483_2.png) [@ToTo\_GSA\_Rider](https://forum.kurviger.com/u/ToTo_GSA_Rider)\
**Post date:** [April 20, 2021, 7:50am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/10 "2021-04-20T07:50:11Z")

</div>

@devemux86

Map in the view  
What map did you use in the view? Did you use the curvy offline with high contrast or an online map in the image?

Karte in der Ansicht  
Welche Karte hast du in der Ansicht verwendet? Hast du die kurviger Offline mit hohem Kontrast oder eine Online Karte in dem Bild im Einsatz?

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 20, 2021, 7:52am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/11 "2021-04-20T07:52:35Z")

</div>

> [@ToTo\_GSA\_Rider](#):
>
> What map did you use in the view? Did you use the curvy offline with high contrast or an online map in the image?

It is an offline map with normal map color.

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 20, 2021, 8:14am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/12 "2021-04-20T08:14:30Z")

</div>

You will also be able to change the foreground color (via extra option).  
(in addition to the existing background color)

Should we leave the text black and white?  
(automatically set based on background)

 ![Kurviger](https://forum.kurviger.com/uploads/default/original/2X/3/318b0b49e7575418a5056f04965c66ce66b7a777.jpeg)

---

<div class="post-metadata">

**Author:** ![ToTo\_GSA\_Rider](https://forum.kurviger.com/user_avatar/forum.kurviger.com/toto_gsa_rider/32/28483_2.png) [@ToTo\_GSA\_Rider](https://forum.kurviger.com/u/ToTo_GSA_Rider)\
**Post date:** [April 20, 2021, 9:02am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/13 "2021-04-20T09:02:45Z")

</div>

> [@devemux86](#):
>
> You will also be able to change the foreground color (via extra option).  
> (in addition to the existing background color)
> 
> Should we leave the text black and white?  
> (automatically set based on background)

Ich habe es mir jetzt mal so eingestellt

 ![Screenshot_20210420-105817_Kurviger Pro](https://forum.kurviger.com/uploads/default/original/2X/c/c850e03c3519dcce6d451611568e6db250866047.jpeg) ![Screenshot_20210420-105841_Kurviger Pro](https://forum.kurviger.com/uploads/default/original/2X/c/c8e0e8eb50b0abb66b2d278aedf6306c4f9aa3a9.jpeg) ![Screenshot_20210420-105912_Kurviger Pro](https://forum.kurviger.com/uploads/default/original/2X/f/f74f7d6a5e603b07026903e4a7bbeb0fbb2fd984.jpeg) ![Screenshot_20210420-110122_Kurviger Pro](https://forum.kurviger.com/uploads/default/original/2X/a/a5f9b5aeb234c2d41acb4584119e97d3b2b7f0be.jpeg)

---

<div class="post-metadata">

**Author:** ![linux-user](https://forum.kurviger.com/user_avatar/forum.kurviger.com/linux-user/32/56_2.png) [@linux-user](https://forum.kurviger.com/u/linux-user)\
**Post date:** [April 20, 2021, 11:42am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/14 "2021-04-20T11:42:35Z")

</div>

> [@devemux86](#):
>
> Should we leave the text black and white?  
> (automatically set based on background)
> 
> ![Kurviger](https://forum.kurviger.com/uploads/default/original/2X/3/318b0b49e7575418a5056f04965c66ce66b7a777.jpeg)

Personally, I think that text in any color other than black or white looks awkward.  
But others may feel differently.

BTW, I preferred the old appearance without the stroke around the text.  
In my opinion, that stroke around the text is only necessary, if you set the background too transparent.

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 22, 2021, 8:34am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/15 "2021-04-22T08:34:45Z")

</div>

Available for testing in [Kurviger 2.0.11 (Beta)](https://forum.kurviger.com/t/kurviger-2-0-7-beta/5421).

---

<div class="post-metadata">

**Author:** ![Tom](https://forum.kurviger.com/user_avatar/forum.kurviger.com/tom/32/168_2.png) [@Tom](https://forum.kurviger.com/u/Tom)\
**Post date:** [April 26, 2021, 5:46am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/16 "2021-04-26T05:46:05Z")

</div>

Ok it now worked thanks.

One issue: I want to use 100% transparency for the navigation bars, but I still see solid borders on every bar. How do I get rid of the solid borders? I also want them fully transparent.  
Also why is there a white border around the black font? How can I configure solid font colors or how separately configure the font border?

 ![grafik](https://forum.kurviger.com/uploads/default/original/2X/d/d560b1918690e72d8311977dc3ed095b03b467c1.jpeg)

---

<div class="post-metadata">

**Author:** ![linux-user](https://forum.kurviger.com/user_avatar/forum.kurviger.com/linux-user/32/56_2.png) [@linux-user](https://forum.kurviger.com/u/linux-user)\
**Post date:** [April 26, 2021, 6:39am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/17 "2021-04-26T06:39:50Z")

</div>

> [@Tom](#):
>
> but I still see solid borders on every bar.  
> …  
> How can I configure solid font colors or how separately configure the font border?

Hehe, I also preferred the old design [App: Navigation UI design - #14 by linux-user](https://forum.kurviger.com/t/app-navigation-ui-design/5369/14)

 ![Screenshot_20210426-084243_Kurviger Pro](https://forum.kurviger.com/uploads/default/original/2X/3/31d8351a8bea6cb4c7e51d89f59f09d12a853b0c.jpeg) ![Screenshot_20210426-084902_Kurviger](https://forum.kurviger.com/uploads/default/original/2X/c/c5c2ce9647fea09fcb27dcaa0e3d905d448c4739.jpeg)

---

<div class="post-metadata">

**Author:** ![Tom](https://forum.kurviger.com/user_avatar/forum.kurviger.com/tom/32/168_2.png) [@Tom](https://forum.kurviger.com/u/Tom)\
**Post date:** [April 26, 2021, 6:57am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/18 "2021-04-26T06:57:06Z")

</div>

> [@linux-user](#):
>
> Hehe, I also preferred the old design [App: Navigation UI design - #14 by linux-user](https://forum.kurviger.com/t/app-navigation-ui-design/5369/14)

Yes absolutely, please make it available again. It should be possible to my point of view to make the border fully transparent and also make the text solid without any borders (or of the same color as the filling), at least as a configurable option. This white on black or black on white for fonts or any other double-colored font may be ok in the future, but at the moment I don’t like this at all and I don’t like to not beeing able to change it.

@linux-user  
How do you get the font color at least solid black again like in Kurviger 1 Pro?

Furthermore I just discovered the same problem as mentioned before that two buttons are marked in blue and none of them is working. When pressing on proceeding the route after pausing, it doesn’t work. I had the effect again yesterday on the tour with Kurviger 1 Pro and now again in Kurviger 2.0 in simulation mode. I don’t know when exactly it happened. I was just simulating a tour and then played around with the color option and suddenly the program hangs, the tour can’t be proceeded, nor can it be stopped and started again. The program has to be quited and started again. It is like an endless loop for the current tour.

 ![grafik](https://forum.kurviger.com/uploads/default/original/2X/b/b39bb9a43ec8c7fbdf776b5be52940982235519b.jpeg)

---

<div class="post-metadata">

**Author:** ![ramondevic](https://forum.kurviger.com/user_avatar/forum.kurviger.com/ramondevic/32/4631_2.png) [@ramondevic](https://forum.kurviger.com/u/ramondevic)\
**Post date:** [April 26, 2021, 6:59am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/19 "2021-04-26T06:59:03Z")

</div>

Me too 😉  
With K1 it was more clear.

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 26, 2021, 7:07am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/20 "2021-04-26T07:07:16Z")

</div>

Only the new design is available and I can only make improvements to the new design.

The icon / text shadow is a needed design feature so that the icons / texts are readable.

> [@App: Navigation display color options](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/3):
>
> Yes that’s cool. In the extreme case, you could be tempted to set 100% transparency, but this would require adding a black font stroke - just like I have in my Garmin slight_smile : [Garmin]

[Next page](https://forum.kurviger.com/t/app-navigation-ui-design/5369.md?page=2)
