# 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:** 4

<div class="post-metadata">

**Author:** ![Ciutnik](https://forum.kurviger.com/user_avatar/forum.kurviger.com/ciutnik/32/1700_2.png) [@Ciutnik](https://forum.kurviger.com/u/Ciutnik)\
**Post date:** [April 28, 2021, 5:47pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/62 "2021-04-28T17:47:22Z")

</div>

I must admit that I have postulated the introduction of these contours a long time ago. Perhaps it results from several years of my habit, but I believe that these contours are necessary to maintain the legibility of information (of course, I understand that others may perceive it differently).

Moreover, I don’t think the rectangular frames of the transparent boxes are bad - in my opinion they visually organize the arrangement of this information. It is also a matter of habit - I know a similar solution from OsmAnd…

---

<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 29, 2021, 1:53pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/63 "2021-04-29T13:53:22Z")

</div>

> [@Ciutnik](#):
>
> I don’t think the rectangular frames of the transparent boxes are bad - in my opinion they visually organize the arrangement of this information.

In [Kurviger 2.0.11 (Beta)](https://forum.kurviger.com/t/kurviger-2-0-8-beta/5421) you can hide the borders with background full transparency.  
If you need them, you can set a little less transparency, e.g. A=1.

---

<div class="post-metadata">

**Author:** ![rumbrummer](https://forum.kurviger.com/user_avatar/forum.kurviger.com/rumbrummer/32/113_2.png) [@rumbrummer](https://forum.kurviger.com/u/rumbrummer)\
**Post date:** [April 29, 2021, 2:59pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/64 "2021-04-29T14:59:41Z")

</div>

> [@devemux86](#):
>
> In [Kurviger 2.0.8 (Beta)](https://forum.kurviger.com/t/kurviger-2-0-8-beta/5421) you can hide the borders with background full transparency.  
> If you need them, you can set a little less transparency.

Works well - I can not see the difference in transparency between A=1 and A=0 (as expected, because it is a step of ~0.4% of available range), but it switched the border on/off.  
Very good idea to make the border property switchable without adding a further setting 👍

---

<div class="post-metadata">

**Author:** ![Ciutnik](https://forum.kurviger.com/user_avatar/forum.kurviger.com/ciutnik/32/1700_2.png) [@Ciutnik](https://forum.kurviger.com/u/Ciutnik)\
**Post date:** [April 29, 2021, 4:26pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/65 "2021-04-29T16:26:47Z")

</div>

> [@devemux86](#):
>
> In [Kurviger 2.0.8 (Beta)](https://forum.kurviger.com/t/kurviger-2-0-8-beta/5421) you can hide the borders with background full transparency.  
> If you need them, you can set a little less transparency.

Very clever! I love such solutions - simple, obvious and universal. Bravo for the idea 👍

---

<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 30, 2021, 9:10am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/66 "2021-04-30T09:10:26Z")

</div>

Definitely better, but I wonder why the font can’t be adjusted in colour too - why only black on white or white on black?  
If I get a coloured arrow by changing the foreground colour, e.g. blue, why can’t the font also become blue? Is it a technical issue?

---

<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 30, 2021, 9:16am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/67 "2021-04-30T09:16:24Z")

</div>

> [@Tom](#):
>
> I wonder why the font can’t be adjusted in colour too - why only black on white or white on black?  
> If I get a coloured arrow by changing the foreground colour, e.g. blue, why can’t the font also become blue?

I asked if text needs the same or separate or (common) black / white color above:

> [@devemux86](#):
>
> Should we leave the text black and white?  
> (automatically set based on background)

> [@linux-user](#):
>
> Personally, I think that text in any color other than black or white looks awkward.  
> But others may feel differently.

---

<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 30, 2021, 9:39am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/68 "2021-04-30T09:39:11Z")

</div>

> [@linux-user](#):
>
> Personally, I think that text in any color other than black or white looks awkward.  
> But others may feel differently.

like he says, this is his personal opinion. “Others may feel different” and I can confirm, I do. I think that for example Gray-Blue text with black border or red text with black border or black text with red border (or black text with black border) would also be good readable. Maybe we should try the proposal in 2.0.8 and then let users decide (just a proposal, not a must).

---

<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 30, 2021, 9:48am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/69 "2021-04-30T09:48:28Z")

</div>

The stroke / shadow will always be white or black (based on foreground) as happens everywhere.

---

<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 30, 2021, 9:54am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/70 "2021-04-30T09:54:03Z")

</div>

ok 🙂🏍

---

<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 30, 2021, 9:59am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/71 "2021-04-30T09:59:49Z")

</div>

Look at your mouse cursor themes, the basics are white with black border and vice versa.  
(to easily see mouse cursor on every background on screen)

We could discuss about the fill (icon / text or background) color.

---

<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 30, 2021, 10:06am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/72 "2021-04-30T10:06:30Z")

</div>

> [@devemux86](#):
>
> We could discuss about the fill (icon / text or background) color.

If this was possible with the text filling I would be happy 🙃 😀

My mouse theme is light blue with a black border and you can colorize it individually under windows 10

 ![grafik](https://forum.kurviger.com/uploads/default/original/2X/2/21acd0cf9791ed3cbedcc8f99c26af187d9fe356.png)

---

<div class="post-metadata">

**Author:** ![sprittfass](https://forum.kurviger.com/user_avatar/forum.kurviger.com/sprittfass/32/1046_2.png) [@sprittfass](https://forum.kurviger.com/u/sprittfass)\
**Post date:** [May 1, 2021, 7:30am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/73 "2021-05-01T07:30:15Z")

</div>

Die Schriftfarbe wäre noch interessant Der Pfeil ist Schwarz die Schrift in Schwarz würde sich besser von der Karte abheben.

 ![Screenshot_20210501-092447_Kurviger](https://forum.kurviger.com/uploads/default/original/2X/c/c085a02565bdb85edc1982775108a60ff55157d4.jpeg)  
Gruss Rolf

---

<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:** [May 1, 2021, 7:33am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/74 "2021-05-01T07:33:45Z")

</div>

> [@sprittfass](#):
>
> die Schrift in Schwarz würde sich besser von der Karte abheben

You can already have black font color.  
Just select a [light color](https://forum.kurviger.com/t/app-navigation-ui-design/5369) for background.  
e.g. white (with transparency)

---

<div class="post-metadata">

**Author:** ![sprittfass](https://forum.kurviger.com/user_avatar/forum.kurviger.com/sprittfass/32/1046_2.png) [@sprittfass](https://forum.kurviger.com/u/sprittfass)\
**Post date:** [May 2, 2021, 7:53am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/75 "2021-05-02T07:53:05Z")

</div>

Also  
Nach Stundenlangen ausprobieren …die Schrift bleibt Weiß der Pfeil ist schwarz.Die Pfeilfarbe lässt sich ändern aber nicht die Farbe der Zahlen,60m 350m usw 🥴  
Gruss Rolf

---

<div class="post-metadata">

**Author:** ![rumbrummer](https://forum.kurviger.com/user_avatar/forum.kurviger.com/rumbrummer/32/113_2.png) [@rumbrummer](https://forum.kurviger.com/u/rumbrummer)\
**Post date:** [May 2, 2021, 8:14am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/76 "2021-05-02T08:14:18Z")

</div>

Ich vermute, Du hast “Anzeigefarbe Hintergrund” = #00000000 gestellt (alle Schieberegler links):

 ![links](https://forum.kurviger.com/uploads/default/original/2X/d/d30492fd67154951b7e6d65208e7c475098a79f1.jpeg)  
Wenn Du auf #00FFFFFF stellst (Schieberegler R, G, B rechts), sieht es so aus:  
 ![rechts](https://forum.kurviger.com/uploads/default/original/2X/1/1cd92ddd15799de7a2e01c59e2f7f21ed2da52ec.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:** [May 2, 2021, 11:59am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/77 "2021-05-02T11:59:00Z")

</div>

As it is so difficult for some of you to select the text color…  
(although the same process exists in Kurviger 1 for years)

…the next version will have a separate text color setting.

---

<div class="post-metadata">

**Author:** ![sprittfass](https://forum.kurviger.com/user_avatar/forum.kurviger.com/sprittfass/32/1046_2.png) [@sprittfass](https://forum.kurviger.com/u/sprittfass)\
**Post date:** [May 2, 2021, 2:29pm UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/78 "2021-05-02T14:29:55Z")

</div>

Danke Rumbrummer  
#devemux86  
je mehr Schieber umso mehr muss man probieren.Ein Regler würde ausreichen wenn es machbar wäre.  
Trotzdem Dankeschön für Eure Hilfe.  
Gruss Rolf  
PS  
((Da es für einige von Ihnen so schwierig ist, die  
Textfarbe auszuwählen… (obwohl der gleiche Prozess in Kurviger 1 seit Jahren existiert))  
Das kommt mit dem Alter 🧐 🙈

---

<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:** [May 3, 2021, 10:25am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/79 "2021-05-03T10:25:25Z")

</div>

> [@devemux86](#):
>
> …the next version will have a separate text color setting.

😀 👍 👏 😍

… fill and/or border color? 🤫 😷  
… Caution, irony in the offing… garnished with a little glimmer of hope

---

<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:** [May 3, 2021, 10:37am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/80 "2021-05-03T10:37:02Z")

</div>

> [@Tom](#):
>
> fill and/or border color?

The color is always about the fill.  
The shadow is automatically calculated based on color luminance.

---

<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:** [May 6, 2021, 11:39am UTC](https://forum.kurviger.com/t/app-navigation-ui-design/5369/81 "2021-05-06T11:39:29Z")

</div>

[Kurviger 2.0.11 (Beta)](https://forum.kurviger.com/t/kurviger-2-0-9-beta/5421) has separate color settings for background / icon / font.

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

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