Design Design Critique - Random Acts of Salt (Read 342 times)

  • Avatar of goldenratio
  • now das fresh
  • PipPipPipPipPipPipPipPipPipPip
  • Group: Member
  • Joined: Jun 27, 2002
  • Posts: 4550
Hey everyone. I haven't done any web design work in a while so I started messing with something for the saltworld domain I bought.

Take a look at it here: http://www.saltworld.net and let me know what you think!

The design is mostly based off of this color scheme:





Valid:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.saltworld.net%2F
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.saltworld.net%2Fstyle.css&profile=css21&usermedium=all&warning=1&lang=en
Last Edit: July 11, 2008, 10:35:15 pm by goldenratio
yes coulombs are "germaine", did you learn that word at talk like a dick school?
  • Avatar of Mama Luigi
  • Wind of Peace
  • PipPipPipPipPipPipPip
  • Group: Premium Member
  • Joined: Jun 16, 2004
  • Posts: 1282
I really like it; I wish I could be more constructive but the colors do work well together.
  • Avatar of goldenratio
  • now das fresh
  • PipPipPipPipPipPipPipPipPipPip
  • Group: Member
  • Joined: Jun 27, 2002
  • Posts: 4550
I made that top banner before anything else, so it still needs to be adjusted to fit the color scheme, but it strangely works even though the colors don't match much!

And thank you!
yes coulombs are "germaine", did you learn that word at talk like a dick school?
  • Avatar of GZ
  • Gythol Granditti will be out "soon". Honest.
  • PipPipPipPipPip
  • Group: Premium Member
  • Joined: Jan 16, 2003
  • Posts: 789
the looks really neat. i guess the only thing i could say, which has nothing to do with this current design if you applied it to something else, but if you were going for a salt look (i have no idea if you were or not) i would expect more noise / dithering or something??? basically a salt kind of feel??? as just a site though this looks pretty grand.
  • Avatar of dom
  • Chapter Four: The Imagination And Where It Leads
  • PipPipPipPipPipPipPip
  • Group: Premium Member
  • Joined: Nov 9, 2003
  • Posts: 1022
I made that top banner before anything else, so it still needs to be adjusted to fit the color scheme,
this was actually all i was going to mention

i'm not sure about the big oval though
  • Avatar of Happy HELLoween
  • Dad Squad
  • PipPipPipPipPipPip
  • Group: Premium Member
  • Joined: Nov 4, 2002
  • Posts: 881
yeah, the top banner really stands out in the wrong way. Also the oval is uninspired way to take up a lot of space, it adds nothing to the design. It is as if you said, look at all this extra space I have, lets see what tools I have in photoshop, here is circle tool. Now I have oval. Also, if you are looking for ideas to expand on it, I would do so something about the outside gray, it is very plain and doesn't match the detailing found on the inside. Maybe you could use a gradient, or a trendy pattern, another option wold be to add a shadow or some combination of the three.

You spelled coming wrong as well, I don't know if this was intentional or not.



edit: anyway I am assuming this is going to be a homepage of a website, if it is going to be a blog then your work is easier because you can just expand the text in the center to the width of the entire thing. If not you need to establish what kind of content elements you will be showcasing on the homepage. This is something I used to do, I would design arbitrary layout without any consideration of what else will be going on the homepage in addition to some generic blog. Most of the time you get something plain and have trouble afterward fitting together the other pieces. I suggest you create a little overlay in photoshop of the different sections. Do not pick arbitrary sizes, try to first use some ratio, then things can be adjusted later on as you fine tune the layout. So things like that blue bar on the bottom, or the oval, can be modified for sections that can contain addition content/information. Once you have this structure you then need to add embellishments to the layout, they add a lot of class and really give you a professional design. Embellishments break up the wall of single color color that you normally get on your first rough draft. Embellishments are graphics but they can also be images with contrasting color. To get an idea of what they are, go to something like cnn: http://edition.cnn.com/ On the menu, look at the little icons next to the menu items on the top left. Look at how the search button is an image and not default form element, notice how the little icons appear next to the stories that contain the relevant data. You don't have to use images though, try to pick colors that stick out (but still match the layout). Just keep in mind you want to break up the wall of text. Also I am not a professional, I made up the term embellishments and I use the concept to help me, these are not web design rules, dada could probably give you better tips.
Last Edit: July 06, 2008, 03:05:38 pm by leafo
http://itch.io - sell your indie games
  • Baker Guy
  • Pip
  • Group: Member
  • Joined: Mar 22, 2004
  • Posts: 129
I don't like it, but mostly because that color palette isn't my preference. :)

One thing though, yellow text is never a good idea. That's an attractant color and it makes it require more focus to read than it would using a plain one.
▓█▓ Rpg Maker VX Resources (RMVX Tiles)
▓█▓ Random Generator (RPG names)
▓█▓ Funeral director simulator
  • Avatar of goldenratio
  • now das fresh
  • PipPipPipPipPipPipPipPipPipPip
  • Group: Member
  • Joined: Jun 27, 2002
  • Posts: 4550
ok you guys obviously that "coming soon" oval image is just a placeholder until i get some real content. I just did it so there is something there that isn't lorem ipsum text.

Leafo I appreciate your input but h0ly crap man, I have only begun this layout. This site will be a blog/webcomic showcase. Right now the main content area is divided in a left a right area. I don't know exactly how it will work, but I imagine it like so:

there will be two types of updates, a blog and a comic. The left area will hold all updates, and you will be able to tell a comic update because there will be a thumbnail image. The left area will basically just have a date, and then either a title of the comic (and maybe like 1 sentence description) or a very short description/excerpt from the blog. Selecting a blog update will put the content in the right area, selecting a comic update will take you to a page that obviously looks the same but the center content is merged and instead of left and right columns, it's just one big column (to fit the strip).

Not sure what you mean by picking arbirary sizes.... the funny thing is that the whole inspiration for this design came from a goldenratio calculator, and the inner content columns are in the golden proportion, so the width's of the columns are chosen.

The blue bar thing on the bottom is going to be one of those things you see on a lot of sites, with links and crap. I just didn't add any yet.

I actually really like the plain gray background but I will experiment with some chunky lines or a neutral pattern of some sort.

Also I am going to make some kind of "content box", probably plain white although maybe something almost-white like #e9e9e9, for text and stuff to go into, so it isn't just text on blue. I will probably change the font-color at that point to something darker blue, like the background. I haven't begun to experiment with those, but I'll try some drop-shadow boxes and rounded corner boxes.

What do you guys think of the yellow text? I might use the content boxes on the right column only, and leave the left column as it is now.

And GZ while I'm not really going for a "salt" theme I am still looking for a vector salt-shaker logo so if you find one let me know!

Thanks for the input you guys I appreciate it.
Last Edit: July 06, 2008, 05:40:01 pm by goldenratio
yes coulombs are "germaine", did you learn that word at talk like a dick school?