Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    I am wondering if anyone has any ideas for where to look to have a little guidance on creating an attractive layout for a site, I have experience with coding but have little experience with layout, or any tips there may be for layout designs.

    any suggestions, sites, etc... would be appreciated
    --
    thanks
    Thee Pyro Wolf

  2.  

  3. #2
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Try this - Zeniltuo.com - inspiration journey - All website galleries in one page - found this little gem while flipping through one of the showcase sites mentioned.
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  4. #3
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    ok thanks
    Thee Pyro Wolf

  5. #4
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    The "attractive" layout for any website depends on its content type. "Attractive" is not restricted to visual appeal, but also about how enjoyable the content is.

    Therefore, your layout has to be the best for your layout of content. If you expect users to jump around pages a lot, use a naviagtion that is easy to access (don't use drop-downs, for example). If you have long articles, minimize the amount of vertical scrolling by giving the maximum amount of possible width for the article (don't leave space for a third collumn, etc).

    For imagery sites, you want users to see as many images as possible, in a gallery format, along with extra thumbnail info (such as the images' title, size, terms of use). So try to optimize the amount of images per page.

    Forums, on the other hand, usually want plenty of interaction with the site - and thus this often warrents a third collumn, including stuff like article updates, new members, polls etc.

    So what's your site?
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  6. #5
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    Quote Originally Posted by Steax
    The "attractive" layout for any website depends on its content type. "Attractive" is not restricted to visual appeal, but also about how enjoyable the content is.

    Therefore, your layout has to be the best for your layout of content. If you expect users to jump around pages a lot, use a naviagtion that is easy to access (don't use drop-downs, for example). If you have long articles, minimize the amount of vertical scrolling by giving the maximum amount of possible width for the article (don't leave space for a third collumn, etc).

    For imagery sites, you want users to see as many images as possible, in a gallery format, along with extra thumbnail info (such as the images' title, size, terms of use). So try to optimize the amount of images per page.

    Forums, on the other hand, usually want plenty of interaction with the site - and thus this often warrents a third collumn, including stuff like article updates, new members, polls etc.

    So what's your site?
    ok yeah that makes sense, thanks again
    Thee Pyro Wolf

  7. #6
    Junior Member
    Join Date
    Jan 2007
    Location
    Glasgow, Scotland, UK
    Posts
    6
    Member #
    14672
    You'lll get some excellent layout ideas - and all built using CSS - at:
    http://www.csszengarden.com/
    http://www.oswd.org/

  8. #7
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    Quote Originally Posted by jamessy
    You'lll get some excellent layout ideas - and all built using CSS - at:
    http://www.csszengarden.com/
    http://www.oswd.org/
    that is good, i have decided to look at some layouts on the internet, and try to create them using code of my own, Thanks alot for those two links, they will be very helpful
    Thee Pyro Wolf

  9. #8
    Senior Member solidgold's Avatar
    Join Date
    Jun 2006
    Posts
    766
    Member #
    13373
    www.dailyslurp.com
    www.webcreme.com
    and...
    for a really beautiful website:
    www.aesthetic-design.co.uk


    (haha sorry about the plug there...!)

  10. #9
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    lol nice, however thanks for your comments anyway they are helping greatly. How do most of you start when you are designing a site, aside from the fact that you need to have a purpose for the site.

    Do you start by creating it on paper, or do you use some simple drawing program, or form scratch?

    I have always started by making the sketch on paper, then making on the computer using Photoshop, gimp, or in some rare cases ms paint when on a client computer, I have become very good at transferring an image layout to code, just making the layout look good to the general public has become the difficult thing for me to do
    Thee Pyro Wolf

  11. #10
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    Funny you'd ask. ALA has a new article about how to make designs effectively on paper. Give it a read.

    I personally think that doing mockups as images isn't a great idea. It's hard to emulate some circumstances in it (like browser misconsistency in CSS - such as font sizes and box models) and I tend to overshoot my homepage's size. I aim for a 60kb content size and 100kb single-download (scripts, css, images which are cached) homepage, and making it in photoshop can easily pass 400kb.

    My method is to just look at some other sites, get ideas, gather my goals, and see how I can suit the layout I like to my goals. I go straight to HTML and do modifications from there. I do this to avoid too much clambering around the layout and design, so I can just say "OK I like it, move on!" and go to coding, because it's hard to settle on a design.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:37 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com