Christmas/New Year Period

These concept images have been created regarding the issues in the previous post. The multiple color scheme has been dropped for and orange panel, gradient has also been applied to create the illusion of 3d space. The navigation panel now sits on the floor for the spiraling navigation float on.
I am aiming to develop a vector line image similar to hair which will appear in the background, it will appear to have depth. It will animate into the scene, and the navigation system will hopefully rotate round strands.

Week 12

After discussion with Cameron regarding the aesthetic look of the project, it has been suggested that I experiment further with color palettes as the current color scheme doesn't work well together. After looking at products in the hair industry, I have decided to experiment with a monochromatic color scheme in orange. Also, though gradient has already been implemented in the design, Cameron suggests that I push this further to create an illusion of 3d space in which the content area's can be suspended.

In regards to navigation, I have discovered an interesting tutorial which shows how to create a 3d rotating spiral navigation system. If changed to a horizontal setup, this resembles that a of a spiral curl of hair. This system would sit well in a 3d space.

It is becoming more and more likely that the object imagery will be dropped along with the grid paper texture, this could be replaced with hair strands and smooth curves to support a more contemporary design solution. The 3d models may no longer have the wire-frame visible.

In week 13, I will be mocking the new interface concept, and taking it into flash.

Week 11

This week I have been developing a tab interface concept that will provide a much sturdier navigation through the project content -







As seen in the concept images, the aesthetic theme can still be used by implementing the appropriate imagery on each tab and applying the grid image to content area's. In week 12 I am aiming to develop this concept by experimenting with transitions and interactive flash media. These experiments are likely to include the application of a scrolling image gallery and text box, and some tests for 3d media control.

Week 10

After discussion with Cameron regarding the shell interface, I spent week 10 revising interface concepts. The design needs to adhere more firmly to design principles in order to look professional, for example, the selection of images need to line up, and the font should be more readable.

New concept images -




Two sources of reference have been examined this week - the first, relating to an introduction for the interface is the "Nip/Tuck" introductory sequence. The use of mannequins in this sequence is similar to the aesthetics that are frequent throughout my concept, looking at this sequence has lead me to think about the development of an animation that utilizes a variety of camera angles and pan's across a range of realistic, wire-frame, and clay style models. At the end of the animation, I am considering a zoom effect into a wire-frame which will lead to the grid backdrop in the interface.
The second source is the personal portfolio website of David Moles (www.oeta.co.uk). This site utilizes a number of graphic and transition techniques that result in a professional aesthetic and design. Key to this sites success is the use of gradient and drop shadows. Gradient allows imagery free panels, but still allows the inclusion of subtle color. It also helps create a 3d illusion across the interface, drop shadows reinforce this illusion. In regards to navigation, tabs are used with corresponding colors and imagery, this makes the site simple to use and easy to follow.

With the idea's regarding these sources in mind, week 11 shall see further development towards a final interface concept with solid aesthetics and navigation, it is possible that the panning website idea could be dropped due to the unprofessional layout that is it likely to require. Storyboarding for an introduction may start this week.

A second meeting with the collaborator has been set up, this time focus will be purely on content issues.