just wanted to post up some screens of the project i worked on earlier this morning. these are screens of the quiz portion of my computer-based training project. the class requires you to create an interactive piece that teaches someone how to do something and you are also required to do a quiz for the project. here’s the interface for the quiz portion of my project. again, just like the flex to-do list, i kept animation in mind when designing this one.
for the animations, i wanted to make the questions fade downward from alpha 0% to alpha 100% and tween downwards as well. some thing for the little “hint” when you click on the question mark. it will slide down counter clockwise, fading from alpha 0% to alpha 100%. then when you go back to the main screen, each element tweens out one-by-one. the nav, the footer, the question box, everything. unfortunately, i don’t have screens of my main screen yet since i’m still working on that. i will definitely post updates when i complete it though.
snippets of source code and their functions soon to follow. i’ve also included 4 additional screens to show the process of creation for the design from start to finish.
Related posts: