Author Topic: I need some input on this design...  (Read 3988 times)

0 Members and 1 Guest are viewing this topic.

Offline ZippyDee

  • LV8 Addict (Next: 1000)
  • ********
  • Posts: 729
  • Rating: +83/-8
  • Why not zoidberg?
    • View Profile
I need some input on this design...
« on: April 22, 2011, 04:27:08 am »
I'm working on a website, and I'm looking for some comments/criticism/suggestions/etc. on the design and layout. I only have the main page up right now, and I'm still just playing around with the layout, so the content is subject to change. Ignore things like the crappy border on the image. Also, I haven't set any font/link colors yet, so suggestions for those would be useful, too. As of about 30 minutes ago I'm teaching myself php, so the text for the "events" box is parsed using php from an xml file. The info displayed on this page is condensed, and more will be displayed on the calendar page when the links are actually active -.-

Here's a link: http://extendedroots.soupinabox.com/
There's something about Tuesday...


Pushpins 'n' stuff...


Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: I need some input on this design...
« Reply #1 on: April 24, 2011, 01:05:15 pm »
Really nice background and layout :D Lots of graphics but still soft enough that it doesn't annoy visitors.

Some suggestions, if you don't mind:

  • Title: Have you tried making it "pop in" instead of out? Just soften up the colors (light brown, like the leaves) and make the shadow inset. IMHO that would make it look more natural and unified.
  • Navbar: A bit too faint, in my opinion. Expecially on some computers where the color change becomes too faint to be clear and just obvious enough to be annoying, like matching two colors that are just a tiny bit off from one another.
  • Links: Blue's a bit too drastic of a change from the main site theme. Default colors and underlining also make it seem amateur; maybe make them brown, and a lighter brown on hover or something?
  • Text: You're probably gonna change the font, so can I suggest font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif? I think it would look nice with the rest of the page. For colors, I'd suggest a dark brown or dark olive green. Keep headings darker than the rest of the text if you do that.

Just my own suggestions. You don't have to take them if you want, but some ideas if you want :)
« Last Edit: April 24, 2011, 01:06:36 pm by Deep Thought »




Offline ZippyDee

  • LV8 Addict (Next: 1000)
  • ********
  • Posts: 729
  • Rating: +83/-8
  • Why not zoidberg?
    • View Profile
Re: I need some input on this design...
« Reply #2 on: April 24, 2011, 01:11:35 pm »
Really nice background and layout :D Lots of graphics but still soft enough that it doesn't annoy visitors.

Some suggestions, if you don't mind:

  • Title: Have you tried making it "pop in" instead of out? Just soften up the colors (light brown, like the leaves) and make the shadow inset. IMHO that would make it look more natural and unified.
  • Navbar: A bit too faint, in my opinion. Expecially on some computers where the color change becomes too faint to be clear and just obvious enough to be annoying, like matching two colors that are just a tiny bit off from one another.
  • Links: Blue's a bit too drastic of a change from the main site theme. Default colors and underlining also make it seem amateur; maybe make them brown, and a lighter brown on hover or something?
  • Text: You're probably gonna change the font, so can I suggest font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif? I think it would look nice with the rest of the page. For colors, I'd suggest a dark brown or dark olive green. Keep headings darker than the rest of the text if you do that.

Just my own suggestions. You don't have to take them if you want, but some ideas if you want :)

Thanks for all the suggestions. I'll definitely try making it "pop in" and see how that looks. I'm constantly looking at new design ideas, and that one really interests me. As for the navigation, I've been meaning to lighten that shade for a while now, and I've just been forgetting. And honestly, I haven't touched text or link colors at all yet, mostly because I haven't really known what colors I should use, so thanks a lot for your color suggestions! :)
There's something about Tuesday...


Pushpins 'n' stuff...


Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: I need some input on this design...
« Reply #3 on: April 24, 2011, 01:15:12 pm »
And another thing: Stretching the background-image? It's left-loaded on my monitor because the window's too wide for it. And remember that computer screens are only gonna get wider and wider ;D




Offline Munchor

  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 6199
  • Rating: +295/-121
  • Code Recycler
    • View Profile
