Megosztás a következőn keresztül:


Ablakkeretek

Jegyzet

Ez a tervezési útmutató a Windows 7-hez készült, és nem frissült a Windows újabb verzióihoz. Az útmutató nagy része továbbra is elvben érvényes, de a bemutató és a példák nem tükrözik jelenlegi tervezési útmutatónkat.

A legtöbb programnak szabványos ablakkereteket kell használnia. A modern alkalmazások teljes képernyős móddal rendelkezhetnek, amely elrejti az ablakkeretet. Fontolja meg az üveg stratégiai használatát az egyszerűbb, könnyebb, összetartóbb megjelenés érdekében.

Egy ablakkerettel a felhasználók módosíthatják az ablakokat, és megtekinthetik a címet és az ikont a tartalmaik azonosításához.

képernyőfelvétel a jegyzettömb ablakkeretéről

Egy tipikus ablakkeret.

Megjegyzés:ablakkezelési és márkajelzési vonatkozó irányelveket külön cikkekben találhatja meg.

Tervezési fogalmak

Üvegablakkeretek

Az üvegablakkeretek a Microsoft Windows esztétikája egyik új aspektusa, amelynek célja, hogy vonzó és könnyű legyen. Ezek az áttetsző keretek nyitott, kevésbé tolakodó megjelenést biztosítanak a windowsoknak, így a felhasználók a tartalmat és a funkcionalitást helyezik előtérbe, nem pedig az azt körülvevő felületet.

képernyőfelvétel a számológép körüli üvegkeretről

Üveg ablakkeretek.

Az üveget stratégiailag használhatja az ablakkeretet érintő kis régiókban. Úgy tűnik, hogy az ilyen régiók az ablakkeret részét képezik, annak ellenére, hogy technikailag az ablak ügyfélterületének részei.

áttetsző élű ablak képe

Ebben a példában az ügyfélterületen üveget használunk, hogy úgy nézzen ki, mint a keret egy része.

Rejtett keretek

Néha a legjobb ablakkeret egyáltalán nem keret. Gyakran előfordul, hogy a elsődleges ablak a modern teljes képernyős alkalmazásokat, amelyeket más programokkal, például média lejátszókkal, játékokkal és kioszk alkalmazásokkal együtt nem használnak.

A tartalommegjelenítők gyakran élvezhetik a tartalom teljes képernyős megjelenítésének lehetőségét. Ilyenek például a Windows Internet Explorer, a Windows Live Photo Gallery, a Windows Movie Maker HD, a Microsoft PowerPoint és a Microsoft Word.

médialejátszó képernyőképe teljes képernyős nézetben

Ebben a példában a Windows Media Player teljes képernyősen jelenítheti meg a tartalmát.

Egyéni keretek

A Legtöbb Windows-alkalmazásnak a szabványos ablakkereteket kell használnia. A modern, teljes képernyős, különálló alkalmazásokhoz, például játékokhoz és kioszkalkalmazásokhoz azonban célszerű lehet egyéni kereteket használni minden olyan ablakhoz, amely nem jelenik meg teljes képernyősen. Az egyéni keretek használatának motivációja az, hogy az általános élményt egyedi érzetet adjon, nem csak márkaépítési.

firkált kép puzzle és keret

Az egyéni kereteket modern, teljes képernyős, különálló alkalmazásokhoz, például játékokhoz lehet használni.

Iránymutatások

Ablakkeretek

  • Használjon szabványos ablakkereteket.

    • Kivétel: A magával ragadó teljes képernyős, különálló alkalmazások egyedi érzetet kölcsönöznek:
      • Fontolja meg a elsődleges ablak ablakkeretének elrejtését.

      • Fontolja meg egyéni keretek használatát másodlagos ablak.

      • Ha az egyéni keret megfelelő, válasszon egy könnyű és nem túl nagy figyelmet magára húzó kialakítást.

        helytelen:

        képernyőfelvétel a zavaró keretről

        Ebben a példában az egyéni keret túl sok figyelmet fordít magára.

  • Ne adjon hozzá vezérlőket egy ablakkerethez. Helyezze inkább a vezérlőket az ablakba.

    helytelen:

    képernyőfelvétel az ablakkeret vezérlőeleméről

    Helyes:

    vezérlő képernyőképe az ügyfélterületen

    A helyes példában a vezérlő az ügyfélterületen belül van az ablakkeret helyett.

Teljes képernyős mód

  • Az opcionális teljes képernyős móddal rendelkező programok esetében a teljes képernyős mód engedélyezéséhez:

    • A menüsávon vagy az eszköztáron modális teljes képernyős parancsot használhat. Amikor a felhasználó a parancsra kattint, a parancs a kijelölt állapotában jelenik meg.

      teljes képernyős menüelemet tartalmazó ablak képernyőképe

      Ez a példa a teljes képernyős parancsot és a szokásos billentyűparancsát mutatja be.

  • Használja az F11-et a teljes képernyős billentyűparancshoz.

  • Ha van eszköztár, és a teljes képernyős módot gyakran használják, akkor a teljes képernyős elemleírást tartalmazó grafikus eszköztár gombot is használhatja.

    teljes képernyős képernyőkép, és a gombok visszaállítása

    Példák a teljes képernyős eszköztárgombokra.

  • Visszatérés a teljes képernyős módból:

    • A menüsávon vagy az eszköztáron modális teljes képernyős parancsot használhat. Amikor a felhasználó a parancsra kattint, a parancsot a törölt állapotában jelenítse meg.
    • Használja az F11-et a teljes képernyős billentyűparancshoz. Ha még nincs hozzárendelve, az Esc erre a célra is használható.

Üveg

A normál ablakkeretek automatikusan használják az üveget a Windowsban, de az ablakkeretet érintő régiókban is használhat üveget.

  • Fontolja meg az üveg stratégiai használatát kis régiókban, amelyek szöveg nélkül érintik az ablakkeretet. Ezzel egyszerűbb, könnyebb, egységesebb megjelenést adhat a programnak azáltal, hogy a régió a keret részét képezi.
  • áttetsző élű ablak képe
  • Ebben a példában a glass a vezérlők helyett a tartalomra összpontosítja a felhasználó figyelmét.
  • Ne használjon üveget olyan helyzetekben, amikor az egyszerű ablakháttér vonzóbb vagy könnyebben használható.

Helyes:

ablak képernyőképe négy ábrával és címkével

Ebben a példában az üveg az Alt+Tab ablak egyszerű megjelenését biztosítja. Az üveg azért működik ebben az ablakban, mert grafikus elemekből és egyetlen erős szöveges címkéből áll.

helytelen:

képernyőfelvétel az ablakról tizenkét grafikus

Ebben a helytelen példában az üveg használata zavaró. Az egyszerű ablakháttér jobb választás lenne.