Ramki okienne

Większość programów powinna używać standardowych ramek okiennych. Aplikacje immersyjne mogą mieć tryb pełnoekranowy, który ukrywa ramkę okna. Rozważ użycie szkła strategicznie, aby uzyskać prostszy, jaśniejszy, bardziej spójny wygląd.

Za pomocą ramki okna użytkownicy mogą manipulować oknem i wyświetlać tytuł i ikonę, aby zidentyfikować jego zawartość.

Typowa ramka okna.

Uwaga: wytyczne związane z zarządzaniem oknami i znakowaniem są prezentowane w oddzielnych artykułach.

Pojęcia dotyczące projektowania

Szklane ramki okienne

Szklane ramy okienne są uderzającym nowym aspektem estetyki systemu Microsoft Windows, mającego na celu zarówno atrakcyjne, jak i lekkie. Te przezroczyste ramki dają okna otwarte, mniej uciążliwe wygląd, pomagając użytkownikom skupić się na zawartości i funkcjonalności, a nie na interfejsie otaczającym go.

Szklane ramki okienne.

Można używać szkła strategicznie w małych regionach w oknie, które dotykają ramy okiennej. Takie regiony wydają się być częścią okna, mimo że technicznie są one częścią obszaru klienta okna.

W tym przykładzie szkło jest używane w obszarze klienta, aby wyglądało jak część ramki.

Ukryte ramki

Czasami najlepsza ramka okna nie jest w ogóle ramką. Jest to często w przypadku okna podstawowego immersyjnych pełnoekranowych aplikacji, które nie są używane w połączeniu z innymi programami, takimi jak odtwarzacze multimedialne, gry i aplikacje kiosku.

Osoby przeglądające zawartość często korzystają z opcji wyświetlania zawartości pełnoekranowej. Przykłady to: Windows Internet Explorer, Windows Live Photo Gallery, Windows Movie Maker HD, Microsoft PowerPoint i Microsoft Word.

W tym przykładzie program Windows Media Player może wyświetlić jego zawartość na pełnym ekranie.

Ramki niestandardowe

Większość aplikacji systemu Windows powinna używać standardowych ramek okien. Jednak w przypadku immersyjnych, pełnoekranowych aplikacji autonomicznych, takich jak gry i aplikacje kiosku, warto używać niestandardowych ramek dla okien, które nie są wyświetlane pełnoekranowo. Motywacją do korzystania z niestandardowych ramek powinno być nadanie ogólnemu doświadczeniu wyjątkowego wrażenia, a nie tylko dla znakowania.

Niestandardowe ramki są odpowiednie dla immersyjnych, pełnoekranowych aplikacji autonomicznych, takich jak gry.

Wytyczne

Ramki okienne

• Użyj standardowych ramek okiennych.

  • Wyjątek: Aby zapewnić immersywny pełny ekran, aplikacje autonomiczne są unikatowe:

    • Rozważ ukrycie ramki okna okna podstawowego.

    • Rozważ użycie niestandardowych ramek dla okna pomocniczego .

    • Jeśli ramka niestandardowa jest odpowiednia, wybierz projekt, który jest lekki i nie zwraca zbyt dużej uwagi na siebie.

      niepoprawne:

      

      W tym przykładzie ramka niestandardowa zwraca zbyt dużą uwagę na siebie.

• Nie dodawaj kontrolek do ramki okna. Zamiast tego umieść kontrolki w oknie.

  niepoprawne:

  

  poprawna:

  zrzut ekranu

  W poprawnym przykładzie kontrolka znajduje się w obszarze klienta, a nie w ramce okna.

Tryb pełnoekranowy

• W przypadku programów z opcjonalnym trybem pełnoekranowym, aby włączyć tryb pełnoekranowy:

  • Na pasku menu lub pasku narzędzi ma modalne polecenie pełnoekranowe. Gdy użytkownik kliknie polecenie, pokaż polecenie w wybranym stanie.

    

    W tym przykładzie pokazano polecenie pełnoekranowe wraz ze standardowym skrótu.

• Użyj F11, aby użyć skrótu pełnoekranowego.

• Jeśli jest często używany pasek narzędzi i tryb pełnoekranowy, również ma przycisk paska narzędzi graficznego z etykietką narzędzia Pełnoekranowa.

  

  Przykłady przycisków paska narzędzi pełnoekranowego.

• Aby przywrócić tryb pełnoekranowy:

  • Na pasku menu lub pasku narzędzi ma modalne polecenie pełnoekranowe. Gdy użytkownik kliknie polecenie, pokaż polecenie w stanie wyczyszczonego.
  • Użyj F11, aby użyć skrótu pełnoekranowego. Jeśli jeszcze nie przypisano, w tym celu można również użyć Esc.

Szkło

Standardowe ramy okienne automatycznie używają szkła w systemie Windows, ale można również używać szkła w regionach, które dotykają ramy okiennej.

• Rozważ użycie szkła strategicznie w małych regionach dotykających ramkę okna bez tekstu. Może to dać programowi prostszy, jaśniejszy, bardziej spójny wygląd, dzięki czemu region wydaje się być częścią ramki.
• 
• W tym przykładzie szkło koncentruje uwagę użytkownika na zawartości zamiast kontrolek.
• Nie używaj szkła w sytuacjach, gdy zwykłe tło okna byłoby bardziej atrakcyjne lub łatwiejsze w użyciu.

poprawna:

W tym przykładzie szkło służy do zapewniania lekkiego wyglądu okna Alt+Tab. Szkło działa dla tego okna, ponieważ składa się z grafiki i pojedynczej silnej etykiety tekstowej.

niepoprawne:

W tym niepoprawnym przykładzie użycie szkła rozprasza uwagę. Tło zwykłego okna byłoby lepszym wyborem.