PDA

View Full Version : page design



DavidP
07-06-2004, 10:59 PM
i have a friend who is a Vietnamese model, and she wants me to make her webpage for her.

the webpage will eventually be at www.dasavo.com, but as for now I am building it on my server space at school to test it out before i move it over there.

of course it has to look "girly" because she is a model and it is her modeling webpage, so i am trying to make it look slick, clean, awesome, and girly all at the same time.

i am not sure how to design the menu, however. i have the main page picture and the background worked out, but i am not sure how i should design the menu and i'd like some suggestions....especially if you are a girl yourself...hint hint prelude....

here is what i got so far (and i do really like what i got so far):

http://students.cs.byu.edu/~dprucs/dasavo/



i have thought about making a small text menu that is animated using CSS style scripts near the top right hand corner. like when the mouse moves over the link in that menu the text could become bigger or something.

what do you think about that?

but that only covers the top right hand corner...we are still left with the big menu....

or i could just do a single horizontal menu below the picture of her, or make the main menu a vertical menu on either the right or left side...not sure..

Xterria
07-06-2004, 11:54 PM
woah yeah i like your friend :D

bookworm
07-07-2004, 06:13 AM
What's with girls and pink?! Is it relly necessary for the website to be pink. After you 've owned a computer for about 5 years and surfed a good (and bad) portion of the net, the color pink may give you bad signals. Try light blue, like the colour of XP. As far as menu is concerned, if the server is Windows, you can check out the variety of dynamic and static menus a=that Pagemaker comes with. If its Linux, I'm sure you'll find many php codes on the net for menus.

DavidP
07-07-2004, 07:08 AM
the server is Apache 2.0, so it's linux

although i tried to SSH into it and it wouldnt let me...grrr...i love SSH

ober
07-07-2004, 07:59 AM
umm... WTF? Just because someone is running Apache doesn't mean that it's on a linux box. I have Apache 2.0 running right behind me on a Win2K box.

DavidP
07-07-2004, 08:46 AM
well it's linux, because the webserver says so :)

alphaoide
07-07-2004, 09:38 AM
Go to http://css.maxdesign.com.au/listamatic/index.htm for versatile, cross-platform menu layouts.
Go to http://cssvault.com/ for design inspiration, let me know if you wanna know how to get something done regarding the design, I've been doing css+xhtml a lot lately so I could probably direct you to some references.
Just want to let you know that cascading style sheet (css) is the most preferred trend in web designing and Internet Explorer is the least preferred media to develop in

DavidP
07-07-2004, 09:47 AM
yes i know all about CSS style sheets and i use them quite frequently :) they are very cool to work with

thanks for those links, cssvault looks like it has some nice designs on it

axon
07-07-2004, 09:50 AM
I'm nopt sure that you want to stick with the stereotipical girly image of the webpage. If she is an aspiring model, don't make the website look like a Britney Spears fan page. I agree it has to be "slick and clean", but make it modern or even futuristic. Whatever you do though, the pink has got to go bro...

anyways, a few months ago I made up a pretty cool many that is very easily modified....you could find it here (http://icarus.uic.edu/~jbomba1/main.html) .

DavidP
07-07-2004, 09:56 AM
those lists/menus on the listamatic page are cool.

i think i might go with a tabbed page design.

sounds like lots of you do not like any of the pink. however, i do kind of like that fade effect that is going on.

i could change the fade effect to a baby-blue or something like that when i get home, or if it is abhorrent i could take it out completely.

axon
07-07-2004, 10:02 AM
take it out completely.

plus, figure out something different.

alphaoide
07-07-2004, 11:43 AM
Why don't you set up a weblog for her so she could update the content easily without html knowledge. http://www.wordpress.org should be your choice, it's ON FIRE right now!

DavidP
07-07-2004, 11:50 AM
i thought about setting up my own simple web log using a simple text file to store the data and some php code.

Jeremy G
07-07-2004, 12:08 PM
I think this would make a great design - roughed out the sketch for layout only -- youd have to do all the work (getting a good photo(s)).
Basicly, this should be dead center on a white back ground. You should get a picture of her sitting in a relaxed (perhaps provocative) pose like such. Your color scheme for the website should be complementry to what ever atire she wears in the photo. For the navigation, it consists of a couple square images that are portrait shots of her in different facial emotions (perhaps flirty teases?). With bold appropriate font text saying what it links to (gallery, jounral etc). The connecting element is a lacey/bow kinda fabric.
The content (news, pictures etc) should all line up under pic/nav centered and no wider then the photo and navigation comprise of the page.
http://www.jeremygiberson.com/images/dasavosketch.jpg

Just my suggestion for a clean sleak, and attractive page.

DavidP
07-07-2004, 12:25 PM
well, first off, i just talked to her and she loves the current design with the current menu system. so i might keep it.

dbgtgoten, you hit some good points, but i am going to modify it a bit...

maybe it could be more like this:

Jeremy G
07-07-2004, 12:34 PM
Thats an interesting idea, the only problem i forsee is trying to place content asthetically anywhere near that design. That was the same problem I had with your first design too. You see, you are isolating your content from your header or navigation. Doing so really complicates the process of finding a good flow. In your first design, the header/nav span across the whole top of the page, depending on the size of the window, the width and height of the page will differ on every page view for every visitor. That means the width of your paragraph blocks, or content will probably differ unless you set a specific width, and if you do that then it wont look right when the page is too large for the block of content.
My design isolates the header/content as well, but not before setting some page parameters. The content is dictated to be the set width of the image + nav images, it gives you an out for the page size varience. It segways for nice blocks of text aproximatly 400px wide. You want to be able to:
A) Integrate content with the header/nav or
B) Set some page paremeters with the header/nav
Above all things.

