Vensterframes

Notitie

Deze ontwerphandleiding is gemaakt voor Windows 7 en is niet bijgewerkt voor nieuwere versies van Windows. Veel van de richtlijnen zijn in principe nog steeds van toepassing, maar de presentatie en voorbeelden weerspiegelen niet onze huidige ontwerprichtlijnen.

De meeste programma's moeten standaardvensterframes gebruiken. Insluitende toepassingen kunnen een modus volledig scherm hebben waarmee het vensterframe wordt verborgen. Overweeg om glas strategisch te gebruiken voor een eenvoudigere, lichtere, samenhangendere look.

Met een vensterframe kunnen gebruikers een venster bewerken en de titel en het pictogram bekijken om de inhoud ervan te identificeren.

Een typisch raamkozijn.

Notitie: Richtlijnen met betrekking tot vensterbeheer en huisstijl worden in afzonderlijke artikelen gepresenteerd.

Ontwerpconcepten

Glazen raamkozijnen

De glazen raamkozijnen zijn een opvallend nieuw aspect van de Microsoft Windows-vormgeving, gericht op zowel aantrekkelijk als lichtgewicht. Deze doorzichtige frames geven vensters een open, minder intrusief uiterlijk, waardoor gebruikers zich kunnen concentreren op inhoud en functionaliteit in plaats van de interface eromheen.

Glazen raamkozijnen.

U kunt glas strategisch gebruiken in kleine regio's binnen een venster dat het raamkader aanraakt. Dergelijke regio's lijken deel uit te maken van het raamframe, ook al maken ze technisch gezien deel uit van het clientgebied van het venster.

In dit voorbeeld wordt glas gebruikt in het gebruikersgebied om het eruit te laten zien als een deel van het frame.

Verborgen frames

Soms is het beste raamframe helemaal geen frame. Dit is vaak het geval voor het primaire venster van insluitende toepassingen op volledig scherm die niet worden gebruikt in combinatie met andere programma's, zoals mediaspelers, games en kiosktoepassingen.

Inhoudsviewers profiteren vaak van de mogelijkheid om inhoud volledig scherm weer te geven. Voorbeelden zijn Windows Internet Explorer, Windows Live Photo Gallery, Windows Movie Maker HD, Microsoft PowerPoint en Microsoft Word.

In dit voorbeeld kan Windows Media Player de inhoud volledig scherm weergeven.

Aangepaste frames

De meeste Windows-toepassingen moeten gebruikmaken van de standaardvensterframes. Voor insluitende, volledige schermtoepassingen, zelfstandige toepassingen zoals games en kiosktoepassingen is het echter mogelijk geschikt om aangepaste frames te gebruiken voor vensters die niet op volledig scherm worden weergegeven. De motivatie om aangepaste frames te gebruiken, moet zijn om de algehele ervaring een uniek gevoel te geven, niet alleen voor huisstijl.

Aangepaste frames zijn geschikt voor insluitende, volledig scherm, zelfstandige toepassingen zoals games.

Richtsnoeren

Raamkozijnen

• Gebruik standaardvensterframes.

  • Uitzondering: Om insluitende volledig scherm, zelfstandige toepassingen een uniek gevoel te geven:

    • Overweeg het vensterkader van het primaire venster te verbergen.

    • Overweeg aangepaste frames te gebruiken voor secundair venster.

    • Als een op maat gemaakt frame geschikt is, kies dan een lichtgewicht ontwerp dat niet te veel aandacht op zichzelf vestigt.

      Onjuist:

      

      In dit voorbeeld trekt het aangepaste frame te veel aandacht naar zichzelf.

• Voeg geen bedieningselementen toe aan een vensterframe. Plaats de besturingselementen in het venster.

  Onjuist:

  

  Juist:

  

  In het juiste voorbeeld bevindt het besturingselement zich binnen het clientgebied in plaats van het vensterframe.

Modus Volledig scherm

• Voor programma's met een optionele modus voor volledig scherm om de modus Volledig scherm in te schakelen:

  • Een modale opdracht voor volledig scherm in de menubalk of werkbalk hebben. Wanneer de gebruiker op de opdracht klikt, geeft u de opdracht weer in de geselecteerde status.

    

    In dit voorbeeld ziet u de opdracht voor volledig scherm, samen met de standaardsneltoets.

• Gebruik F11 voor de sneltoets voor volledig scherm.

• Als er een werkbalk is en de modus Volledig scherm vaak wordt gebruikt, heeft u ook een knop voor de grafische werkbalkknop met een tooltip voor volledig scherm.

  

  Voorbeelden van werkbalkknoppen op volledig scherm.

• Ga als volgt te werk om terug te keren vanuit de modus Volledig scherm:

  • Een modale opdracht voor volledig scherm in de menubalk of werkbalk hebben. Wanneer de gebruiker op de opdracht klikt, geeft u de opdracht weer in de gewiste status.
  • Gebruik F11 voor de sneltoets voor volledig scherm. Als dit nog niet is toegewezen, kan Esc ook voor dit doel worden gebruikt.

Glas

Standaard raamkozijnen maken automatisch gebruik van glas in Windows, maar u kunt ook glas gebruiken in regio's die het raamkader aanraken.

• Overweeg om glas strategisch te gebruiken in kleine regio's die het raamkader zonder tekst aanraken. Dit kan een programma een eenvoudigere, lichtere, samenhangendere uitstraling geven door ervoor te zorgen dat de regio deel uitmaakt van het frame.
• 
• In dit voorbeeld richt glas de aandacht van de gebruiker op de inhoud in plaats van de besturingselementen.
• Gebruik geen glas in situaties waarin een gewone vensterachtergrond aantrekkelijker of gemakkelijker te gebruiken zou zijn.

Juist:

In dit voorbeeld wordt glas gebruikt om het Alt+Tab-venster een lichtgewicht uiterlijk te geven. Glas werkt voor dit venster omdat het bestaat uit afbeeldingen en één sterk tekstlabel.

Onjuist:

In dit onjuiste voorbeeld is het gebruik van glas storend. Een gewone vensterachtergrond zou een betere keuze zijn.