Freigeben über


Fensterrahmen

Hinweis

Dieses Entwurfshandbuch wurde für Windows 7 erstellt und wurde nicht für neuere Versionen von Windows aktualisiert. Ein Großteil der Anleitungen gilt immer noch grundsätzlich, aber die Präsentation und die Beispiele spiegeln nicht unsere aktuellen Entwurfsanleitungen wider.

Die meisten Programme sollten Standardfensterrahmen verwenden. Immersive Anwendungen können über einen Vollbildmodus verfügen, der den Fensterrahmen ausblendet. Erwägen Sie, Glas strategisch für einen einfacheren, leichteren und zusammenhängenderen Look zu verwenden.

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 das Editorfenster

Ein typischer Fensterrahmen.

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

Entwurfskonzepte

Fensterrahmen aus Glas

Die Glasfensterrahmen sind ein markanter neuer Aspekt der Microsoft Windows-Ästhetik, die sowohl attraktiv als auch leicht sein soll. Diese lichtdurchlässigen Frames verleihen Fenstern ein offenes, weniger aufdringliches Erscheinungsbild, sodass sich Benutzer auf Inhalte und Funktionen konzentrieren können, anstatt auf die umgebende Benutzeroberfläche.

Screenshot des Glasrahmens um den Rechner

Fensterrahmen aus Glas.

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

Screenshot des Fensters mit lichtdurchlässigem Rand

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 von immersiven Vollbildanwendungen , die nicht in Verbindung mit anderen Programmen wie Media Playern, Spielen und Kioskanwendungen verwendet werden.

Inhaltsanzeiger profitieren häufig von der Möglichkeit, Inhalte im Vollbildmodus anzuzeigen. Beispiele hierfür sind Windows Internet Explorer, Windows Live Fotogalerie, Windows Movie Maker HD, Microsoft PowerPoint und Microsoft Word.

Screenshot des Media Players in der Vollbildansicht

In diesem Beispiel kann Windows Medienwiedergabe seinen Inhalt im Vollbildmodus anzeigen.

Benutzerdefinierte Frames

Die meisten Windows-Anwendungen sollten die Standardfensterrahmen verwenden. Für immersive, vollbildfähige, 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, der Gesamterfahrung ein einzigartiges Gefühl zu verleihen, nicht nur für das Branding.

Abbildung des Puzzles und Rahmens für ein scrambliertes Bild

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

Richtlinien

Fensterrahmen

  • Verwenden Sie Standardfensterrahmen.

    • Ausnahme: So verleihen Sie immersiven, eigenständigen Vollbildanwendungen ein einzigartiges Gefühl:
      • Erwägen Sie, den Fensterrahmen des primären Fensters auszublenden.

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

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

        Falsch:

        Screenshot des ablenkenden Frames

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

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

    Falsch:

    Screenshot der Steuerung im Fensterrahmen

    Richtig:

    Screenshot der Steuerung im Clientbereich

    Im richtigen Beispiel befindet sich das Steuerelement innerhalb des Clientbereichs und nicht im Fensterrahmen.

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

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

  • Verwenden Sie F11 für die Vollbild-Tastenkombination.

  • Wenn eine Symbolleiste vorhanden ist und der Vollbildmodus häufig verwendet wird, verwenden Sie auch eine grafische Symbolleistenschaltfläche mit einer Vollbild-QuickInfo.

    Screenshot der Vollbild- und rückgängig machen-Schaltflächen

    Beispiele für Vollbildsymbolsymbolschaltflächen.

  • So rückgängig machen Sie aus dem Vollbildmodus zurück:

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

Glas

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

  • Erwägen Sie, Glas strategisch in kleinen Regionen zu verwenden, die den Fensterrahmen ohne Text berühren. Dies kann einem Programm ein einfacheres, leichteres und zusammenhängenderes Aussehen verleihen, indem die Region als Teil des Rahmens erscheint.
  • Screenshot des Fensters mit lichtdurchlässigem Rand
  • 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 bedienen wäre.

Richtig:

Screenshot des Fensters mit vier Grafiken und Bezeichnung

In diesem Beispiel wird Glas verwendet, um dem Fenster ALT+TAB ein einfaches Aussehen 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 lenkt die Verwendung von Glas ab. Ein einfacher Fensterhintergrund wäre eine bessere Wahl.