7 replies [Last post]
SethMace
Offline
Regular
Liverpool, England
Last seen: 13 years 34 weeks ago
Liverpool, England
Joined: 2006-12-25
Posts: 25
Points: 0

Hi again, i've recently completed the design of a wee Ocean Colour Scene (rock band from England) website for fans! Just wondering what you lot think of it.

http://www.theDownstream.co.uk

I know the shapes a bit "unusual" but i wanted to give the site a different feel and try to theme it more. The group have "mod" influences which is a British fad/movement from the 60's, thats supposed to explain the target symbol-style anyway!

Triumph (not verified)
Anonymous's picture
Guru

Looks nice. Two issues with

Looks nice. Two issues with the page:

1) a slight misalignment on pages that don't have a scroll bar:

2) the text is rather smallish and boosting it up just two sizes causes this:

It is a very interesting design though, I do like it. Perhaps taking the content out of the side area of the circle would be a good idea so that issue #2 becomes a non issue or better yet look into text replacement techniques for those items.

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 7 years 38 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

Hello SethMace, I think you

Hello SethMace,

I think you have a good layout concept, very unique. But as Triumph says, when you resize the text, elements begin to fall out of it. Some text-background contrast is also needed in some parts, specifically near the bottom and on the left-hand side links. Here's a good tool that you can use in the future:

http://www.hp.com/hpinfo/abouthp/accessibility/webaccessibility/color_tool.html

Also, some side padding on the middle section would be nice.

Cheers!

Arielle

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

Crea
Crea's picture
Offline
Enthusiast
Hamburg - Germany
Last seen: 10 years 37 weeks ago
Hamburg - Germany
Timezone: GMT+2
Joined: 2007-02-08
Posts: 131
Points: 8

hi SethMace

Hi SethMace,

i like the site very much and the layout in deed
is unusual but it fits to the context. *clapclap*

What could be bettter (just my opinion):
There are many font-sizes and styles, types.
The Text at the bottom is hard to read
on my monitor.

I like it either

lars

A perfection of means, and confusion of aims, seems to be our main problem.
Albert Einstein

http://www.creategg.de

SethMace
Offline
Regular
Liverpool, England
Last seen: 13 years 34 weeks ago
Liverpool, England
Joined: 2006-12-25
Posts: 25
Points: 0

Thanks everyone for your

Thanks everyone for your replies.

The affiliates part i didnt even think about tbh (in regards to usability & fonts).

That colour verification tool is sexy, thanks for that tip! I'll play about with that and see if i can improve things without changing too much design-wise :E

As for the slight misalignment, yeah, thats annoying but i'm currently at a loss as to why its doing that!:/ Anybody any ideas?

Triumph (not verified)
Anonymous's picture
Guru

SethMace wrote:As for the

SethMace wrote:
As for the slight misalignment, yeah, thats annoying but i'm currently at a loss as to why its doing that!:/ Anybody any ideas?

I haven't dug into it but I assume it is a rounding error because it goes away when the scroll bar shows up and comes and goes with window resizing.

edit after looking - Yep, rounding error. Your content is "width: 701px;" Keep your widths even numbers for this very reason (or at least widths of items that are centered). Odd numbers cut in half are never whole numbers and can not be centered because there is no such thing as "half a pixel". Smile

SethMace
Offline
Regular
Liverpool, England
Last seen: 13 years 34 weeks ago
Liverpool, England
Joined: 2006-12-25
Posts: 25
Points: 0

Aha, well you learn

Aha, well you learn something new each day!Smile

Have changed a few things, including moving the affiliates section below the circle. This however pushes the footer further down which doesnt matter on most pages as the content does extend beyond that point anyway.

However, i'm sure this would be considered bad if i left things as they are?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Somewhat Off

Somewhat Off Topic

Regarding the link to the HP color contrast analyser it ought to be noted that there are two distinct algorithms in use, The one that the W3C accessibility guidelines recommend and the one that HP uses, of the two the W3C color difference value is a lot higher at 500 than HP's at 400. Whilst the W3C do acknowledge that their choice is not set in stone and open to change it still is, at present, the one they present as their yardstick; If you scrape in just ove the HP value ? ~420 then you would fail the W3C test, so from an accessibility checking point of view it's safest to go with the higher value 500 (even though this seems too high and HP's value more than adequate)

http://www.w3.org/TR/AERT#color-contrast

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me