Come creare prototipi in Flash CS3

Non c'è bisogno di essere un esperto di Flash per creare prototipi. La flessibilità del programma permette la prototipazione con una conoscenza limitata di ActionScript 3 . Prototipazione rapida consente agli utenti di visualizzare il prodotto finale . Flash permette di creare prototipi di varia fedeltà ( come da vicino il prototipo assomiglia al prodotto finale) , rendendo più semplice per aggiornare i livelli interattivi e concetti di design da wireframe semplici a dettagliati, disegni completati. Istruzioni
Preparazione
1

Creare immagini che rappresentano le schermate e gli stati richiesti, utilizzando software come Fireworks , Photoshop o Corel . La fedeltà delle immagini può essere ovunque da wireframe a disegni visive ( vedi riferimento 2) .
2

Open Flash e fare clic su "File ", quindi fare clic su "Nuovo" e quindi fare clic su "File Flash ( ActionScript 3.0) "nel menu che si apre. Fare clic su "Finestra" nel menu principale , quindi fare clic su "Proprietà" e quindi fare clic su "Proprietà" di nuovo nel menu pull- out . Digitare " 1024px " nel campo "W" e " 768px " nel campo "H" .
3

Salvare il file facendo clic su " File" nel menu principale , quindi facendo clic su " Salva con nome ", digitare un nome ( ad esempio" proto " ) e facendo clic su " Salva ".
4

Importare le immagini facendo clic su " File ", quindi facendo clic su " Importa "e poi cliccando su " Importa nella libreria " . Sfoglia per cui le immagini vengono poi cliccare su " Apri". Se le immagini sono in sequenza , Flash verrà automaticamente importare come fotogramma chiave del livello selezionato , altrimenti dovrete aggiungere fotogrammi chiave facendo clic destro sulla cornice , quindi facendo clic su " Inserisci fotogramma chiave " nel menu pull- out per ogni immagine ( vedi riferimento 3) .
5

Nome dello strato di " filo " con un doppio clic su "Livello 1 " e premendo "Invio" sulla tastiera. Aggiungere fotogrammi chiave tra le immagini sulla timeline facendo clic sul primo fotogramma chiave e premendo il tasto " F5 " sulla tastiera quattro volte ( vedi riferimento 2) .
6

Fai la tua immagine nomi cornici facendo clic su " Finestra " nel menu principale , quindi facendo clic su "Proprietà" e quindi facendo clic su "Proprietà" di nuovo nel menu pull- out . Con una cornice di immagine evidenziata , digitare il nome dell'immagine nel campo " Etichetta fotogramma " . Ripetere questa procedura per le altre immagini ( vedi riferimento 2) .
7

Create un nuovo livello facendo clic su " Inserisci livello " nella parte inferiore della timeline e chiamandolo " AS3 ". Fai clic destro sul fotogramma 1 del livello " AS3 " , quindi fare clic su " Azione " nel menu pull- out . Digitare il seguente codice:
arresto

();

( . Vedi riferimento 2)
Button
8

doppio fare clic su " Colore riempimento " sulla barra degli strumenti , quindi fare clic su "Nessuno" per il colore (sarà la scatola con una linea rossa diagonale) . Fare doppio clic su " Colore tratto " nella barra degli strumenti e immettere un valore di " 3 " per la "Corsa Altezza ", quindi fare clic su qualsiasi colore ( vedi riferimento 2) .
9

Fare clic sullo strumento " Rettangolo " nella barra degli strumenti e , tenendo premuto il mouse , trascina sul palco per disegnare un rettangolo . Il rettangolo dovrebbe essere una dimensione appropriata per le aree cliccabili . Fare clic sullo strumento " Rettangolo " , poi nel menu principale cliccare su "Modifica ", quindi su "Convert to Nuovo simbolo " nel menu pull- out . Fare clic sulla casella "Button " radiale e digitare " Button_btn " per il nome ( vedi riferimento 2) .
10

doppio clic sul pulsante per entrare nella sua linea temporale . Fai clic destro sul fotogramma etichettato "Hit ", e scegliere " Inserisci fotogramma chiave . " Cambiare il colore del pulsante . Fare lo stesso per "Over ". Eliminare il colore per " Up ". Questo vi darà un pulsante invisibile che verrà evidenziato quando l'utente mouses su di esso . Fare clic su " Scena 1 " nella parte inferiore della timeline per uscire dalla linea temporale del pulsante . Eliminare il pulsante dal palco ( vedi riferimento 2) .
11

creare un nuovo livello facendo clic su " Inserisci livello " nella parte inferiore della linea temporale , e il nome del nuovo "Pulsanti ". Strato Inserire fotogrammi chiave nel layer " pulsanti" sugli stessi numeri di telaio come le immagini nel livello di "Wire " ( vedi riferimento 2) .
12

Trascina un "Button " dalla libreria e posizionarlo sul il palco . Fare clic su "Finestra" nel menu principale , quindi fare clic su "Proprietà" e quindi fare clic su "Proprietà" di nuovo nel menu pull- out . Con il pulsante ancora evidenziato , immettere un nome di istanza univoco come il nome della pagina sarà individuare , ad esempio , " page1_btn " (vedi riferimento 2 ) .
13

destro del mouse fotogramma 1 dello strato di " AS3 " , quindi fare clic su " Azione " nel menu pull- out . Digitare il seguente codice , sostituendo " pagina1 " per i vostri nomi delle etichette del telaio :

page1_btn.addEventListener ( MouseEvent.CLICK , onPage1 , false , 0 , true);
funzione

onPage1 ( evt : MouseEvent ) : . void {

gotoAndStop ( " pagina1 " ) ; }

Ripetere la procedura per le altre pagine