Informazioni su Expression Blend

Microsoft Expression Blend è uno strumento visivo per la progettazione e la creazione di prototipi di applicazioni desktop e Web. Consente di generare un'applicazione disegnando le forme, disegnando i controlli come i pulsanti e le caselle di riepilogo, facendo in modo che i pezzi dell'applicazione rispondano alle selezioni del mouse e agli input dell'utente e creando uno stile unico per ogni cosa.

Importante:
SketchFlow è disponibile solo in Expression Studio Ultimate.

L'esempio BeeHive mostra il disegno di un oggetto che risponderà a una collisione con un altro oggetto

È inoltre possibile inserire le immagini, le clip audio e video e i controlli personalizzati dalle librerie SDK o di terze parti. Quello che verrà visualizzato sulla superficie di progettazione in Expression Blend è quello che gli utenti vedranno quando eseguiranno l'applicazione.

L'esempio Zune3D mostra le immagini e gli oggetti ruotati in una trasformazione di proiezione 3D

Con SketchFlow, un insieme di funzionalità disponibile solo in Expression Studio Ultimate, è possibile creare prototipi che sono applicazioni funzionanti, anziché immagini statiche che devono essere selezionate per rendere l'idea dell'applicazione finale.

Lo sviluppo dell'esempio PCGaming mostra la progressione di un documento

Con Expression Blend per Windows Phone, disponibile quando si scaricano gli strumenti di sviluppo Windows Phone Developer Tools , è possibile compilare in modo facile e veloce applicazioni Silverlight per Windows Phone. Per creare un'applicazione Windows Phone è possibile utilizzare gli strumenti di progettazione disponibili in Expression Blend, inclusi i modelli di Windows Phone, gli strumenti di animazione e grafica, i comportamenti predefiniti e i dati di esempio. Dopo aver creato l'applicazione Windows Phone, è possibile compilarla e visualizzarla in anteprima nell'emulatore predefinito di Windows Phone oppure in un dispositivo Windows Phone collegato al computer.

In Expression Blend, si lavora sulle parti reali di un'applicazione, ma è tuttavia possibile disegnare e creare uno stile per ogni cosa in modo facile come per gli altri software di illustrazione. Per disegnare qualcosa che rappresenti un controllo interattivo, è possibile selezionare e disegnare realmente un controllo funzionante (come un pulsante o un elenco di controllo) e quindi applicare uno stile.

L'esempio ColorSwatchSL, mostra i due stili personalizzati (ItemContainerStyle, quindi ItemsPanel) applicati a un controllo ListBox per visualizzare gli elementi disposti a ventaglio in un cerchio

La funzionalità dell'applicazione è garantita automaticamente da due tecnologie avanzate: Microsoft Silverlight e Windows Presentation Foundation (WPF). Con Expression Blend è possibile creare siti Web e applicazioni basati su Silverlight e applicazioni desktop basate su WPF.

Suggerimento:
Gli esempi forniti con Expression Blend possono essere aperti dal menu ? facendo clic sulla Schermata iniziale, selezionando la scheda Esempi e quindi il relativo nome dall'elenco. Per generare ed eseguire un esempio, premere F5.

Funzionamento di Expression Blend

In Expression Blend è possibile progettare l'applicazione visivamente, disegnare forme, tracciati e controlli sulla tavola da disegno e quindi modificarne l'aspetto e il comportamento. È possibile importare immagini, video e suoni. Nelle applicazioni Windows è inoltre possibile importare e modificare oggetti 3D.

È possibile creare storyboard nei quali vengono animati gli elementi visivi o audio del progetto e, facoltativamente, avviare gli storyboard quando l'utente interagisce con l'applicazione. Quando si lavora su applicazioni basate su Windows o su Silverlight, è possibile riprogettare i modelli che sono applicati ai controlli di base in modo da rendere unici l'aspetto e il comportamento dell'applicazione.

