Month: March 2017

[Narrative Interaction] Process – Final Mock Ups

The web pages below are the final mock ups for Longya Men Re-Identified. Since the transition/animation of the website is hard to be expressed using still graphics, I created different frames as a guide for me to visualize the final product. Continue reading [Narrative Interaction] Process – Final Mock Ups

[Interactive 2] Process – Project Proposal

“Cattitude”
by Putri Dina and Hannah Kwah

Milestones
Project Proposal  |  28th Mar  |  4th Apr  |  11th Apr  |  12th Apr  |  15th Apr  |  16th Apr  |  17th Apr  |  Final Documentation

Main Aim
Explore human interaction with a cat and how the cat responds to certain strokes on sensitive spots. Continue reading [Interactive 2] Process – Project Proposal

[Narrative Interaction] Process – Adobe Muse Tutorials

Adobe Muse Basic : https://www.youtube.com/watch?v=CKL_nGZ-DPI

Basic Motion Scroll : https://www.youtube.com/watch?v=KJMi5l9Ru-g

Slow Background Speed : https://www.youtube.com/watch?v=pXS1rLhcLvw

Dynamic Changing Background : https://www.youtube.com/watch?v=N0A0bdjpMrI

Full Screen Video Background : https://www.youtube.com/watch?v=YX8ZHpL3W_A

Background Video (Mask Text) : https://www.youtube.com/watch?v=8XmHBHRIzT8

Video Background : https://www.youtube.com/watch?v=uL6zPejT5GM

Image Hove Overlay : https://www.youtube.com/watch?v=hD-D_9-AhCE

Animated Rollover Buttons : https://www.youtube.com/watch?v=C1WhhAxKS-I

Advanced State Transitions (Button) : https://www.youtube.com/watch?v=cccc9HjiUwo

State Transition Buttons : https://www.youtube.com/watch?v=HJySNZB2CIo

Animated Rollover Buttons : https://www.youtube.com/watch?v=C1WhhAxKS-I

Parallax Background (Movement on Hover) : https://www.youtube.com/watch?v=0getLxHC2mU

Blurry to Non-Blurry Scroll Effect : https://www.youtube.com/watch?v=VnSOaaNpB_E

Scroll Zoom Widget : https://www.youtube.com/watch?v=8VDo6fflSTU

Focus-Our BackDrop : https://www.youtube.com/watch?v=GFh42syUIVg

Pre-Loader : https://www.youtube.com/watch?v=AVHcPi5d3Gs

Advanced Pre-Loader : https://www.youtube.com/watch?v=57y8rfVkACU

Load Page at Anchor : http://museresources.com/load-page-at-anchor.html

Flying Text : https://www.youtube.com/watch?v=CcX6p_a9jUc

Use Jquery & Muse : https://www.youtube.com/watch?v=s1LL8qC8eZs

Image Fade In as you scroll : https://www.youtube.com/watch?v=0KeeHpQioi8

Smooth Page Transition : https://www.youtube.com/watch?v=UMq0N8RFSkk

On Scroll Audio Effects : http://resources.muse.adobe.com/products/on-scroll-audio-effects

On Scroll Audio Effects : https://www.youtube.com/watch?v=55AAafahjtE

Adobe Muse Dynamic Content : http://stackoverflow.com/questions/26767916/adobe-muse-dynamic-content-change

 

[Narrative Interaction] Process – Web Mock Ups 1

The screens below are my first phase of mock ups for the website as I tried to visualise how they will look like. The designs are not panel-by-panel but rather frame-by-frame as it is quite hard to also include the animation/transition of the elements.

Continue reading [Narrative Interaction] Process – Web Mock Ups 1