Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 29

Thread: New design type

  1. #1
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts

    New design type

    Of the three areas of web design (visual appeal, coding, and accessibility), I am having a hard time being creative and making something worthwile. Please review my most recent work in this image and let me know anything that needs improving.
    Attached Thumbnails Attached Thumbnails New design type-new-index.jpg  
    Thoughts determine what you want,
    Actions determine what you get.

  • #2
    Regular Coder
    Join Date
    Jan 2004
    Location
    London, UK
    Posts
    234
    Thanks
    0
    Thanked 0 Times in 0 Posts
    did you make this thread so that we have an excuse to compliment you?! :P

    nice job! i really like it
    Dave

  • #3
    Regular Coder
    Join Date
    Oct 2003
    Location
    SC
    Posts
    936
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks good, I like it, it is nice and clear, but can you sent us the file, so we can also look in the code?

  • #4
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hahaha, newmand! Thanks, I really appreciate that!

    This is actually just a picture done in photoshop. I took an old design and layered everything and then just messed with visuals. Now that I have a compliment or two, I am going to start coding it right away. I should have a link for you guys in by 5:00 tonight, unless something urgent comes up that distracts me from web work. I will post the url here in a bit.

    Thanks again!

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #5
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ben@WEBProp
    This is actually just a picture done in photoshop. I took an old design and layered everything and then just messed with visuals.
    I really like the design as well.

    But what I noticed immediately is that it is in a format that would work well on letter paper in "portrait" style. Most computer screens (I think this is so, anyway) are set up so that they are wider than they are long: 800x600, 1024x768, etc. etc. - ie: "landscape" style.

    This means that the page will need to be scrolled down somewhere around the middle of "news". Of course, this is okay, but you might want to fool around with the width of the blue border a bit.

  • #6
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    As I learn more and more about web design, coding, and accessibility (thank you brothercake), I revamp and redesign the site to a better look. I originally started out about a year ago with a frames design that sucked. I did the best I could with some Java Script and corny looking Java Applets I found, but then I learned about css from these forums. CSS helped a ton, and so did looking at some of the members sites here.

    Anyway, as of now I have a centered container <div> that holds all my information and is about 700 px wide. I did this to work with an 800 resolution and up. However, I have been studying the liquid layouts of divs and the like that span across whole pages, no matter what the resolution. I want to start and try to get out of the container div, but it will have to do for now.

    As far as this index layout goes, I was thinking that the "Welcome..." text could be taken out, and the first two paragraphs relocated down the page in order to give accessibility to other pages more immediatly, either that or switch the location of "featured commercial space" and "news"...although I am not sure which one of those is more pertanent for a user to read. What do you think?

    Thanks again for all the compliments, and for the suggestions as well!

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #7
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Whoops, ran into a little trouble with the coding for this design on the banner portion:

    I want to keep the banner the same on all pages, except the text and the picture on the right, and maybe change the color from gold dependant on the page. So, in order to do this, I thought it would be much better to use elements than creating several large banner pictures. The text will be text, the blue strip will be an image, the gold will be split up into several small sections repeated across the rest of the banner area, the logo will be an image, and the picture on the right will be an image. Here is where I am having the trouble: how do I get the layering of these objects correct? Should I use z-order, or iframes (which I have no experience with), or even make several divs and z-order those? How do I correctly semanticly do what I want to do? Thanks!

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #8
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quick Question: In the file attached above, what do your eyes go to first? Also, do you think there are enough links to get you away from the homepage yet keep you in the site?

    Thanks
    Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #9
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    My design sense -- it looks much better than before, you've done good with this, but I feel:
    - My eyes go to the center of the main first block of text, good job with that.
    - The headers are a little boring to my, I would probably center them if they're going to stay text, and play with making some of it bold, and others not (use <strong> would be sufficient)
    - The green area seems to be a color that does not flow well with the content. Youmay want to choose a more complimenting color, it doesn't allow your users to really enjoy the pictures, which i imagine your client may want to do.

    As a minor thing, I don't like the border-bottom on 'News'... I feel that it breaks up your clean division -- since the border creates a new blank white box at the bottom, and neither of those boxes are structured with the left two. I'd dump it, it would clean it a bit.

    All in all, you've done a good job, and I think it's improving
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #10
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ben@WEBProp
    Quick Question: In the file attached above, what do your eyes go to first?
    Web logo at the top left corner. Then the image under 'aparment special' (typo?)

    Please do bear in mind that there are few computer screens that have the resolution that you show on your image. It would be more like the attached image. (Please excuse me for manipulating your image)


    edit: I guess it would help if I actually attached the attachment....


    Looking at this version, the first thing I look at is "Welcome to Webetc.etc." The navigation bar above that is easy to find.

    I echo the feeling about the mudgreen area at the top. Maybe add a bit more blue to that colour to echo the turquoise in the Web logo to the left.

    I don't find the look of it dull at all. It's clean.
    Attached Thumbnails Attached Thumbnails New design type-webprop.jpg  
    Last edited by llizard; 07-03-2004 at 03:54 PM. Reason: to attach the attachment... to add note about green area

  • #11
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by bradyj
    As a minor thing, I don't like the border-bottom on 'News'... I feel that it breaks up your clean division -- since the border creates a new blank white box at the bottom, and neither of those boxes are structured with the left two. I'd dump it, it would clean it a bit.
    Perhaps an image (nothing obtrusive - maybe an extension of the building??? image that is in the top right corner - I can't quite make it out because of my rotten eyesight) could be put in that huge white area below 'news'. Also, if the white area below 'feature commercial space' were removed, the page would have a more finished look. Or is there going to be text there?


    Quote Originally Posted by bradyj
    The headers are a little boring to my, I would probably center them if they're going to stay text,
    Just sticking my oar in a little further to say that personally, I find centered headers to be particularly dull. I quite like the left alignment of the headers. To emphasize that left alignment, I would remove the paragraph indentations on the text area of "Welcome to Web etc. etc.".
    Last edited by llizard; 07-03-2004 at 04:08 PM.

  • #12
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have not been able to work on the site for a little while now, but I have returned for help regarding the banner color.

    I dont know why, but the computer I use for the most part displays colors wierd. On that one, the gross green yellow I had previously been using looks way better on my main computer...so I have requested to switch monitors in the hopes that will remedy the situation (and yes...i have already tried adjusting the monitor settings themselves). ANYWAY, I am now trying a dar blue color, so please tell me if you think it suites the site better.
    Thanks!

    -Ben
    Attached Thumbnails Attached Thumbnails New design type-new-index2bsmall-copy.jpg  
    Thoughts determine what you want,
    Actions determine what you get.

  • #13
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Your monitor needs to be calibrated between the two elements -- common problem in our industry nevertheless, you'll have to deal with home users who don't have their monitors calibrated. I'm looking at the one right now, hold on...
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #14
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    I don't like the dark blue bit at the top, it just makes me want to look there and nowhere else, unless that's what you want, people not to look at the text first

  • #15
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Do you have any suggestions for me to try as an alternate color for the top? Lighter Blue? If you have the rgb, cmyk, or hexadecimal codes for the colors I should try, throw those my way.

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •