ah, I thought that too was just a partial… well, there isn’t really a footer to speak of. The way the site just kind of disappears into nothingness just does odd things with my eye… so I was kind of expecting an end since you gave the left side a beginning.
Im confused do you like the layout or not. Good or bad. Should I go with it or should i trash it??
here let me include the full psd layout and link to the site.
Well, here are a couple comments…
Overall, I’m mixed on the design. Some parts I like, some seems like it needs a bit of work.
– the header/navigation could use a little bit of space. Everything in that top left corner feels cramped and squished together.
– I’m not sure having a centered article title/introduction works. The layout would feel more organized if that was left aligned
– I wouldn’t suggest using a serif font for the article intro/main text. Using a sans-serif like Arial/Verdana/etc is easier on the eyes. Don’t be afraid to add some space between lines — that’ll improve readability as well.
– I don’t think that the script font used in the footer (copyright text) fits with the rest of the site. The other fonts you use feel a little grungy, and the script font doesn’t have the same feel.
– Unless you plan to have the site left aligned, having the left half of the background dark gray and other half of the background white is going to be very difficult to code. Make sure that you’ll actually be able to code what you are going to design!
– You might want to add one accent color you can use to help move the eye around the page. Currently, the site feels a little monochromatic.
Yeah the biggest issue here is spacing, it’s really holding you back.
- Logo, too close to the edges, too close the the tagling, which in turn are too close to the search box.
- Menu, which is too close to header section, etc etc
The post part its self is probably the strongest part of the piece, although you need to increase line height of your content text. And also, was the indent on the content text on purpose? If not why is it more indented than the comments/header part of the post?
If i had to take a shot in the dark i’d say you weren’t using a grid. The alignment of a lot of the site isn’t too bad, but theres also places suffering from misaligned elements. If you’re not already, perhaps try to build the site from a grid structure such as http://www.960.gs.
I often find the grids abit too limiting to stick too religiously, but they do offer huge help in positioning and spacing.
I’m not to keen on the font work and a few graphical elements of the site, but for now I think you should address the technical failings of the design before the stylistic ones..
always remember, white space improves readability. Don’t be afraid to space things out. Let the elements on the page breathe with consistant spacing values.
All the best
Agreeing with the comments on spacing. Make sure elements are consistently and reasonably padded from each other.
I’d also suggest consolidating your fonts. I think I’m seeing four right now, including what appears to be Comic Sans (oh no!). Make it, maybe, two and the design will look more focused.
I would like to thank everyone for there help.
Im going to work on the header to make some more space.
I also made the line height taller so that people can read it better.
I changed the main font but i dont get why i cant use a few fonts, I mean some are for 2 are for navigation. And 2 are for content.
Im going to use an accent color for the links which should help.
Ill post again once there all changed but u can look every once and awhile while im updating it.
You don’t want to use too many fonts because it adds inconsistency. You want to ensure that all the elements on the site feels like they fit well together. Personally, I try to avoid using more than two or three fonts in a design.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".