Freigeben über


Fensterrahmen

Anmerkung

Dieses Designhandbuch wurde für Windows 7 erstellt und wurde für neuere Versionen von Windows nicht aktualisiert. Ein Großteil der Anleitungen gilt weiterhin im Prinzip, aber die Präsentation und Beispiele spiegeln nicht unsere aktuelle Designleitfadenwider.

Die meisten Programme sollten Standardfensterframes verwenden. Immersive Anwendungen können einen Vollbildmodus haben, der den Fensterrahmen ausblendet. Erwägen Sie die strategische Verwendung von Glas für ein einfacheres, helleres, einheitliches Aussehen.

Mit einem Fensterrahmen können Benutzer ein Fenster bearbeiten und den Titel und das Symbol anzeigen, um den Inhalt zu identifizieren.

Screenshot des Fensterrahmens um editorfenster

Ein typischer Fensterrahmen.

Hinweis: Richtlinien für Fensterverwaltung und Branding- werden in separaten Artikeln vorgestellt.

Designkonzepte

Glasfensterrahmen

Die Glasfensterrahmen sind ein beeindruckender neuer Aspekt der Microsoft Windows-Ästhetik, die sowohl attraktiv als auch leicht sein soll. Diese transluzenten Frames verleihen Fenstern ein offenes, weniger aufdringliches Erscheinungsbild und helfen Benutzern dabei, sich auf Inhalte und Funktionen zu konzentrieren, anstatt auf die Benutzeroberfläche, die sie umgibt.

Screenshot des Glasrahmens um rechner

Glasfensterrahmen.

Sie können Glas strategisch in kleinen Bereichen in einem Fenster verwenden, das den Fensterrahmen berührt. Solche Bereiche scheinen Teil des Fensterrahmens zu sein, obwohl sie technisch Teil des Clientbereichs des Fensters sind.

Screenshot des Fensters mit transluzenter Kante

In diesem Beispiel wird Glas im Clientbereich verwendet, damit es wie ein Teil des Rahmens aussieht.

Ausgeblendete Frames

Manchmal ist der beste Fensterrahmen überhaupt kein Frame. Dies ist häufig der Fall für das primäre Fenster immersiven Vollbild- Anwendungen, die nicht in Verbindung mit anderen Programmen verwendet werden, z. B. Media Player, Spiele und Kioskanwendungen.

Inhaltsanzeigen profitieren häufig von der Möglichkeit, Inhalte im Vollbildmodus anzuzeigen. Beispiele sind Windows Internet Explorer, Windows Live Photo Gallery, Windows Movie Maker HD, Microsoft PowerPoint und Microsoft Word.

Screenshot des Media Players in der Vollbildansicht

In diesem Beispiel kann Windows Media Player den Inhalt im Vollbildmodus anzeigen.

Benutzerdefinierte Frames

Die meisten Windows-Anwendungen sollten die Standardfensterframes verwenden. Für immersive, vollbildige, eigenständige Anwendungen wie Spiele und Kioskanwendungen kann es jedoch sinnvoll sein, benutzerdefinierte Frames für alle Fenster zu verwenden, die nicht im Vollbildmodus angezeigt werden. Die Motivation, benutzerdefinierte Frames zu verwenden, sollte sein, das Gesamterlebnis ein einzigartiges Gefühl zu verleihen, nicht nur für Branding.

Abbildung des scrambled picture puzzle and frame

Benutzerdefinierte Frames eignen sich für immersive, vollbildige, eigenständige Anwendungen wie Spiele.

Leitlinien

Fensterrahmen

  • Verwenden Sie Standardfensterframes.

    • Ausnahme: Um einem immersiven Vollbildmodus eigenständige Anwendungen ein einzigartiges Gefühl zu verleihen:
      • Erwägen Sie, den Fensterrahmen des primären Fenstersauszublenden.

      • Erwägen Sie die Verwendung von benutzerdefinierten Frames für sekundären Fenster.

      • Wenn ein benutzerdefinierter Rahmen geeignet ist, wählen Sie ein Design aus, das leicht ist und nicht zu viel Aufmerksamkeit auf sich selbst zieht.

        Falsch:

        Screenshot von ablenkenden Frame-

        In diesem Beispiel zeichnet der benutzerdefinierte Frame zu viel Aufmerksamkeit auf sich selbst.

  • Fügen Sie keine Steuerelemente zu einem Fensterrahmen hinzu. Platzieren Sie stattdessen die Steuerelemente im Fenster.

    Falsch:

    Screenshot des Steuerelements im Fensterrahmen

    Richtig:

    Screenshot des Steuerelements im Clientbereich

    Im richtigen Beispiel befindet sich das Steuerelement im Clientbereich anstelle des Fensterrahmens.

Vollbildmodus

  • Für Programme mit optionalem Vollbildmodus, um den Vollbildmodus zu aktivieren:

    • Verfügen Sie über einen modalen Vollbildbefehl in der Menüleiste oder Symbolleiste. Wenn der Benutzer auf den Befehl klickt, zeigen Sie den Befehl im ausgewählten Zustand an.

      Screenshot des Fensters mit Menüelement im Vollbildmodus

      Dieses Beispiel zeigt den Vollbildbefehl zusammen mit der Standard-Tastenkombination.

  • Verwenden Sie F11 für die Tastenkombination im Vollbildmodus.

  • Wenn eine Symbolleiste vorhanden ist und der Vollbildmodus häufig verwendet wird, verfügen Sie auch über eine Grafiksymbolleistenschaltfläche mit einer QuickInfo im Vollbildmodus.

    Screenshot des Vollbilds und Wiederherstellen von Schaltflächen

    Beispiele für Schaltflächen der Vollbildsymbolleiste.

  • So kehren Sie vom Vollbildmodus zurück:

    • Verfügen Sie über einen modalen Vollbildbefehl in der Menüleiste oder Symbolleiste. Wenn der Benutzer auf den Befehl klickt, zeigen Sie den Befehl im deaktivierten Zustand an.
    • Verwenden Sie F11 für die Tastenkombination im Vollbildmodus. Falls noch nicht zugewiesen, kann esc auch für diesen Zweck verwendet werden.

Glas

Standardfensterrahmen verwenden in Windows automatisch Glas, aber Sie können auch Glas in Bereichen verwenden, in denen der Fensterrahmen berührt wird.

  • Erwägen Sie die strategische Verwendung von Glas in kleinen Bereichen, die den Fensterrahmen ohne Text berühren. Auf diese Weise kann ein Programm ein einfacheres, helleres, einheitliches Aussehen verleihen, indem die Region als Teil des Rahmens erscheint.
  • Screenshot des Fensters mit transluzenter Kante
  • In diesem Beispiel konzentriert Glas die Aufmerksamkeit des Benutzers auf den Inhalt anstelle der Steuerelemente.
  • Verwenden Sie kein Glas in Situationen, in denen ein einfacher Fensterhintergrund attraktiver oder einfacher zu verwenden wäre.

Richtig:

Screenshot des Fensters mit vier Grafiken und Bezeichnungen

In diesem Beispiel wird Glas verwendet, um dem Alt+Tab-Fenster ein einfaches Erscheinungsbild zu verleihen. Glas funktioniert für dieses Fenster, da es aus Grafiken und einer einzigen, starken Textbezeichnung besteht.

Falsch:

Screenshot des Fensters mit zwölf Grafiken

In diesem falschen Beispiel ablenkt die Verwendung von Glas. Ein einfacher Fensterhintergrund wäre eine bessere Wahl.