Hi guys, I am not sure if there is a specific section for this. But I was just wondering you could check out my portfolio and offer any suggestions/comments on anything you think could improve it if possible please? I have used WordPress and started with the Starkers theme (the original was static using XHTML 4.0).
I like that the text is big and readable. The thing I would address first is alignment: Things like the contact page existing outside the header: I might try to find some way to get a sense for alignment all the way down the page, like another background for the content area or something.
The next thing I would think about (and somewhat related) is proximity – get some space between the major elements of the page, such as the content area and the header, or the bottom of the page. The text feels like it squishes up against things in places.
Contact page existing outside the header? Do you mean the small ‘Contacts’ text near the header? I think that was just the template I used was echoing out the page title but it should be corrected now :)
The space between the header and the content I tried to put as much space as I could using some padding from the header, would it be a good idea to use some margins to increase the space?
Thanks this has been really helpful. Sometimes you just need a fresh look from another perspective :)
Thanks Marko. I designed the header in photoshop and used that image rather than the same font as the navigation as I wanted it to look a bit different. More like a logo, but still have similar colour.
Margins would probably work; the rule with proximity is that it creates relevance. The closer things are together (by space or other aspects of visual separation), the more they are related. By this rule of thumb, the paragraphs in your content area should be closer to each other, but further apart from other major sections of the site (such as header or footer).
Right now your header is pretty close to the content area, and the content area is smooshed right up against the bottom of the browser. Margins, padding, etc, will help you accomplish this – but so will a solid or dotted line, or putting elements in different boxes, etc. Go for what works with the design idea you have, but I just recommend adding in more separation between major pieces.
Okay great :) is it possible to have your content area (I have used a div called page-wrap) scroll vertically so that it fills all your page even if your content does not? I have a background image I am using but it only scrolls as far as my paragraph text.