---
title: "Verleihen Sie Ihrer App eine neue Dimension mit unseren neuen navBar Navigationsleisten Vorlagen."
description: "Das Design Ihrer Anwendung spielt eine entscheidende Rolle bei der Schaffung einer angenehmen Erfahrung für Ihre Nutzer.  Bei GoodBarber sind wir stets bemüht,"
canonical_url: "https://de.goodbarber.com/blog/verleihen-sie-ihrer-app-eine-neue-dimension-mit-unseren-neuen-navbar-navigationsleisten-vorlagen-a1038/"
lang: de
date: 2021-06-01
last_updated: 2026-06-09
---

# Verleihen Sie Ihrer App eine neue Dimension mit unseren neuen navBar Navigationsleisten Vorlagen.

[Zurück](/blog/mach-es-r13/)

# Verleihen Sie Ihrer App eine neue Dimension mit unseren neuen navBar Navigationsleisten Vorlagen.

Written by [Marie Pireddu](https://de.goodbarber.com/blog/author/jerome-granados/)  on Dienstag 1 Juni 2021· Letzte Aktualisierung: Dienstag 9 Juni 2026

![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/79767433-57711192.jpg?v=1713969619.2430832)

Das Design Ihrer Anwendung spielt eine entscheidende Rolle bei der Schaffung einer angenehmen Erfahrung für Ihre Nutzer.
Bei GoodBarber sind wir stets bemüht, ein Produkt zu liefern, das immer auf dem neuesten Stand der mobilen Benutzererfahrung ist.
Aus diesem Grund war es an der Zeit, neue Vorlagen für die Navigationsleiste hinzuzufügen (für die Classic- und Shopping-Anwendungen). Die Navigationsleiste ist ein Schlüsselelement der Identität einer App und hilft Ihnen dabei, Ihre Marke hervorzuheben.

Sie können jetzt zwischen 3 verschiedenen Höhen wählen: Klein, Mittel und Groß.

## Wie funktioniert das in Ihrem GoodBarber Backoffice?

Von Ihrem Back-Office aus, unter Menü **Meine App > Design > Allgemeines Design > Logo und Titel**, können Sie jetzt einen neuen Block**"Höhe des Titelbereichs**" sehen.

Von hier aus können Sie zwischen 3 verschiedenen Höhen wählen:

- **Klein** : Zeigt den Titel oder das Foto des Logos an.
- **Mittel**: zeigt den Titel oder das Bild des Logos an (nur für Bereiche in der Hauptnavigation im rechten Bereich Ihres Backoffice verfügbar).
- **Groß**: zeigt den Titel oder das Bild des Logos + eine kurze Beschreibung (nur verfügbar für Bereiche in der Hauptnavigation des rechten Panels Ihres Backoffice). Diese Kurzbeschreibung wird in Ihrem Titel unter dem Logo Ihrer App angezeigt.
Selbstverständlich können Sie die Schriftart und die Farbe des Textes anpassen.

![](https://back.ww-cdn.com/superstatic/docs-res/129568/back.gif)

## Warum verschiedene Optionen für die Höhe?

Diese 3 Vorlagen zu haben ermöglicht ein einfacheres Design und mehr Flexibilität bei der Hervorhebung der verschiedenen Bereiche Ihrer Anwendung. So können Sie die Kopfzeilen für die verschiedenen Bereiche abhängen und so unterschiedliche Größen erhalten.

Gehen Sie im Menü zu **Meine Anwendung > Design > Bereichsdesign** und klicken Sie auf **"Kopfzeile**". Sie können dann die Höhe für diesen bestimmten Bereich auswählen.
Sie können auch eine andere Beschreibung für Bereiche mit der Höhe Groß hinzufügen.

![](https://back.ww-cdn.com/superstatic/docs-res/129568/front.gif)

Verpassen Sie nicht unseren weiteren Blog-Artikel, der die verschiedenen Anwendungsfälle dieser Vorlagen vorstellt und Sie für Ihre Anwendungen inspirieren wird.

![Jerome Granados](https://blog.goodbarber.com/_public/profile/1b/1b6453892473a467d07372d45eb05abc2031647a-default.jpg)

Über den Autor[Jerome Granados](https://de.goodbarber.com/blog/author/jerome-granados/)CMO

Ich bin CMO und Mitgesellschafter von GoodBarber.

In diesem Blog teile ich praktische Tipps, wie Sie das Beste aus GoodBarber herausholen können, Analysen zu den Trends, die die Mobile- und No-Code-Welt verändern, sowie einige Gedanken zu den Auswirkungen von künstlicher Intelligenz auf unsere Branche.

Wenn ein Artikel bei Ihnen eine Frage, eine Idee oder ein Feedback auslöst, lassen Sie uns in den Kommentaren darüber sprechen.

[Mehr erfahren](https://de.goodbarber.com/blog/author/jerome-granados/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/jeromegranados/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/jeromegranados)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/jerome.granados)[![Instagram](https://portal.ww-cdn.com/portal_static/svg/base2021/instagram.e3b82841d5d7.svg)](https://www.instagram.com/jeromegranados/)[![Pinterest](https://portal.ww-cdn.com/portal_static/svg/base2021/pinterest.3ba400801cb2.svg)](https://www.pinterest.com/jeromegranados/)