Presentation on theme: "Flash Week 5 Presentation by Mindy McAdams. Post-mortem: Flash 3 exercise Sliding panel functionality Use of big, beautiful pictures (vs. tiny pictures)"— Presentation transcript:
Flash Week 5 Presentation by Mindy McAdams
Post-mortem: Flash 3 exercise Sliding panel functionality Use of big, beautiful pictures (vs. tiny pictures) Choices for layout of buttons, text, etc.
Sliding panel functionality Let’s look at some excellent solutions to the button puzzle … Two solutions, each quite different
This button is not inside the movie clip (and notice the instance name of the button)
There is a second button underneath the first one
Notice the instance name of the second button
Inside the movie clip timeline, the script addresses the button instance up on the main Timeline (with _parent)
The script inside the movie clip timeline is different for each position (out, in) of the sliding panel
Sliding panel functionality Now look at a very different solution that is equally as good …
Here is the sliding panel on the main Timeline
On the timeline of the sliding panel movie clip, the whole panel is a button symbol
The script on the button in frame 1 of the movie clip
Here’s the button after “slideout”
The script on the button in frame 11 of the movie clip
Sliding panel functionality Both of these solutions are very good because the sliding panel can only slide down when it is up, and vice versa Buttons that work the way you would expect them to work enhance the professional quality of a Flash package
Now let’s discuss design Use of images in Flash Placement of images (not the same as on a regular Web page) Use the full Stage whenever you can Small is not beautiful
Which looks better? (1)
Which looks better? (2)
Which looks better? (3)
Again: Which is better? (1)
Again: Which is better? (2)
Placement of buttons, panels Functionality first Alignment with other items on the Stage Avoid centering in most cases “Don’t make me think” What will the user expect? What does the user want to do?
Balance & alignment A different alignment changes everything
Placement of sliding panel Where would you put the sliding panel?
Placement of sliding panel Appearance is similar to buttons, but not identical
Placement of sliding panel Enough space for panel to look okay when it is visible
Positioning text & pictures What can be improved?
Positioning text & pictures Photo size & alignment; text alignment
Positioning text & pictures Placement of both text and photos
Positioning text & pictures Alignment guides the eye; proximity shows relationships. Use of space: Avoid “crowding”