Saturday, August 14, 2010

finalized idea

I picked the white background with black footer and rotating navigation as my final.Because of the mirrors, the patterns a kaleidoscope creates is always symmetrical so for the layout the home page which the user will see it first, I made it symmetrical. the big exhibition’s logo is located in the centre of the page and two small button which lead the user to go to other pages on both side of the page and these three are aligned in the centre. And yellow and blue circle are information and explanation of the exhibition, but if the information is too long then these two circle will be buttons which take the user to see information page. Once the user clicks either “student” or “category” button, all the contents will be moved into the side of the website with simple animation. And “student” “home” and “category” buttons will start rotating and changing the colours once they are hovered. The rotation and the colour represent the primary principles of Kaleidoscope. In the category page, all of the artwork will shape
the circle and rotates according to the mouse movement. And once the mouse hover one of the image, then the title and the name of the
student will appear and when the user clicks the image then, the site will show him/her the full version of the artwork in light box. The category is shown on the right side of the page. and each of them is button so if the user want to see only “still” image the user simply need to click the “still” button. In student page, the names of students are
rotating. And once the name is clicked then the student name will be appear on the centre of the
site with artworks. The slide let the user show more artworks of the student and once

No comments:

Post a Comment