Fensterrahmen

Hinweis

Dieser Entwurfsleitfaden wurde für Windows 7 erstellt und für neuere Versionen von Windows nicht aktualisiert. Ein Großteil der Anleitungen gilt weiterhin im Prinzip, aber die Präsentation und die Beispiele spiegeln nicht unsere aktuellen Entwurfsleitfädenwider.

Die meisten Programme sollten Standardfensterrahmen verwenden. Immersive Anwendungen können über einen Vollbildmodus verfügen, der den Fensterrahmen ausblendet. Erwägen Sie die strategische Verwendung von Glass für ein einfacheres, leichteres, zusammenhängenderes Aussehen.

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

Screenshot des Fensterrahmens um das Editorfenster

Ein typischer Fensterrahmen.

Hinweis: Richtlinien zur Fensterverwaltung und zum Branding werden in separaten Artikeln vorgestellt.

Entwurfskonzepte

Glass window frames (Fensterrahmen für Die Brille)

Die Fensterrahmen sind ein beeindruckender neuer Aspekt der Microsoft-Windows, die sowohl ansprechend als auch einfach sein möchten. Diese durchscheinenden Frames bieten Fenstern eine offene, weniger indringliche Darstellung, die es Benutzern ermöglicht, sich auf Inhalte und Funktionen zu konzentrieren, anstatt auf die Schnittstelle, die sie umgibt.

Screenshot des Glassframes um den Rechner

Fensterrahmen für Die Brille.

Sie können Glass in kleinen Regionen innerhalb eines Fensters, das den Fensterrahmen berührt, strategisch verwenden. Solche Bereiche scheinen Teil des Fensterrahmens zu sein, obwohl sie technisch gesehen Teil des Clientbereichs des Fensters sind.

Screenshot des Fensters mit durchscheinender Kante

In diesem Beispiel wird glass 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 von immersiven Vollbildanwendungen, die nicht in Verbindung mit anderen Programmen wie Medienplayern, Spielen und Kioskanwendungen verwendet werden.

Inhalts-Viewer profitieren häufig von der Option zum Anzeigen von Inhalten im Vollbildmodus. Beispiele hierfür sind Windows Internet Explorer, Windows Live Fotogalerie, Windows Movie Maker HD, Microsoft PowerPoint und Microsoft Word.

Screenshot des Medienplayers in der Vollbildansicht

In diesem Beispiel können Windows Media Player ihren Inhalt im Vollbildmodus anzeigen.

Benutzerdefinierte Frames

Die meisten Windows Anwendungen sollten die Standardfensterrahmen 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. Der Beweggrund für die Verwendung benutzerdefinierter Frames sollte darin sein, der Gesamterfahrung ein einzigartiges Gefühl zu geben, nicht nur für das Branding.

Abbildung von Verrenkungsbild und Rahmen

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

Richtlinien

Fensterrahmen

  • Verwenden Sie Standardfensterrahmen.

    • Ausnahme: Um immersiven Vollbild-, eigenständigen Anwendungen ein einzigartiges Gefühl zu geben:
      • Erwägen Sie, den Fensterrahmen des primären Fensterszu verbergen.

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

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

        Falsch:

        Screenshot des ablenkenden Frames

        In diesem Beispiel geht der benutzerdefinierte Frame zu sehr auf sich selbst ein.

  • Fügen Sie keinem Fensterrahmen keine Steuerelemente hinzu. Legen Sie stattdessen die Steuerelemente in das Fenster ein.

    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, die über einen optionalen Vollbildmodus verfügen, um den Vollbildmodus zu aktivieren:

    • Verwenden Sie 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 Vollbildmenüelement

      In diesem Beispiel wird der Vollbildbefehl zusammen mit der standardverknüpfungstaste gezeigt.

  • Verwenden Sie F11 für die Vollbildtaste.

  • Wenn eine Symbolleiste vorhanden ist und der Vollbildmodus häufig verwendet wird, verfügen Sie auch über eine grafische Symbolleistenschaltfläche mit einer QuickInfo für den Vollbildmodus.

    Screenshot des Vollbilds und Zurücksetzen von Schaltflächen

    Beispiele für Vollbild-Symbolleistenschaltflächen.

  • So kehren Sie aus dem Vollbildmodus zurück:

    • Verwenden Sie einen modalen Vollbildbefehl in der Menüleiste oder Symbolleiste. Wenn der Benutzer auf den Befehl klickt, wird der Befehl im gelöschten Zustand angezeigt.
    • Verwenden Sie F11 für die Vollbildtaste. Wenn es nicht bereits zugewiesen ist, kann esc auch für diesen Zweck verwendet werden.

Glas

Standardfensterrahmen verwenden glass automatisch in Windows, aber Sie können auch Glass in Regionen verwenden, die den Fensterrahmen berühren.

  • Erwägen Sie die strategische Verwendung von Glass in kleinen Regionen, die den Fensterrahmen ohne Text berühren. Auf diese Weise kann ein Programm ein einfacheres, leichteres und zusammenhängenderes Aussehen erhalten, indem der Bereich als Teil des Frames angezeigt wird.
  • Screenshot des Fensters mit durchscheinender Kante
  • In diesem Beispiel konzentriert glass die Aufmerksamkeit des Benutzers auf den Inhalt und nicht auf die Steuerelemente.
  • Verwenden Sie keine Brille in Situationen, in denen ein Einfacher Fensterhintergrund ansprechender oder einfacher zu verwenden wäre.

Richtig:

Screenshot des Fensters mit vier Grafiken und Bezeichnungen

In diesem Beispiel wird glass verwendet, um dem Alt+TAB-Fenster ein einfaches Aussehen zu verleihen. Glass funktioniert für dieses Fenster, da es aus Grafiken und einer einzelnen, starken Textbezeichnung besteht.

Falsch:

Screenshot des Fensters mit zwölf Grafiken

In diesem falschen Beispiel ist die Verwendung von Glass ablenkend. Ein Einfacher Fensterhintergrund wäre eine bessere Wahl.