Condividi tramite


Fotogrammi finestra

Nota

Questa guida di progettazione è stata creata per Windows 7 e non è stata aggiornata per le versioni più recenti di Windows. Gran parte delle linee guida si applica ancora in linea di principio, ma la presentazione e gli esempi non riflettono le linee guida di progettazione correnti .

La maggior parte dei programmi deve usare frame di finestra standard. Le applicazioni immersive possono avere una modalità schermo intero che nasconde la cornice della finestra. Prendi in considerazione l'uso strategico del vetro per un aspetto più semplice, più leggero e coeso.

Con una cornice di finestra, gli utenti possono modificare una finestra e visualizzare il titolo e l'icona per identificarne il contenuto.

schermata della cornice della finestra intorno alla finestra del Blocco note

Cornice di finestra tipica.

Nota: Linee guida relative alla gestione delle finestre e personalizzazione vengono presentate in articoli separati.

Concetti di progettazione

Cornici finestra di vetro

Le cornici della finestra di vetro sono un nuovo aspetto sorprendente dell'estetica di Microsoft Windows, che punta a essere sia attraente che leggero. Questi fotogrammi traslucenti offrono alle finestre un aspetto aperto e meno invadente, consentendo agli utenti di concentrarsi sul contenuto e sulle funzionalità anziché sull'interfaccia che lo circonda.

schermata della cornice di vetro intorno alla calcolatrice

Cornici finestra di vetro.

È possibile usare il vetro in modo strategico in piccole aree all'interno di una finestra che tocca la cornice della finestra. Tali aree sembrano far parte della cornice della finestra, anche se tecnicamente fanno parte dell'area client della finestra.

schermata della finestra con bordo traslucente

In questo esempio, il vetro viene usato nell'area client per renderlo come parte del telaio.

Cornici nascoste

A volte la cornice della finestra migliore non è affatto cornice. Questo è spesso il caso della finestra principale di applicazioni immersive a schermo intero non usate insieme ad altri programmi, ad esempio lettori multimediali, giochi e applicazioni in modalità tutto schermo.

I visualizzatori di contenuti spesso traggono vantaggio dalla possibilità di visualizzare il contenuto a schermo intero. Alcuni esempi includono Windows Internet Explorer, Raccolta foto live di Windows, Windows Movie Maker HD, Microsoft PowerPoint e Microsoft Word.

schermata del lettore multimediale nella visualizzazione a schermo intero

In questo esempio Windows Media Player può visualizzarne il contenuto a schermo intero.

Frame personalizzati

La maggior parte delle applicazioni Windows deve usare i frame di finestra standard. Tuttavia, per applicazioni immersive, a schermo intero, autonome come giochi e applicazioni in modalità tutto schermo, può essere opportuno usare fotogrammi personalizzati per tutte le finestre che non vengono visualizzate a schermo intero. La motivazione all'uso di frame personalizzati deve essere quella di dare all'esperienza complessiva un'esperienza unica, non solo per branding.

illustrazione di puzzle e cornice scrambled

I fotogrammi personalizzati sono appropriati per applicazioni immersive, a schermo intero e autonome, ad esempio giochi.

Istruzioni

Fotogrammi finestra

  • Usa frame di finestra standard.

    • Eccezione: Per offrire applicazioni immersive a schermo intero, autonome, un'atmosfera unica:
      • È consigliabile nascondere la cornice della finestra finestra primaria.

      • È consigliabile usare frame personalizzati per finestra secondaria.

      • Se un frame personalizzato è appropriato, scegliere un design leggero e non attira troppo attenzione a se stesso.

        risposta errata:

        schermata di distrazione dei fotogrammi

        In questo esempio, la cornice personalizzata attira troppo attenzione a se stessa.

  • Non aggiungere controlli a una cornice finestra. Inserire invece i controlli all'interno della finestra.

    risposta errata:

    schermata del controllo nella finestra cornice

    risposta esatta:

    schermata del controllo nell'area client

    Nell'esempio corretto, il controllo si trova all'interno dell'area client anziché della cornice della finestra.

Modalità schermo intero

  • Per i programmi con modalità schermo intero facoltativo, per abilitare la modalità schermo intero:

    • Disporre di un comando modale a schermo intero nella barra dei menu o nella barra degli strumenti. Quando l'utente fa clic sul comando, mostra il comando nello stato selezionato.

      schermata della finestra con la voce di menu a schermo intero

      Questo esempio mostra il comando a schermo intero insieme al tasto di scelta rapida standard.

  • Usare F11 per il tasto di scelta rapida a schermo intero.

  • Se è presente una barra degli strumenti e la modalità schermo intero viene comunemente usata, è disponibile anche un pulsante della barra degli strumenti grafico con una descrizione comando schermo intero.

    schermata dei pulsanti a schermo intero e ripristinare i pulsanti

    Esempi di pulsanti della barra degli strumenti a schermo intero.

  • Per ripristinare la modalità schermo intero:

    • Disporre di un comando modale a schermo intero nella barra dei menu o nella barra degli strumenti. Quando l'utente fa clic sul comando, mostra il comando nello stato cancellato.
    • Usare F11 per il tasto di scelta rapida a schermo intero. Se non è già stato assegnato, esc può essere usato anche a questo scopo.

Vetro

Le cornici delle finestre standard usano automaticamente il vetro in Windows, ma è anche possibile usare il vetro nelle aree che toccano la cornice della finestra.

  • Prendere in considerazione l'uso strategico del vetro in piccole aree che toccano la cornice della finestra senza testo. In questo modo un programma può dare un aspetto più semplice, più leggero e più coeso facendo sembrare che l'area sembri parte del frame.
  • schermata della finestra con bordo traslucente
  • In questo esempio, glass concentra l'attenzione dell'utente sul contenuto anziché sui controlli.
  • Non usare vetro in situazioni in cui uno sfondo di una finestra normale sarebbe più attraente o più facile da usare.

risposta esatta:

schermata della finestra con quattro elementi grafici ed etichette

In questo esempio, il vetro viene usato per dare alla finestra ALT+TAB un aspetto leggero. Vetro funziona per questa finestra perché è costituito da grafica e una singola etichetta di testo forte.

risposta errata:

schermata della finestra con dodici grafici

In questo esempio errato, l'uso del vetro è distratto. Uno sfondo di una finestra normale sarebbe una scelta migliore.