Je hoeft geen expert in Flash om prototypes te creëren . Flexibiliteit van het programma maakt het mogelijk prototyping met een beperkte kennis van ActionScript 3 . Rapid prototyping helpt gebruikers het eindproduct te visualiseren . Flash kunt u prototypes van verschillende fidelity ( hoe nauw het prototype lijkt op het eindproduct ) te creëren , waardoor het gemakkelijk is om interactieve lagen en design concepten van eenvoudige wireframes om gedetailleerde , voltooide ontwerpen updaten . Instructies Voorbereiding 1 Maak beelden die de benodigde schermen en staten vertegenwoordigen , met behulp van software zoals Fireworks , Photoshop of Corel . De trouw van uw afbeeldingen kunnen overal Open Flash 2 zijn van wireframe tot visuele ontwerpen ( zie referentie 2 ) . En klik op ' Bestand ' en vervolgens op ' Nieuw ' en vervolgens op ' Flash-bestand ( ActionScript 3.0 ) " in het menu dat wordt geopend . Klik op " Venster " in het hoofdmenu , klik vervolgens op "Eigenschappen " en vervolgens op "Eigenschappen" weer in de pull - out menu . Typ " 1024px " in het veld " W " en " 768px " in het veld "H " . 3 Sla uw bestand door te klikken op " File " in het hoofdmenu , vervolgens op " Opslaan als, " het typen van een naam ( zoals" proto " ) en vervolgens te klikken op 'Opslaan'. Import 4 uw foto door te klikken op " File "en vervolgens te klikken op" importeren " en vervolgens te klikken op " importeren naar bibliotheek . " Blader naar de plaats waar uw afbeeldingen vervolgens klikt u op 'Openen'. Als uw foto's in de juiste volgorde , is Flash automatisch te importeren als opeenvolgende keyframes in de geselecteerde laag , anders moet u keyframes toevoegen door rechts te klikken op het frame , vervolgens op "Insert Keyframe " in de pull - out menu voor elke afbeelding ( zie referentie 3 ) . Naam 5 de laag " Wire " door dubbel te klikken op " Layer 1 " en druk op " Enter" op uw toetsenbord . Keyframes tussen beelden op de tijdlijn toevoegen door te klikken op het eerste keyframe en druk op " F5 " op het toetsenbord vier keer ( zie referentie 2 ) . 6 Geef uw afbeelding frames namen door te klikken op " Venster " in de hoofdmenu , vervolgens op "Eigenschappen " en vervolgens op " Eigenschappen" weer in de pull - out menu . Met benadrukte een beeldframe , typt u de naam van de afbeelding in het veld " Frame Label " . Herhaal dit proces om de andere beelden ( zie referentie 2 ) . 7 Maak een nieuwe laag door te klikken op " Layer Invoegen" aan de onderkant van de tijdlijn en benoemen " AS3 . " Klik met de rechtermuisknop op frame 1 van de " AS3 " laag en klik op ' Actie ' in de pull - out menu . Typ de volgende code : stop ( ) op ; ( . Zie referentie 2 ) Button 8 dubbel - klik op " Fill color " op de werkbalk en klik vervolgens op "Geen" voor de kleur ( het zal de doos met een diagonale rode lijn ) . Dubbelklik op " Stroke Color ' in de werkbalk en voer een waarde van " 3 " voor de " Slag Hoogte ' en vervolgens op een kleur ( zie referentie 2 ) . 9 Klik op het gereedschap " Rechthoek " in de knoppenbalk en , terwijl u met uw muis , sleept u over het podium om een rechthoek te tekenen . De rechthoek moet een passende maat voor klikbare gebieden. Klik op het gereedschap " Rechthoek " , vervolgens in het hoofdmenu op " Wijzig ", klik op " Convert to Nieuw symbool " in de pull - out menu . Klik op de " knop " radiale box en type in " Button_btn " voor de naam ( zie referentie 2 ) . 10 Dubbelklik op de knop om de tijdlijn te voeren . Klik met de rechtermuisknop op het frame met het label " Hit ", en kies "Insert Keyframe . " De kleur van de knop . Doe hetzelfde voor "Over . " Wis de kleur voor " Up . " Dit geeft je een onzichtbare knop die wordt gemarkeerd wanneer de gebruiker de muis overheen te geven . Klik op "Scene 1 " aan de onderkant van de tijdlijn om tijdlijn van de knop af te sluiten . Verwijderen op de knop van het podium ( zie referentie 2 ) . 11 Maak een nieuwe laag door te klikken op " Layer Invoegen" aan de onderkant van de tijdlijn , en noem de nieuwe laag "Knoppen . " Steek keyframes in de " knoppen " laag op dezelfde framenummers als de beelden in de " Wire " laag ( zie referentie 2 ) . 12 Sleep een " knop " van de bibliotheek en plaats deze op het podium . Klik op " Venster " in het hoofdmenu , klik vervolgens op "Eigenschappen " en vervolgens op "Eigenschappen" weer in de pull - out menu . Met de knop nog steeds gemarkeerd , voert u een unieke instantienaam , zoals de naam van de pagina zal navigeren naar bijvoorbeeld " page1_btn " ( zie referentie 2 ) . 13 rechtermuisknop op frame 1 van de " AS3 " laag en klik op ' Actie ' in de pull - out menu . Typ de volgende code , vervangen " page1 " voor uw etiket frame namen : page1_btn.addEventListener ( MouseEvent.CLICK , onPage1 , valse , 0 , true) ; functie onPage1 ( evt : MouseEvent ) : . void { gotoAndStop ( " page1 " ) ; } 14 Herhaal dit proces voor de andere pagina's < br >
|