Quando si lavora sull'applicazione, è possibile aggiornare il progetto in qualsiasi momento con i file code-behind o i file di controllo personalizzati sui quali i programmatori stanno lavorando. Quando si utilizza Expression Blend, i progettisti e i programmatori possono lavorare sullo stesso progetto contemporaneamente senza intralciarsi.

Quali altre applicazioni funzionano con Expression Blend?

È possibile importare gli elementi grafici e le risorse XAML (Extensible Application Markup Language) che sono generate da Microsoft Expression Design nel progetto di Expression Blend. È possibile importare i progetti multimediali Silverlight che sono creati in Microsoft Expression Encoder, per aggiungere nuove funzioni o elementi visivi al progetto o per modificare il modello del lettore multimediale che può essere riutilizzato in Expression Encoder.

In Microsoft Expression Web, è possibile importare i siti Web Silverlight e i file dell'applicazione Silverlight non compilati in un progetto nuovo o esistente e quindi pubblicare il lavoro.

Microsoft Visual Studio 2010 interagisce facilmente con Expression Blend per rimanere in sincronia quando si modificano simultaneamente i file in Visual Studio 2010 e Expression Blend. In Expression Blend è possibile aprire singoli file code-behind o un intero progetto in Visual Studio 2010. È inoltre possibile utilizzare gli strumenti di distribuzione di Visual Studio 2010 per distribuire le applicazioni realizzate.

Tipi di applicazioni che è possibile realizzare con Expression Blend

Expression Blend produce le applicazioni Windows Presentation Foundation (WPF), i siti Web Silverlight (file .xap e di supporto) e i controlli utente di Silverlight. La struttura visiva è rappresentata da XAML. Così come l'HTML è il linguaggio di markup per le applicazioni Web, XAML è il linguaggio di markup per WPF.

Per ulteriori informazioni su XAML e WPF, vedere Utilizzo di XAML e Risorse per la formazione e la community.

Caratteristiche incluse in Expression Blend

Expression Blend include le caratteristiche seguenti:

• SketchFlow, un insieme di funzionalità per la creazione di prototipi che sono effettive applicazioni WPF o Silverlight, è incluso in Expression Studio Ultimate.

• Expression Blend per Windows Phone, disponibile quando si scaricano gli strumenti di sviluppo Windows Phone Developer Tools .

• Una suite completa di strumenti di disegno vettoriali, che include strumenti di testo e tridimensionali (3D).

• Un'interfaccia visiva moderna di facile utilizzo con pannelli ancorabili e menu di scelta rapida per gli oggetti

• Animazione in tempo reale.

• Supporto di elementi multimediali e 3D, per migliorare l'esperienza degli utenti.

• Supporto di transizione ed effetti, per migliorare l'esperienza degli utenti.

• Modelli di progetto per Views e ViewModels.

• Opzioni di personalizzazione e definizione grafica avanzate, flessibili e riutilizzabili per vari controlli comuni.

• Ottimi punti di integrazione per origini dati e risorse esterne.

• Visualizzazioni di progettazione e markup in tempo reale.

• Funzioni di importazione di oggetti grafici da Expression Design.

• Funzioni di importazione di siti da Expression Encoder.

• Interoperabilità con Visual Studio 2010, per consentire a progettisti e sviluppatori di collaborare in team in modo più stretto ed efficiente

Per ulteriori informazioni sulle novità di Expression Blend, vedere Novità di Expression Blend.

Tipi di applicazioni di destinazione

Expression Blend è ottimizzato per la realizzazione dei tipi di applicazioni seguenti:

• Applicazioni di produttività   Applicazioni che migliorano la produttività e l'efficienza per una più ampia base di clienti, oltre ad applicazioni line-of-business come Microsoft Office.

• Applicazioni Windows Phone   Applicazioni progettate per essere eseguite nel Windows Phone.

• Applicazioni consumer   Applicazioni come lettori multimediali, strumenti di protezione, gadget per desktop.

• Giochi   Semplici giochi per desktop oppure online destinati allo svago.

