Advanced Interactive Design Task 2
Week 5- Week 8
Siam Siew Yong 0358399
Bachelor of Design in Creative Media | Taylor’s Design School | Taylor’s University
INSTRUCTION
Task 2: Interaction Design Planning and Prototype
Objective: We are required to work on their visual design and start planning their website’s interactive design elements and features. It should include interactive design like animation
Requirements:
Walkthrough Video presenting the plan and showing the animation examples and/or references.
Online posts in your E-portfolio as your reflective studies with links to any resource involved in the creating of the plan. (i.e.: Figma link, Miro link, etc.)
Exercise in class
Mr Shamsul has taught us how to use Adobe Animation wisely, and came out with detail instructions
button exercise
intro exercise
TASK 2- PROTOTYPE PROCESS
I started to search for some moodboards and layout references
As I'm doing a toy theme website, I prefer a joyful and minimalist color palette and attractive images, and I also wanted to add a display cabinet as one specific element in my website
 |
| one of the reference |
 |
| image |
.png) |
| color palette |
After this, I started to think about my flowchart. And began to work on figma prototype
 |
| components |
 |
| layout of website |
FIGMA PROTOTYPE
https://www.figma.com/proto/nR15U8JDU82YWyreziMDxv/POCKET-DOLL-PARADISE?page-id=0%3A1&node-id=11-249&viewport=112%2C-82%2C0.29&t=4rIE4QKnStSjkPvq-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1%3A3PRESENTATION SLIDE
TASK 2 ADVANCED INTERACTIVE by siam siewyongPRESENTATION VIDEO
FEEDBACK
Mr Shamsul: Pls make your website more professional, because the website was quite complicated with the images.
You can change it in your Task 3.
Comments
Post a Comment