[Prototype] Interactive Web – Zixin Yula Ye

To bring movement onto my interactive web, this week I spent a lot of time to make my head model to SPIN 360 degree in Cinema 4D. As the result this head model finally can spin smoothy as I wished.

With this background developed, my question this week is how to bring everything together to achieve the interactive goal? Even though the goal of this project is to eventually create a prefect prototype to present the interactive idea, I still hope to explore further and build my interactive baby into a final website that users can visit and explore. Therefore this brings to my question: How to build a interactive website?

Without the knowledge of coding, I googled how to build a website without the coding and decided to use Adobe Muse.

屏幕快照 2018-03-22 上午1.37.08

I started my research by watching tutorials on how to use Adobe Muse to create a website. This website published by the Adobe company is very helpful, it breaks out the process step by step. https://helpx.adobe.com/muse/how-to/responsive-web-design.html

With times of exploration, I developed a basic website structure that communicate my idea. I grouped them into a home page and two sub-pages, with my projects and resume included. I also add icons that hope to interact with user by directing them into my Facebook, Instagram, E-mail, and WeChat. The change of opacity will appears once the user click the icons. I also adjust the setting to make sure this web fit different size and format.

屏幕快照 2018-03-21 下午10.13.43

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s