Printable View
So recently I decided to have a go at web-design. This is my first ever design.
Yes, I know it's bland. I know it's terrible. I know the colour scheme is horrid, but it's my first ever design. Constructive criticism is appreciated! :D:
Kind Regards,
Tyler.
You still have a lot to learn.
Some problems with the design:
The tips I can give you to improve are the following:Code:- Font is very hard to read.
Try to use a more neutral font like Arial or Verdana, as what a webdesign is about in the end is conveying information to the user.
- As you pointed out your self, colors are very bland.
- Navigation text is way to big.
Code:- Look up some typography tutorials/articles.
Here you will learn EVERYTHING you will ever need to know about text formatting and how the human eye interprets the information.
- Look up some color-theory articles.
Here you will learn exactly how the brain interprets colors, for example: white is known to the brain as very clean and professional/slick.
- Look up some UX/UI/Interface design tutorials.
Here you will improve quite a bit with spacing/formatting/etc.
- Just go look at great websites.
This will get you inspired and will give you good ideas to implement in your own designs.
A good place to find such websites is a compilation site such as Creaticca which is created for just this purpose.
I thought i saw my name in there xD.
The font doesnt look good.
Its a good first time :)
My first sucked too, it was like all standard etc.
This is my first time: (still my only web design)
http://img543.imageshack.us/img543/1484/naamloos3t.png
Thanks ever so much for the advice guys!
I think what I need to do in future is plan my design around a design concept such as graphics from a game. I have the ability to use photoshop, but not the ability to use my imagination nor do I possess creativity.
Well, like I said on MSN. The overall design is too dark, you should lighten it up in some areas, or if you want to use dark colours - blue always works!
I'm not sure if you are using a gradient for the overall background, or if it's just me, but imo that should never be done. It's pretty much impossible to code in because of different resolutions, and the loading time would be crazy! Oh, but you could use CSS3, but this just brings up more errors.
Also, you need to read up on text formatting :)
It's a good attempt for your first design, good look in future web design :)
This can be done with almost no extra load time.Quote:
Originally Posted by MattehCarter
Basically make a gradient in photoshop or whatever, let's say #e3e3e3 to #ffffff(light grey to white).
Then crop it down to 1px in width and whatever height the gradient spans.
Next, in the body css definitions, set background color to the lowermost color(#ffffff) and put the background image as the gradient image and finally repeat it on the X axis.
Example:
Code:body { background: #fff url('gradient.png') repeat-x; }
Well, yes, if someone doesn't know about 1px cropping they shouldn't really be classed as a 'designer'. But, even if you do that, resolution differences come into play and much more!Quote:
Originally Posted by spikensbror
Not really. You can make a gradient 2000 px high and it wouldn't change the way it displays on any resolution really as it is not displayed more than the bodys height/width.
Looks a bit akward where it is just one square is the container holding everything. You should try and re-make it with navbars, etc.
I aimed to have a single container, I like the simplicity of it.Quote:
Originally Posted by LL Swag
If I were to code it, I'd have the lorem ipsum in a seperate scrolling div, that would probably fix your "single box" issue.