Fotogrammi finestra

Nota

Questa guida alla 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 correnti sulla progettazione.

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

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

Cornice di finestra tipica.

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

Concetti relativi alla progettazione

Cornice finestra in vetro

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

Cornice finestra in vetro.

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

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

Fotogrammi nascosti

A volte la cornice della finestra migliore non è affatto cornice. Questo è spesso il caso per la finestra primaria delle applicazioni a schermo intero immersivo che non vengono usate insieme ad altri programmi, ad esempio lettori multimediali, giochi e applicazioni tutto schermo.

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

In questo esempio, Lettore multimediale Windows può visualizzarne il contenuto a schermo intero.

Frame personalizzati

La maggior parte delle applicazioni Windows deve usare i fotogrammi di finestra standard. Tuttavia, per applicazioni immersive, a schermo intero, come giochi e applicazioni tutto schermo, potrebbe essere appropriato usare fotogrammi personalizzati per tutte le finestre che non sono visualizzate a schermo intero. La motivazione per l'uso di frame personalizzati deve essere quella di dare all'esperienza complessiva un'esperienza unica, non solo per la personalizzazione.

I fotogrammi personalizzati sono appropriati per applicazioni immersive, a schermo intero, come giochi.

Indicazioni

Fotogrammi finestra

• Usare fotogrammi finestra standard.

  • Eccezione: Per offrire una schermata completa immersiva, le applicazioni autonome sono un'esperienza unica:

    • Si consideri di nascondere la cornice di finestra della finestra primaria.

    • Prendere in considerazione l'uso di frame personalizzati per la finestra secondaria.

    • Se una cornice personalizzata è appropriata, scegliere un design leggero e non attira troppo attenzione a se stesso.

      Non corretto:

      

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

• Non aggiungere controlli a un frame di finestra. Inserire invece i controlli all'interno della finestra.

  Non corretto:

  

  Corretto:

  

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

Modalità schermo intero

• Per i programmi che dispongono di una modalità schermo intero facoltativa, per abilitare la modalità schermo intero:

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

    

    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 esiste 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 Full screen.

  

  Esempi di pulsanti della barra degli strumenti a schermo intero.

• Per ripristinare la modalità schermo intero:

  • Avere un comando a schermo intero modale 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à assegnato, esc può essere usato anche per questo scopo.

Vetro

I fotogrammi 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 di vetro in aree piccole 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 apparire l'area come parte della cornice.
• 
• In questo esempio, vetro concentra l'attenzione dell'utente sul contenuto anziché sui controlli.
• Non usare vetro in situazioni in cui uno sfondo di finestra normale sarebbe più attraente o più facile da usare.

Corretto:

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.

Non corretto:

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