Grow your CSS skills. Land your dream job.

Feedback on this new design

  • # June 26, 2009 at 2:23 am

    Hi
    I created this new design and would like any feedback.

    https://webspace.utexas.edu/mterr/chalkboard/index.html

    Thanks
    mike

    # June 26, 2009 at 2:39 am

    I’m never one to not be straight with somebody, so, yea, disclaimer.

    I’m sorry to say but this is just not good. There is not a single piece that I like. I’d offer you constructive criticism, but there’s really nothing I can go on to try to help you.

    What do YOU think of the design?

    # June 26, 2009 at 6:20 am

    Hi Mike

    As an initial concept it could work. I would maybe look at some font changes.

    And possibly less of a contrast in the colors. Might be worth looking at Adobe Kuler for the colors.

    Post back again when you’ve done a little more content. Be nice to see how it develops.

    # June 26, 2009 at 1:30 pm

    This design for me was to continue working outside my comfort zone and learn from any feedback I get back. I guess it a bad design. I try to re-design it.:)

    thanks
    mike

    # June 26, 2009 at 6:40 pm

    Who is the audience of this site?

    I ask because I think if it is for you, promoting your services and/or knowledge, you may want to rethink the choice of fonts. You can use creative fonts, but I think the ones you have (look kind of similar to Comic Sans) take away from your credibility. It’s a font at least my brain has been trained to think "kid’s stuff".

    That background is god awful. It’s the thing that’s killing it for me. You need to find a texture that works within the context of the "realism" you are trying to create. Unless that blackboard is the size of a posted note, the perspective doesn’t fit (for instance, the eraser on the bottom left is telling me the chalk board is huge, but the borders and the background are arguing with that fact).

    The color is off as well… the colors don’t contrast so it’s just a big color vomit on the screen.

    What could help is finding a more reddish brick color, or gray (something that will contrast with the green without making it look like Christmas), and giving it some lighting (light in the middle pulling back to a dark background expanding to the sides). That will at least take your focus off the background texture and put your eyes where they belong: on the content.

    A clearly separated and defined menu will help the flow and what web users would come to expect.

    Just my 2 cents. Hope it helps.

    # June 26, 2009 at 8:21 pm

    I can’t seem to get into it – keeps asking for authentication. Is it still up?

    # June 27, 2009 at 1:22 am

    Don’t get discouraged.. It’s always good to try things out of the box, you never know, you may create the next box.

    Imagine the first guy who said "I’m going to think out of the box and make a website that looks like a birds-eye-view of a desk, complete with a keyboard, a notepad, some pens, postit notes, a coffee cup with some spilled…"

    Now, theres 3402840832098 copies of that idea. Original? No. Are some good? Yes. Are there many bad imitations? Yes.

    That being said, I can’t see the page either… its asking for a login. ;)

    # June 27, 2009 at 1:50 am

    Hi
    I went ahead and took it down. From the feedback I got it wasn’t a good design. So I am going to start all over again.

    Also I have a question regarding photoshop and using it to design website. Do you need to adjust the setting in photoshop so the colors display correctly on different monitors? I read an article on the web and this is the first time I heard about adjust the setting in photoshop.

    mike

    # June 27, 2009 at 6:46 am

    Different users can have different monitors, browsers, readers etc. – you can’t account for them all. The only way you can precisely set how a colour is supposed to display is by specifying that colour’s hexidecimal value in your css.

    In other words, instead of saying:
    background: black;
    you say instead:
    background: #000000;

    This acts like a reset – a browser uses the universally accepted hexidecimal value for that color rather than how its programmers felt that colour should be displayed. There isn’t a whole lot of difference, but the hex values do allow you to specify very exact shades.

    A full list of these values is available on any number of sites. Try http://www:html-color-codes.com.

    A hex value is six digits long and can contain letters (white is #ffffff). It takes the Red Green Blue attributes of the shade and specifies them exactly. So those six digits are actually three pairs – (Red is)ff (Green is)ff (Blue is)ff. You can use shorthand for these values if the three pairs contain equal digits, so black (#000000) can be written #000, grey (#eeeeee) goes like #eee and brown (660000) can be expressed as #600. Conversely a green shade with the value of #2b9900 cannot – the initial pair does not contain equal digits.

    If you click on the little square that is displaying the current colour you are using in photoshop, it will display the various values of that colour – including the hex number you need for your css.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".