• Chioschi multimediali   Applicazioni da eseguire su chioschi multimediali, con cui l'utente può interagire per ottenere informazioni, visualizzare elenchi di prodotti, eseguire il check in all'aeroporto e così via.

• Utilità per professionisti IT   Strumenti per la gestione di processi di piccole dimensioni, ad esempio strumenti per il rilevamento di bug, creati unicamente per soddisfare le esigenze di un'azienda o di un cliente specifico.

Procedure consigliate

Alcune idee di progettazione sono valide perché consentono di migliorare l'utilizzo. Di seguito sono descritte alcune tecniche comuni che è possibile utilizzare con Expression Blend e Microsoft .NET Framework per semplificare l'utilizzo di un'applicazione:

• Basarsi sul mondo reale   È possibile utilizzare interazioni ed elementi visivi personalizzati per attribuire a controlli specifici l'aspetto e il comportamento delle rispettive controparti reali. Questa tecnica è più indicata quando gli utenti conoscono e utilizzano già l'oggetto reale e tale approccio è il metodo migliore e più efficiente per eseguire l'operazione. Ad esempio, una semplice utilità come una calcolatrice è più facile da utilizzare se assomiglia a una calcolatrice reale.

• Illustrare anziché spiegare   È possibile utilizzare animazioni e transizioni per illustrare relazioni, cause ed effetti. Questa tecnica è particolarmente indicata quando le informazioni includono aspetti che gli utenti potrebbero non cogliere e per i quali sarebbe altrimenti necessario un testo esplicativo. Nel caso di un libro per bambini, ad esempio, è possibile utilizzare un'animazione per voltare pagina al fine di illustrare il funzionamento dei controlli.

• Aumentare l'intuitività   L'intuitività è la proprietà di un oggetto che consente di intuirne l'utilizzo, senza che sia necessario inserire un'etichetta esplicativa. È possibile utilizzare elementi visivi e animazioni con controlli personalizzati per suggerire l'utilizzo dei controlli non standard.

• Utilizzare l'associazione naturale   Per associazione naturale si intende una relazione chiara tra ciò che l'utente desidera fare e il modo in cui eseguire tale operazione. È possibile utilizzare interazioni e aspetti personalizzati per creare associazioni naturali quando i controlli comuni standard non risultano adatti.

• Ridurre le conoscenze necessarie   È possibile utilizzare interazioni personalizzate per limitare le conoscenze necessarie e i modi possibili per eseguire un'operazione.

• Migliorare il feedback   È possibile associare elementi visivi e animazioni ai controlli personalizzati per fornire agli utenti un feedback che indichi se una determinata operazione è stata eseguita correttamente o meno oppure per mostrare lo stato attuale di un'attività in corso. Ad esempio, la barra degli indirizzi di Internet Explorer in Windows Vista e Windows°7 indica lo stato di avanzamento del caricamento della pagina in background.

• Semplificare l'interazione con gli oggetti   Secondo un modello del movimento umano, noto come legge di Fitts, lo sforzo necessario per fare clic su un elemento è direttamente proporzionale alla distanza e inversamente proporzionale alla dimensione dello stesso. È ad esempio possibile utilizzare animazioni per ingrandire gli oggetti quando il puntatore si avvicina e rimpicciolirli quando si allontana. In tal modo, gli oggetti risultano più facili da selezionare. Questo metodo consente inoltre di utilizzare in modo più efficiente lo spazio sullo schermo, riducendo in modo naturale le dimensioni degli oggetti.

• Focalizzazione   È possibile utilizzare elementi visivi rich-layout e personalizzati per evidenziare gli elementi dello schermo che sono necessari per l'attività e mettere in secondo piano quelli secondari.

[!NOTA]

Se si progettano applicazioni per Windows, è consigliabile attenersi a Windows User Experience Interaction Guidelines  (Linee guida per l'ambiente utente di Windows) in modo da definire una base coerente e di qualità per tutte le applicazioni basate su Windows, indipendentemente dalla modalità di implementazione.

Vedere anche

Concetti

Novità di Expression Blend
Risorse per la formazione e la community

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.