Monday, May 9, 2011
Web Design Template
For my Website Template, I wanted to create a simple side panel, and a top bar which was easy to navigate. First, I created a design out of my initials, using some simple shapes. I wanted to conserve space, so my side panels wont have words until a mouse is hovered over them. The side panels are for my other art, and when they are clicked on there will be a different animation, which will lead to my art page. The body is going to be 3 overlapping panels which will stay on the main page when clicked on, but the body text will change. I haven't created a background yet, but its going to be a simple design
Monday, May 2, 2011
Websites
http://www.earthbrowser.com/
http://waterlife.nfb.ca/
http://www.thisiselectric.com/
These websites all contain motion graphics. The Earthbrowser is an interactive 3d planet Earth. The website is a simulation of the planet Earth, with updated storms. Waterlife has an animated background which was probably made using the animation in photoshop, and imported into dream weaver. When the website is entered there is another animation, which becomes a group of interactive pictures. Thisiselectric also has an animated background which they use to show some of the ways electricity is made. There is interactivity when each of the pannels in the lower left corner are clicked, and each has a corresponding animation.
http://waterlife.nfb.ca/
http://www.thisiselectric.com/
These websites all contain motion graphics. The Earthbrowser is an interactive 3d planet Earth. The website is a simulation of the planet Earth, with updated storms. Waterlife has an animated background which was probably made using the animation in photoshop, and imported into dream weaver. When the website is entered there is another animation, which becomes a group of interactive pictures. Thisiselectric also has an animated background which they use to show some of the ways electricity is made. There is interactivity when each of the pannels in the lower left corner are clicked, and each has a corresponding animation.
Subscribe to:
Comments (Atom)
