Please Review My Layout In a JPEG mockup

I am designing a layout for my blog. Can you please give me your comments? I don't want to do up my entire website before realizing that there are improvements to be made. So I would appreciate it if you can give me some feedback. When you first look at the website, you may find it weird because I try to be different from all the blogs you see out there. The JPEG mockup is attached. Hope to hear some constructive criticism or praise

A can't give you a lot of constructive feedback. Unfortunately, the fact is I don't have the code for your layout, so I can't judge how truly well your layout is. I can only see into the outside of the design. The things I would say about the mere appearance of the page is that you should define the right column a little better, you should put your about page on a seperate page, and the blue bottom does not agree with the top. Perhaps you should change the top to agree with the bottom or vice versa.

It is okay, you can't give me feedback because there isn't any code yet. I need to ensure that my design is the final version before I delve into coding. Do not be mistaken into that is a right column, it is actually a column to describe my post. Post meta if you will. The about is merely a short snippet about the author, I don't have any plans to add an about page just yet. Which blue bottom are you referring to? The one which contains the about or the one which contains the rustling writings?

Your web design is green on top, and then blue on the bottom. It doesn't seem to match up...

The lime green was meant to serve as a highlight.

This is my new version:
http://forums.xisto.com/no_longer_exists/404.png

1. The limetouch logo at the top right doesn't seem to match the "style" of the page the word lime that is currently in green would better match your (search box?) if it was blue instead of green!

2. is that bursting stars thing a search box? if so maybe put a button to the right of it saying "search" or you can use this code to show an initial piece of text that disappears when someone clicks on it: for example: a code that says the word search in the text box, telling what it does:

<input name="searchbox" id="topsearchbox" alt="search" class="inputbox" type="text" size="20" value="Search this site..." onblur="if(this.value=='') this.value='Search this site...';" onfocus="if(this.value=='Search this site...') this.value='';" />

That code will show the text "search this site..." when someone visits the page. When they click in the searchbox, it will disappear (hard-coded javascript, if disabled, the text will still show and can be selected and replaced. Simple!) if the box is left empty and they click away, it will say search this site again!

 

3. Tetra is right. The green really doesn't go with the blue at the bottom maybe make the blue a lighter shade at the bottom, or change it's colour slightly to match

4. white text at the bottom is slightly hard to read over the blue writing...

As the others said, I don't really like the color mixing too much. The newer layout looks better but I would try to stick to more of one scheme. A little bit of blue in green or green in blue isn't bad but having random sections of each color just doesn't really seem to fit. I know you are trying to be different but I think there are other ways to do it. The search box idea Jimmy gave you to have the word search in the text box until it is clicked upon I think is a good idea. Sure most people will know it's a search box but there are a lot of people out there who aren't familiar with sites and may not know that. The categories on the right, I guess is OK because it's pretty obvious that it is navigation stuff. I personally probably wouldn't do it but it doesn't look all that bad.

The color scheme is a little better than previously, though I still say that you shouldn't change color so drastically. You can have blue in that design, but remember the artistic priciple of balance - don't overpower an element of art over the other.

Colors seem to clash a tiny bit but I disagree that the blue and the green don't compiment each other. The logo looks really bad and the font could be a little bigger. The content's font could be bigger as well. Also try sticking to one blue bar down the bottom, it would look neater.

Second version is better but still that lime does not work with the blue, just try another color. U could try some gray if you don't want to attract to much attention on the fliker and stuff.Also the lime text in the logo has kind of an odd texture, just the colour and some nice font should look better in my opinion.

Blue and green can work but to me at least it just screams MICROSOFT XP! which is something you might not really want. Your colours are alright but I think the saturation is slightly off and your green is about 5% too yellow. I had a play but not 100% on the darker blue, yours is quite nice.Personally I'd go with green and orange, and do something about that gradient at the bottom it doesn't look quite right, maybe a solid colour or a texture would help with that...

Edited February 10, 2009 by novoAlias (see edit history)