Se what I mean?

axon
07-07-2004, 12:38 PM
I've done that before david...it is not a good idea. The reason is that the circular menu with the main pic inside will be quite large, so then you will have to scroll down a lot for the contents of the page. It is a much better design if almost all of the contents can fit on a page without scrolling, plus a big-a$s menu is ugly and annoying.

DavidP
07-07-2004, 01:07 PM
@goten:

>In your first design, the header/nav span across the whole top of the page, depending on the size of the window, the width and height of the page will differ on every page view for every visitor.

I'd rather have that than a fixed width. If I had a fixed width then every user who views the page would have to resize their window to fit that fixed with and that is just annoying. It is much better so let it be able to size itself dynamically, so it can be viewed at literally any window size.

Jeremy G
07-07-2004, 02:19 PM
No, you see a fixt width is viewable at all realestic page sizes. They are designed to fit withion 800x600 resolution. This is the practical design model for all webpages.

LuckY
07-07-2004, 04:01 PM
Just a thought: Use images as links as you suggested, but instead of a circle, use a rectangle at the top of the page. Put some aligned at the left and some aligned at the right and make the images blend in to the background to make them more snazzy. Then put a lying down picture of her center-aligned. Here's a pic of sort of what I'm imagining. Sorry for the crudity but I drew it real quickly with MS Paint.

DavidP
07-07-2004, 06:05 PM
yeah so i just went to her house to get all of her modeling pics of her so i can start organizing them and putting them onto the page and stuff....

i didnt count....but there are at least 2000....

and the whole time i was looking at them, i was like: :eek: wow :eek:

DavidP
07-08-2004, 09:58 PM
The page is now in a fairly complete form and can be viewed at:

www.dasavo.com

The Weblog is still not complete, but other than that it is pretty much done.

Warning to sensitive viewers: The page contains a large amount of pictures that can be termed "immodest", however there are NO nudes or partial nudes of any kind.



If you happen to sign the guestbook, remember that it is HER page and not my page (I just built it), so your comments on the guestbook should be directed towards her and not me. And make them appropriate, guys (if you do happen to sign it).

Thantos
07-08-2004, 10:03 PM
Its not a bad design. For some reason my eyes did not like the pink fade that ended in the middle of the screen. Oh and blogs = lame (IMO), too many idiots have tainted them.

Xterria
07-08-2004, 10:19 PM
if you could somehow make the white background in the title pic transparent to match the site's pink gradient your site would look awsome.

btw dasa34.jpg is the best :)

DavidP
07-08-2004, 10:56 PM
My favorites include:

103, 110, 16, 19, 26, 43, 45, 48, 46, 76, 87, 94, 97

Not to mention several others that I did not post on the page.

>if you could somehow make the white background in the title pic transparent to match the site's pink gradient your site would look awsome.

I was actually going to do that at first. I made a simple file in photoshop that had the picture of her, the text, and a transparent background, but then when I saved it as a JPEG it converted the transparent background to a white background.

I decided to use it anyways, and decided I liked it...I still havent tried the transparent background thingy but I am sure it would look good as well.

By the way, the website has roughly 6 GB of bandwidth per month. Last time I checked (5 minutes ago), about 30 MB of that bandwidth had been used. I think 6 GB should be enough, dont you? So far the site only contains lots of PHP and HTML code, coupled with about 7 MB of pictures (totalling 8.4 MB in all).



