Disegnare interfacce utente con Adobe Flash Catalyst

FORMAZIONE Adobe Flash Catalyst

Ergonomia ed usabilità delle interfacce utente per applicazioni Flex 4 ed AIR 2

	Corso Ufficiale Adobe svolto da un Adobe Master Instructor. Scopri i benefici di partecipare ad un corso ufficiale Adobe in un Adobe Authorised Training Center.

DATA:	Svolgimento su richiesta
ORARIO:	3 Lezioni consecutive. Ciascuna lezione ha la durata di 6 ore e si svolge nella fascia oraria compresa tra le 9,30 e le 16,30 (con 1 ora di pausa per il pranzo)
SEDI:	Roma: via Raffaele Piria 23 (Metro linea B, fermata Rebibbia) Milano: via Imperia, 2 Londra: Lafone House, The Leathermarket - Weston Street New York: 71 West 23rd Street - Suite 515
NUMERO PARTECIPANTI	Fino a 10

Prerequisiti

Conoscenza dei maggiori software utilizzati per il web design (Adobe Illustrator, Photoshop, Flash ecc.) e delle dinamiche di base relative al mondo del web.

Overview

Adobe Flash Catalyst è un tool professionale per designers che permette di creare interfacce utente interattive senza dover scrivere una riga di codice. Attualmente è disponibile in versione beta ed è possibile importare grafica realizzata con Adobe Photoshop e Adobe Illustrator.
Flash Catalyst permetterà a designer e developer di collaborare parallelamente allo sviluppo di Rich Interactive application, sarà possibile anche realizzare dei prototipi su cui lavorare per arrivare al rilascio della applicazione definitiva. Sarà quindi più semplice comunicare con il cliente finale mostrandogli presentazioni interattive piuttosto che immagini statiche. Si potrà creare rapidamente un file SWF o fornire il progetto ai developers perchè lo integrino con nuove funzionalità.
Questi e altri argomenti verranno approfonditi durante questo corso pratico e teorico, che vi permetterà di restare al passo con l’evoluzione del web design, dandovi gli strumenti necessari per potervi proporre sul mercato con una maggiore professionalità.

Obiettivi formativi

Questo corso è rivolto a web designer che desiderano acquisire conoscenze teoriche e pratiche di base per la realizzazione di Rich Internet Applications con il nuovo software Adobe Flash Catalyst.

Dotazione PC

E’ previsto che ciascun partecipante sia munito di proprio notebook avente i segg. requisiti minimi per partecipare al corso Sviluppare Rich Internet Applications con le nuove Flex 3 SDK:

Intel Pentium 4 processor
Microsoft Windows XP with Service Pack 2, Windows XP Professional, Windows 2000 Server, or Windows Server 2003
1 GB of memory
300 MB of available hard-disk space to install

Coloro che fossero sprovvisti di un notebook con tali caratteristiche, potranno noleggiare un PC per l’intero corso. Si prega in tal caso di informare l’organizzazione con qualche giorno di preavviso.

Materiale didattico e coordinamento

L’offerta formativa è completata dal seguente libro di testo che verrà fornito ad ogni alunno:

Professional Flash Catalyst: Building User Experiences for Rich Internet Applications
Editore: Wrox
Autore: Marco Casario, Bill Sanders, Toby Tremayne

Il coordinamento di questo corso è svolto da Marco Casario

Programma

Rich Interactive Applications

Concetto di base
Il valore e la forza delle RIA
I vantaggi rispetto all’HTML
Contesti in cui utilizzarle (applicazioni gestionali, siti, widgets ecc.)

Workflow nel design di Rich Interactive application oggi:

Presa visione delle specifiche del progetto
Studio sulle funzionalità dell’applicazione
Studio usabilità/accessibilità dell’interfaccia
Studio della proposta grafica per il cliente
Developer e designer: realizzazione dell'interfaccia definitiva

Realizzazione proposta grafica per il cliente

Gli elementi che costituiscono una RIA
L’organizzazione dei dati
Sviluppare un sistema visivo comprensibile
Utilizzare colori, grandezze o altri elementi grafici per chiarire il flusso di informazioni
Realizzare icone incisive a supporto della navigazione
Fluidità e immediatezza: il giusto mix

Creazione degli elementi per l'interfaccia

Utilizzare gli stili di default
Personalizzare i componenti con Flex Style Explorer
Creare componenti con Adobe Illustrator, Adobe Photoshop e Adobe Flash
Utilizzare la tecnica dello Scale-9
Realizzare il file SWF per il developer
Indicare gli effetti di supporto alla navigazione dell’interfaccia

Introduzione a Adobe Flash Catalyst

Caratteristiche generali
La forza di Flash Catalyst
Features principali

Design workflow di un'applicazione con Adobe Flash Catalyst

Wireframing funzionale e visivo
Disegnare prototipi interattivi: addio screenshot statici!
Design workflow: cosa cambia e cosa no

Iniziare un nuovo progetto con Flash Catalyst

Importare layout realizzati con Adobe Illustrator o Adobe Photoshop
Creare un nuovo progetto
Il concetto di stato e pagina

Introduzione all'interfaccia di Flash Catalyst

Lavorare con pagine e stati
I tools di disegno e selezione
La Timeline
Il pannello delle proprietà
La libreria: creare, esportare e condividere gli elementi in altri progetti

Gestire i componenti con Flash Catalyst

Aggiungere componenti
Creare un componente generico
Inserire elementi nei diversi stati
Modificare lo skin dei componenti con Adobe Illustrator o Adobe Photoshop

Effetti e animazioni

Applicare gli effetti sui componenti
Aggiungere le transizioni tra pagine/stati
Realizzare animazioni introduttive

La fase conclusiva del workflow

Esportare il file .fxg per il developer
Esportare un file SWF per il cliente