Tuesday, March 20, 2012

Backgrounds, Text, and Navigation

This is the first spread i have completely typed up. The others are on their way to completion as soon as i finish writing and typing them in. The small open area next to image is where the game specifications will go, such as: year published, game name, what team created it, others in the series, etc.. Im trying o find a way to break up the information a little more to avoid those long columns of text. I wanted to focus on one because after i have my layout complete ill be able to input the information where it is needed to finish the others. I have included the background spreads that i plan to use for the other spreads, they are listed below.

I have also worked out an easier way to navigate the sight. instead of having the full header in motion, i decided to make it sturdier but the new navigation, which allows you to go into 3 different level of pages. Every page will be reachable from any other page. The only issue is that when i was coding the nav bar, i lost all images in my site including the images for the nav bar. So currently it is there are working, its just a bit unreadable because the backgrounds are gone, forcing the navigation to open over another set of text.

I want to find a way to break up the information so i can avoid having these long running columns.

Character page layout. the only thing missing is their names. I was thinking of running a line attached to a name from 1 and 3s feet and 2 and 4s heads.

The next few images are just the backgrounds id like to us for the magazine. This city is for Resident Evil. That game being based in Raccoon City, i felt the image of my town was most appropriate.

This spread is for Dead Rising, Dead Rising takes place inside a mall. I didnt have photos of any malls, so instead i used a photo of the mall directory. It is brighter that most of the other spreads and is the only spread without a realistic or photographic background. If it takes away from the design, i am open to change it.

The last game spread is based on Left 4 Dead. This game takes place in many locations, my favorite of which being a carnival so i chose to go with the ferris wheel.
Below is a screen shot of the new navigation. I must meet with Justin in order to figure what i need to fix. So far ive just been getting things typed in and laid out so in the future I can easily switch out or maintain things. The only issue ive had with this is when i coded in the new navigation, i lost access to all my images. The code still considers them there, they are just not visible. In addition to the nav, i also upgraded the header. Now it is set on a select box and image, so if the user changes the header image, he may also change the color of some of the page layouts.

No comments:

Post a Comment