and Thantos, would you suggest anything other than a blog to fill that void?

Xterria
07-09-2004, 02:10 AM
would you suggest anything other than a blog to fill that void?
howabout news? or Home? Main? the word Blog just doesn't belong on a fashion model's website.

ober
07-09-2004, 06:16 AM
A couple things:

1) You never know which page you are on in the portfolio. I suggest changing the color of the current page number.

2) You really need to change the pic on the bio. It's not becoming of her.

3) You may want to add the ability to view more than 9/12 images per page. I got tired of loading a lot of new pages when I could have just as easily loaded 50 at a time.

Xterria
07-09-2004, 06:50 AM
You really need to change the pic on the bio. It's not becoming of her.
yeah, it looks like she has a chipped tooth and lots of acne. not to mention her hair is way out of control.

edit: GA! david i can't believe you edited my guestbook message...you hot momma :D

DavidP
07-09-2004, 07:19 AM
>You really need to change the pic on the bio. It's not becoming of her.

I thought that pic looked good.

well if you dont like that pic, then go to:

http://students.cs.byu.edu/~dprucs/dasavo/images/

and pick which one you like best. maybe i will change it. i have also thought about changing the main picture.

ober
07-09-2004, 09:16 AM
Definately 4. The other ones look absolutely crappy... like someone is a complete amatuer at air brushing or something...they look fuzzy. And the main pic is great. Don't change it.

LuckY
07-09-2004, 10:24 AM
I have to agree with a lot of the comments I've read. First off, the pic on the bio really does have to go. I won't be as blunt as Xterria, but I will say, like Ober, that it _really_ is not becoming of her. I would also go with pic #4 (I didn't look at them all but it's a good pic).

I had the same thought about the main picture. Somehow you should try to make the background fade to transparent toward the right.

About the 6GB/mo, what is the hosting company the site is running on? I know PowWeb provides 5GB/day for about $7 and Brinkster provides 30GB/mo for about $7 also. It really depends on how popular you think the site will become. With all of us checking out the page you said it's eaten up a mere 30MB? If it did that much traffic every day it wouldn't even exceed 1GB, so I think you're alright.

ober
07-09-2004, 11:04 AM
I'll add that I host some files for FD and I don't get a ton of traffic, but some of the files are big and I've only reached about 1.5Gb in transfer/month.

And 6Gb is kinda small, considering I pay 9.95/mo and I have 20Gb.

axon
07-09-2004, 11:35 AM
one thing...the type face and size is wayyy too small and hard to read, especially the bold.

axon
07-09-2004, 11:38 AM
how tall is this girl anyway? 5'2?

and agree with Ob, the bio pick is horrid.

BTW Ob, where is my reply dammit

DavidP
07-09-2004, 11:51 AM
since an overwhelming majority of you think the bio pic is horrid, I changed it to pic #4. pic #4 is one of my favorites anyways :)

>how tall is this girl anyway? 5'2?

i believe she is 5' 1"

>one thing...the type face and size is wayyy too small and hard to read, especially the bold.

I think it is perfect in IE. What browser are you using? I did try browsing the site in Firefox once and it seemed a little too small, but still readable.



data transfer has now hit 60 MB. So assuming traffic like this every day of the month, that is roughly 30 MB of traffic a day. (It was probably actually a lot more yesterday than any normal day since I was doing a lot of work on it yesterday). Looks like the 6 GB bandwidth should be great.

one complaint: i cant SSH into the server. I wish i could. :(

LuckY
07-09-2004, 11:55 AM
one thing...the type face and size is wayyy too small and hard to read, especially the bold.
You must be suffering from Huge Monitor Syndrome. How big is it anyway? (the monitor I mean)

axon
07-09-2004, 12:27 PM
>>I did try browsing the site in Firefox once and it seemed a little too small, but still readable.

I am using firefox...the size could be good but with another face, try verdana

ober
07-09-2004, 12:48 PM
Tahoma is better, IMO. And your reply shall come one of these times, Axon. :p

anonytmouse
07-09-2004, 04:01 PM
Use:


font-size: 90%;

or greater for readable blocks of text. If the user wants:


font-size: x-small;

they can use their browser settings to have tiny text.

Yes, tiny text may look good, but people may want to actually read the content. At least the font size is not fixed, unlike some other sites... Not everyone has the same setup. There are different sized monitors, different monitor resolutions, different eye-monitor distances, lcd monitors, crt monitors, different eyesight, different browsers, different font renderings, etc.