Well i want the design to be simple, given my graphic skills i think its really good compared with my usual stuff!!
Im coding it up now, i did have issues with the reflection part at the bottom there, but managed to get around that with a background image that is as wide as that reflection but the exact length so that it brings the white reflection down to the right level and ive filled in the gaps to the left, right and bottom of that image with a standard <body bgcolor=> so it looks how it does in the design. I had to remake the gradient reflection so it fades out smoothly. On the more standard screen sizes it looks similar to the image above where the gradient goes off the screen and i think it looks ok. On large screens the gradient is shown (depending on the screen size) to its full extent and it also looks fine.
Im hoping to use this to advertise myself as a web developer, so i need something simple, modern and slick, i dont want it crowded up i want it minimalist so im fairly happy with the layout aspect. The logo is very simple and it does need something, some sparkles arent a bad idea! I like the effect on the bottom right of the panel, ive had to turn the opacity down though because if the text goes over that area it became very hard to read as they were the same colour, but with 50% opacity its is a lot better.
Im very tempted to put some flares either side (but not on the same horizontal level) of the central panel, have some nice "tentacle" brushes, one of which is the brush to the left of the logo text, i add them in and they look good, but then i take them away and it still looks good! So i dont know what to do about those!
Ive designed it so it fits perfectly within an 800x600 screen. In firefox the central panel fits perfectly in the avaliable space and of course on bigger screens it displays perfectly too. I have a widescreen and its perfect!
The only problem i have is in IE the tabs seem to have a 3px or so border to the bottom, separating them from the central panel, which is really annoying and i cant seem to kick it. In FF i had that issue but border-collapse killed it, but not so in IE
I could easily use the white (or brown) space to the left and right to display extra info, maybe an animated gallery of previous work etc... but on smaller screens it will mean horizontal scrolling which is something i cant afford!
I want to stay away from using images, the only images i want to use on the site are going to be things like the logo, the background of course, and screenshots of designs/previous work in the portfolio section, going to have to be creative with that page to fit it all in! Perhaps expanding divs, slideshows or a slight re-design for that page.
RE: Xalor
I dont want to use a broken up layout as the information i have to display (i think) wont work with such a design. It will be 2 paragraphs max of text and is specific. For example the home page will be a short intro to the services offered, the contact page will simply be a contact form, the info page will be things like rough estimates of price, how things work (eg communication channels, payment methods/deadlines) etc.... and i dont think this sort of stuff can be broken into boxed segments as in the style of the site you linked. I also want to avoid pre-made things. Im a website developer and the only time i resort to pre-made things are sophisticated galleries (eg flash), e-commerce solutions and forums as virtually everything else i need i can hand code. I also dont want to be like the rest of the web with pre-made solutions, i am after all trying to advertise myself as a website developer!
Edited by shadowx, 04 February 2009 - 10:48 PM.