Help With Design schmuh
#1
Posted 16 June 2004 - 11:03 AM
As you may/may not know, I mentioned recently that I'd like some help with the layout/design of the site. I'm relatively happy with it right now, but I'm still working out kinks and discovering things that I don't particularly like, things like that. Any ideas or help with the look and aesthetics would be appreciated. I'm thinking "frames", but I'm not sure. I dislike coding frames. Too many variables.
#2
Posted 18 June 2004 - 12:40 PM
I'll be the first to post here. (?)
Please though, these are just ideas, I'm alright with the layout now, but I'm just thinking...
I liked it when your news section was situated in the middle, with links on both sides. Yea, it did look cramped, but your buttons are really big...
The layout of this page might help out a bit, but you could use a simplified view to emulate it...
I'll think up more when I get a closer look.
Please though, these are just ideas, I'm alright with the layout now, but I'm just thinking...
I liked it when your news section was situated in the middle, with links on both sides. Yea, it did look cramped, but your buttons are really big...
The layout of this page might help out a bit, but you could use a simplified view to emulate it...
I'll think up more when I get a closer look.
PRECIOUS VELIUS....
#3
Posted 18 June 2004 - 04:08 PM
QUOTE (looktothesky @ Jun 18 2004, 12:40 PM)
The layout of this page might help out a bit, but you could use a simplified view to emulate it...
Wow, I really dig the layout of that site. I don't like the blue-on-black text but the overall layout is very cool.
As for your site, Hecc, here's what I have to say:
I think it would be good (and keep in mind this is just my opinion and is clear in all the sites i have designed) to decrease the width. In other words make a table with a set definition of width to put the whole site in.
Example:
CODE
<table width="600" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="150" valign="top"> <!-- Put sidebar link stuff here --> </td>
<td width="450" valign="top"> <!-- Put main site content here --> </td>
</tr>
</table>
<tr>
<td width="150" valign="top"> <!-- Put sidebar link stuff here --> </td>
<td width="450" valign="top"> <!-- Put main site content here --> </td>
</tr>
</table>
My screen resolution is huge (1152 x 864) so reading pages where the text extends to 100% the width of the screen can just give me a huge headache.
There is a web design (and all other forms of text layout for magazines, newspapers, etc.) philosophy that putting text in smaller blocks is just easier to manage for the reader (not only "Reader" but all of us readers) to handle. This is why newspapers have five or six columns going across a page.
I think the school of thought is that 12-14 words per line is the most manageable.
I dunno. Just some thoughts.
See Chefelf in a Movie! -> The People vs. George Lucas
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
#4
Posted 19 June 2004 - 01:35 AM
I use 1152x864 as well, and that was one thing I noticed, Chefelf. It did stretch a wee bit. I copied your code there (made a couple of slight tweaks to space it out a bit, but for the most part, I used what you had) and I like the way it currently looks. See for yourself. It's neat, and doesn't pan out as much, and I thank you for the suggestion. I never even thought of defining my cells more.
I moved the affiliates links from across the bottom to the right side as well, and will likely be desigining new buttons to go over there so that it's a little more evened out.
Current projects: apply these changes to each page, change the navigation images to the same drippy/bloody font as the logo (which is now nicely centred) and hope that someone can come up with an idea for a creative (yet intuitive) links page.
Jenn, I really liked the layout on that site, so I'll be keeping it in mind. Like Chefelf, however, I felt that the colours were quite straining to the eye. Still, thanks for the idea.
Oh, and on a smaller scale, I switched the main page to Verdana for a font face, and moved the legal mumbo jumbo to the bottom. Let me know what you think so I know whether or not it's worth applying to the other pages.
I moved the affiliates links from across the bottom to the right side as well, and will likely be desigining new buttons to go over there so that it's a little more evened out.
Current projects: apply these changes to each page, change the navigation images to the same drippy/bloody font as the logo (which is now nicely centred) and hope that someone can come up with an idea for a creative (yet intuitive) links page.
Jenn, I really liked the layout on that site, so I'll be keeping it in mind. Like Chefelf, however, I felt that the colours were quite straining to the eye. Still, thanks for the idea.
Oh, and on a smaller scale, I switched the main page to Verdana for a font face, and moved the legal mumbo jumbo to the bottom. Let me know what you think so I know whether or not it's worth applying to the other pages.
#6
Posted 19 June 2004 - 07:37 PM
I like the way it looks! The only other recommendation (and I'm not trying to be nitpicky) that I would make is maybe putting a little cellpadding in the red cells (maybe somewhere between 5-10). Just a suggestion!
Nice work so far!
Nice work so far!
See Chefelf in a Movie! -> The People vs. George Lucas
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
#7
Posted 19 June 2004 - 07:47 PM
I like the way it looks! The only other recommendation (and I'm not trying to be nitpicky) that I would make is maybe putting a little cellpadding in the red cells (maybe somewhere between 5-10). Just a suggestion!
Nice work so far!
Nice work so far!
See Chefelf in a Movie! -> The People vs. George Lucas
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
#9
Posted 19 June 2004 - 08:29 PM
I like the way it looks! The only other recommendation (and I'm not trying to be nitpicky) that I would make is maybe putting a little cellpadding in the red cells (maybe somewhere between 5-10). Just a suggestion!
Nice work so far!
Nice work so far!
See Chefelf in a Movie! -> The People vs. George Lucas
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
Buy the New LittleHorse CD, Strangers in the Valley!
CD Baby | iTunes | LittleHorse - Flight of the Bumblebee Video
Chefelf on: Twitter | friendfeed | Jaiku | Bitstrips | Muxtape | Mento | MySpace | Flickr | YouTube | LibraryThing
#11
Posted 20 June 2004 - 01:05 AM
Keeping with my designing frenzy, I've built a custom storefront. Check it out:
http://heccubus.50megs.com/store.html
http://heccubus.50megs.com/store.html
#12
Posted 20 June 2004 - 09:51 AM
QUOTE (Heccubus @ Jun 20 2004, 01:05 AM)
Keeping with my designing frenzy, I've built a custom storefront. Check it out:
http://heccubus.50megs.com/store.html
http://heccubus.50megs.com/store.html
Very nice!! That way people won't be leaving your site and be distracted by something else!
lol
PRECIOUS VELIUS....