These are the final colour versions of my layout for my web design portiofolio. The only thing that is missing from this layout is the navigation tabs which will be added vertically down the left hand side of the layout.
This is because, from what I've learn studying HCI, the users look at the left side of a webpage first which is also why the name of my site is in the top left hand corner.
I really like my layouts, they are fun and colourful but simple at the same time. The header contains a circuitry board design in which some of the tracks have been made to glow using Adobe Photoshop CS4. Brushes were also used to add cherry blossom flowers to the image to make it more girly. Brushes were also used at the bottom of the header image to make it appear 'torn'.
The font used for the logo in the corner is called 'Fake Reciept' which I found using google while looking for 'futuristic fonts'. I liked that it was all in capitals, I think it contrasts nicely with the website.
Colourwise I prefer the pink and the purple layouts as I think these are neither too bright or too dark. I like the turquoise but I think the detailing is difficult to see because there isn't as much contrast. I don't like the lime green at all and will not be using this version of the layout.
Overall I really like my design, I think it say's something about the image I'm trying to creative, fun, girly, technical, creative and stylish. I don't think my layout is overcrowded and I think the grey with the other colours works well.
I usually make a lot of my websites dark even though I know a white page is best. I do this because I think bright colours stand out on a dark backgorund better. However, I've managed to make my site colourful and it will be easy to read at the same time.
This my layout how it would appear on the web. As you can see, I designed a logo for my site after all which is the image on the right. It says 'DD (dot)net' which stands for dolltronic-designs.net which will be the URL of my site when I register the domain name. It features the same font that is on the banner and the cherry blossom brushes I used.
No comments:
Post a Comment