Re: I need some input on this design...
« Reply #4 on: April 24, 2011, 01:24:29 pm »
I'd highly recommend that the navigation bar doesn't have a background... Other than that, it's pretty nice.

Offline ZippyDee

  • LV8 Addict (Next: 1000)
  • ********
  • Posts: 729
  • Rating: +83/-8
  • Why not zoidberg?
    • View Profile
Re: I need some input on this design...
« Reply #5 on: April 24, 2011, 01:33:29 pm »
And another thing: Stretching the background-image? It's left-loaded on my monitor because the window's too wide for it. And remember that computer screens are only gonna get wider and wider ;D
I'm most likely going to make a tiled background to fill the space behind the corner decoration. In order to make that image large enough to not pixelate with scaling, the filesize is going to end up gigantic (as if it isn't already), so I think that will likely stay stationary, at least for now.
There's something about Tuesday...


Pushpins 'n' stuff...


Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: I need some input on this design...
« Reply #6 on: April 24, 2011, 03:16:46 pm »
I'd highly recommend that the navigation bar doesn't have a background... Other than that, it's pretty nice.

Or making it more obvious. Anything that's not awkwardly in between :)

And another thing: Stretching the background-image? It's left-loaded on my monitor because the window's too wide for it. And remember that computer screens are only gonna get wider and wider ;D
I'm most likely going to make a tiled background to fill the space behind the corner decoration. In order to make that image large enough to not pixelate with scaling, the filesize is going to end up gigantic (as if it isn't already), so I think that will likely stay stationary, at least for now.

Yeah, filesize is a problem. Another suggestion: How about the way Omnimaga does the banner in theme 4? There's a left-justified stationary graphic that merges into a tiled pattern, so it works for any window size.




Offline ZippyDee

  • LV8 Addict (Next: 1000)
  • ********
  • Posts: 729
  • Rating: +83/-8
  • Why not zoidberg?
    • View Profile
Re: I need some input on this design...
« Reply #7 on: April 24, 2011, 03:28:15 pm »
Another suggestion: How about the way Omnimaga does the banner in theme 4? There's a left-justified stationary graphic that merges into a tiled pattern, so it works for any window size.

That's exactly the kind of thing I was thinking. The only hard part now will be making the tiled pattern so it still flows smoothly. But I definitely do agree that it needs SOMETHING in the back besides that solid color.
There's something about Tuesday...


Pushpins 'n' stuff...


Offline ZippyDee

  • LV8 Addict (Next: 1000)
  • ********
  • Posts: 729
  • Rating: +83/-8
  • Why not zoidberg?
    • View Profile
Re: I need some input on this design...
« Reply #8 on: April 30, 2011, 05:09:46 am »
Alright, I'm working on a background texture, but I've modified the navigation bar to Scout's tastes (hopefully :P) and I've at least made the nav links functional. I've been working on the layout for the calendar a bit, so I could use some input on that for sure. No other major changes yet, but it's getting somewhere! :D

More input is still greatly appreciated! :)
There's something about Tuesday...


Pushpins 'n' stuff...


Offline Michael_Lee

  • LV9 Veteran (Next: 1337)
  • *********
  • Posts: 1019
  • Rating: +124/-9
    • View Profile
Re: I need some input on this design...
« Reply #9 on: May 01, 2011, 07:08:39 pm »
It looks great!

One thing that you should do is nudge that nav bar a little to the left.  The right edge extends beyond the border of the green rectangle-content-thing, which looks a little weird: try making it line up, or at least not stick out like that.
My website: Currently boring.

Projects:
Axe Interpreter
   > Core: Done
   > Memory: Need write code to add constants.
   > Graphics: Rewritten.  Needs to integrate sprites with constants.
   > IO: GetKey done.  Need to add mostly homescreen IO stuff.
Croquette:
   > Stomping bugs
   > Internet version: On hold until I can make my website less boring/broken.

Offline Madskillz

  • LV6 Super Member (Next: 500)
  • ******
  • Posts: 488
  • Rating: +32/-2
    • View Profile
Re: I need some input on this design...
« Reply #10 on: May 01, 2011, 08:31:12 pm »
Looks great Zippy, much better than their old site that they had. I would move that navbar to the left like Michael said. I like the colors and I think everything fits well together.