Page 1 of 6 12345 ... LastLast
Results 1 to 25 of 149

Thread: Discussion Topic: Layouts

  1. #1
    Join Date
    Jan 2004
    Location
    Iceland
    Posts
    4,763

    Default Discussion Topic: Layouts

    What kind of layout do you go for in your web design?

    I like simple, fast-loading layouts personally, but I also believe in variety which is why I made a style switcher with many very different layouts. My site is very content-oriented, so I don't generally waste much time or energy on layouts, though.

    Chapter 64: Hide and Seek
    The story of an ordinary boy on an impossible quest in a world that isn't as black and white as he always thought it was.
    (rough draft of the remaining chapters finished for NaNoWriMo; to be edited and posted)

    Morphic
    (completed, plus silly extras)
    A few scientists get drunk and start fiddling with gene splicing. Ten years later, they're taking care of eight half-Pokémon kids, each freakier than the next, while a religious fanatic plots to murder them all.

    Lengthy fanfiction reviewing guide / A more condensed version
    Read and I will be very happy for a large number of reasons.

  2. #2
    Join Date
    Jun 2005
    Location
    *yawn*
    Posts
    281

    Default

    Personally, I like most blue and red layouts. I don't like those really light layouts which I can barely see.
    Signature.

  3. #3

    Default

    I also like making layouts which are fast and simple, since I want everyone to access my site without any problems.
    Well, I'm not too good at making professional layouts anyway, but that's a different story^^;
    Some sites I've seen might have professional layouts, but sometimes they are just too overloaded, which makes them look kinda ugly.
    Style changers are a nice idea, but I can live without them^^

    Button by WereDragn
    ORAS News
    (oh yeah, if you didn't know, my PM box is still full...)

  4. #4
    Join Date
    Apr 2005
    Location
    Internet
    Posts
    136

    Default

    Anything that isn't 3 column with links on the left side and affiliates/topsites/other stuff nobody clicks on the right.
    [20:54:24] Serebii: switching is cheap
    [20:54:42] Serebii: its as cheap as ubers

    95% of Serebii.net does not understand competitive battling. If you're one of the 5% that do, then don't waste your time putting this in your sig - head straight to Smogon.

    Remember, Serebii loves you

  5. #5
    Join Date
    Oct 2005
    Location
    England.
    Posts
    821

    Default

    I like to go for a bright green type. Well a green that's light on the eyes. But i can't really to much about this as I am still struggling with HTML.
    nostalgia

  6. #6
    Join Date
    Dec 2005
    Location
    Somewhere. XP
    Posts
    193

    Default

    I like layouts that aren't eye hurting, are easy to use, etc.

    Also, it's hard for me to use Horizontal Nav. since I have so many categories, the page stretches. I really have no choice. :l

  7. #7

    Default

    I like simple layouts with a white background and not bright colours that are easy to see, but dark layouts are okay too I guess. I don't like graphics unless they look okay. I don't like frames either.

  8. #8
    Join Date
    Oct 2005
    Location
    England
    Posts
    326

    Default

    I like layouts with black and red. And similar to Dragonfree's layout (I love that layout)

  9. #9
    Join Date
    Feb 2005
    Location
    PocketNews, where else?
    Posts
    40

    Default

    I like dark layouts... and I like it to be slightly image based.
    ~ JKaizer ~
    PokePress

    ~ Paired with Jedi_Amara ~

  10. #10
    Join Date
    Mar 2005
    Location
    New Zealand
    Posts
    135

    Default

    Simple, sure seems to be THE style at the moment. It's used very effectively in iPOD style designs etc. I really dislike a page where TOO much is going on. Before you make a layout final, it's always good to look over each element in your site and ask yourself "Do I really need this? And if not will removing it have any type of negative effect on the site?". Of course don't remove too much or the layout will look empty. It often takes alot of fine tuning to get that perfect balance. I (being a bit of a perfectionist) often go through around 20 ever so slightly different versions of a layout before finally getting what I feel to be just right.

    The same goes for colour. It sure helps to liven up a site, but you don't want to go overboard with it. Limit your site to a certain colour palette. There may be some cases where you need a bit more colour than usual to for example suit the theme of a certain page, bt generally it's good to stick to a certain palette of colours that not only look good together, but also in some way relate to the theme of your site.

    Those are probably the two things I pay closest attention to when either designing my own layout, or criticizing someone elses :>.



  11. #11
    Join Date
    Feb 2004
    Location
    Shrewsbury, UK
    Posts
    336

    Default

    I tend to favour layouts which complement the site's content and aren't too hard on the eye. I've also got a bit of a "thing" for dark backgrounds and coloured text.
    Last edited by Clare; 6th May 2006 at 5:02 PM.


    A cute exterior hides inner strength ~ Suzy



    Destiny's Bond

  12. #12
    Join Date
    Sep 2005
    Location
    0x3A28213C
    Posts
    295

    Default

    Colour:
    Light colours. The coulours must be from a similar colour-group (like all shades of green, for example) with maybe 1-2 darker, complementary colours for a contrast and highlighting. I despise dark sites, especially background #000000, text #FFFFFF. This includes varieties like cyan or yellow text and a black background. Goes for forums too, of course.
    Light colours give a sense of an expansive, fresh, clean site. It puts the visitor in a better mood too. Be careful with what colours you choose.

    Positioning:
    3-columned layouts are pretty bad and overused in my opinion. Actually, Serebii.net's one is the only one I've seen and liked so far. This might be because of the site's font, which greatly appeals to me, though.

    There are many layout possibilities. A layout I really like is http://www.zymic.com (not the layouts they provide, the actual page layout) probably because the images they used to give table cells a distinct feel. A layout as pleasant as this one is a pretty rare thing to see these days.

    My favourite layout-type is several tables, one below the other, with rounded corners. Simple and very attractive if you make it right.

    If you ask me, I'd choose standard <table>s over any fancy CSS layout any day. CSS is becoming overused. CSS can be (and probably is) your best friend when planning stuff like how your text will appear, how much of a border your images have, how much padding to put between two blocks of text, etc. But moving a lot of recognising features of a web page (tables, for instance) into their CSS equivalents/near equivalents annoys me. Cascading Style Sheets should serve as an extension of your HTML document to do things which HTML does not allow you to.

    Another thing I'll mention (to webmasters-begginers, reading this) that isn't directly what this thread is about: JavaScripts. Use... Them... Sparingly... If you want your page to "seem alive" to your visitors, and you wish to write a script to, say, change and apply options which are members of a <select> tag, fine. But if you have recently been to dynamicdrive.com and want to put snowflakes, bubbles, dancing cursors, embedded music, random earthquakes, alert boxes, etc. on your site... PLEASE DON'T. This goes for disabling right click too. It makes your site messy, to say the least. Unfortunately, JavaScript is quite strongly associated with adverts, spam, confusion, random images, links moving around, anchors not pointing where you as the visitor swear they pointed last time (example of Math.random used where it shouldn't ), etc. - this is because JavaScript is (unfortunately) being used for those purposes. With every <script> tag less that you have, your visitors will have one less headache. [/rant]

    Navbars
    Having a unique navigation bar of a page is important to me. I hate boring navbars, so I endeavour not to make that mistake with my own. Using something like Flash to make a navbar is a good idea (only if you're good). I saw a navbar once that had been made in MSPaint under 1x zoom with a pencil tool. Unique, but horrible.

    When it comes to the navbar's position, I prefer to have a navbar vertically along the top of the page (just one that is not just text spearated by bitwise OR operators [I'm referring to "|" signs]).

    To sum it all up, I believe colour and images are the most important things on any site (excluding content). Only in a few cases can the content itself justify the non-existance of a proper page design.
    Last edited by Magma Leader Maxie; 6th May 2006 at 6:20 PM.

    [PI Forums|Magma HQ|Kikkoman!]
    Teal'c: Are you considering the same tactic as I?
    O'Neill: Teal'c, the cliché is "are you thinking what I'm thinking". And the answer is "yes".

  13. #13
    Join Date
    Jan 2004
    Location
    Iceland
    Posts
    4,763

    Default

    Cascading Style Sheets should serve as an extension of your HTML document to do things which HTML does not allow you to.
    Technically, CSS should cover the whole presentational part of your page. Ever heard of separation of presentation and structure?

    CSS layouts aren't some fancy trend thing. They load in a quicker and cleaner way (not to mention that you can choose which column loads first), leave your HTML cleaner and easier to edit than when you're drowning in table tags, and you can do a great deal more with them - what's there not to like? Tables weren't made for layouts - of course people who code with CSS use tables where a table is what they want, but there is no reason to use table tags for anything that is simply not a table. You could technically use <p> tags to lay out your page, but why would you? They're paragraph tags and paragraphing is what you're supposed to use them for. Same with tables.

    Chapter 64: Hide and Seek
    The story of an ordinary boy on an impossible quest in a world that isn't as black and white as he always thought it was.
    (rough draft of the remaining chapters finished for NaNoWriMo; to be edited and posted)

    Morphic
    (completed, plus silly extras)
    A few scientists get drunk and start fiddling with gene splicing. Ten years later, they're taking care of eight half-Pokémon kids, each freakier than the next, while a religious fanatic plots to murder them all.

    Lengthy fanfiction reviewing guide / A more condensed version
    Read and I will be very happy for a large number of reasons.

  14. #14
    Join Date
    Sep 2005
    Location
    0x3A28213C
    Posts
    295

    Default

    Quote Originally Posted by Dragonfree
    Technically, CSS should cover the whole presentational part of your page. Ever heard of separation of presentation and structure?
    Yes indeed. So is there any need to build navbars using just text in a div class/block? Doesn't a navigation bar fit under "page structure"? I'm talking about:

    #navbar {
    position:absolute;
    left:0;
    top:0;
    width:10em;
    border:1 px black solid;
    margin:.5em;
    }


    or something along the lines of that. HTML and CSS were obviously created to give you freedom while making a webpage. You can choose to place what you want where you want. So I'm deifinitely not implying that CSS is inferior to HTML. I'm saying that a people are using CSS to get monotone layouts you see all the time. What I'm specifically referring to is border-left/right/top/bottom being used to construct a quasi-table. That's exactly what I dislike and that's the reason why I decided to note it in this layout discussion.

    Tables weren't made for layouts - of course people who code with CSS use tables where a table is what they want, but there is no reason to use table tags for anything that is simply not a table. You could technically use <p> tags to lay out your page, but why would you? They're paragraph tags and paragraphing is what you're supposed to use them for. Same with tables.
    Fair enough. Tables are being used for waht they are not intended, but I have a feeling you get a wider area of choice using tables. Table-related tags just create the table and it's cells. You could use images to convert that table practically into whatever you want. But I still don't understand why someone would make a page that relies almost entirely on CSS. I don't find CSS to be anything that special.
    Last edited by Magma Leader Maxie; 6th May 2006 at 11:15 PM.

    [PI Forums|Magma HQ|Kikkoman!]
    Teal'c: Are you considering the same tactic as I?
    O'Neill: Teal'c, the cliché is "are you thinking what I'm thinking". And the answer is "yes".

  15. #15
    Join Date
    Jan 2004
    Location
    Iceland
    Posts
    4,763

    Default

    So is there any need to build navbars using just text in a div class/block? Doesn't a navigation bar fit under "page structure"?
    A navigation bar fits under page structure. Its position, size, shape and coloration is presentational.

    But I still don't understand why someone would make a page that relies almost entirely on CSS.
    For flexibility in positioning, instead of the rigid table model? For the ability to edit a stylesheet and change practically everything on a page? To be able to change this into this without editing a single character of HTML?
    Last edited by Dragonfree; 7th May 2006 at 8:04 PM.

    Chapter 64: Hide and Seek
    The story of an ordinary boy on an impossible quest in a world that isn't as black and white as he always thought it was.
    (rough draft of the remaining chapters finished for NaNoWriMo; to be edited and posted)

    Morphic
    (completed, plus silly extras)
    A few scientists get drunk and start fiddling with gene splicing. Ten years later, they're taking care of eight half-Pokémon kids, each freakier than the next, while a religious fanatic plots to murder them all.

    Lengthy fanfiction reviewing guide / A more condensed version
    Read and I will be very happy for a large number of reasons.

  16. #16
    Join Date
    Apr 2005
    Location
    Internet
    Posts
    136

    Default

    After using CSS extensively, there is no way I could ever go back to using tables. It just takes practice, mostly with trying to figure out how to combat browser bugs.
    [20:54:24] Serebii: switching is cheap
    [20:54:42] Serebii: its as cheap as ubers

    95% of Serebii.net does not understand competitive battling. If you're one of the 5% that do, then don't waste your time putting this in your sig - head straight to Smogon.

    Remember, Serebii loves you

  17. #17
    Join Date
    May 2005
    Posts
    447

    Default

    Eh I hate them all... I try to make one, text doesen't center.

  18. #18
    Join Date
    Aug 2005
    Posts
    34

    Default

    Are you getting anywhere with that?

    I prefer Java menu layouts much more or layouts that are mainly placed in the header. 3 columns is sometimes usefull but don't recommend it to a few people.

  19. #19
    Join Date
    Sep 2005
    Location
    0x3A28213C
    Posts
    295

    Default

    Quote Originally Posted by Faltzer
    Are you getting anywhere with that?

    I prefer Java menu layouts much more or layouts that are mainly placed in the header. 3 columns is sometimes usefull but don't recommend it to a few people.
    Embedded Java applets? Incredibly, I can name at least 20 people I know that don't have Java Virtual Machine installed. Lord knows hom many more don't. Important stuff like navbars probably should stay just HTML,otherwise you'll have people scratching their heads when they can't see any links. I used Flash for a while, but people don't even bother installing that either...

    [PI Forums|Magma HQ|Kikkoman!]
    Teal'c: Are you considering the same tactic as I?
    O'Neill: Teal'c, the cliché is "are you thinking what I'm thinking". And the answer is "yes".

  20. #20
    Join Date
    Aug 2005
    Posts
    34

    Default

    Quote Originally Posted by Magma Leader Maxie
    Embedded Java applets? Incredibly, I can name at least 20 people I know that don't have Java Virtual Machine installed. Lord knows hom many more don't. Important stuff like navbars probably should stay just HTML,otherwise you'll have people scratching their heads when they can't see any links. I used Flash for a while, but people don't even bother installing that either...

    Are you kidding me? Example of my favorite Type of Menus:

    www.pokerealm.net (oh gawd!!!!!!!!!)
    www.jkaizer.net(didn't make it but it's still cool)
    www.damagedgames.com (sexy flash menu)

    I feel like trying alot other ways to stylize layouts to make them more unique.

  21. #21
    Join Date
    Jun 2006
    Location
    Madison, AL
    Posts
    105

    Default

    Quote Originally Posted by chaos on the internet
    Anything that isn't 3 column with links on the left side and affiliates/topsites/other stuff nobody clicks on the right.

    Lmfao. I whole-heartedly agree.
    単語何でも。それ?★★★★★★★★★★★
    ××××××

  22. #22
    Join Date
    Jun 2006
    Location
    RIGHT BEHIND YOU!!!
    Posts
    15

    Default

    Quote Originally Posted by Jetx
    I like to go for a bright green type. Well a green that's light on the eyes. But i can't really to much about this as I am still struggling with HTML.
    I agree. I like Serebii.net's layout, the Voice of the Forest layout on Dragon/Butterfree's site, the layout on MY site... and the standard Breloom Woods layout on Jetx's site.

    The funny thing is I only like green in site layouts, no where else.
    It's my site, fear it.

    Less than %.001 of all people on Serebii are named AgentChronon. If you are one of that %.001 percent, copy and paste this into your sig (started by AgentChronon)

    Buoysel= awesome. It will always be that way. Forever. If you think you are a bigger Buoysel fan than me, PM me and I will correct you.

  23. #23
    Join Date
    Aug 2005
    Posts
    34

    Default

    I like layouts that aren't 3 column. Although the one in my site appears to be the common way people use layouts in a 3 column manner,it's not 3 column exactly.

  24. #24
    Join Date
    Jun 2006
    Location
    RIGHT BEHIND YOU!!!
    Posts
    15

    Default

    I like 3 column the best.
    It's my site, fear it.

    Less than %.001 of all people on Serebii are named AgentChronon. If you are one of that %.001 percent, copy and paste this into your sig (started by AgentChronon)

    Buoysel= awesome. It will always be that way. Forever. If you think you are a bigger Buoysel fan than me, PM me and I will correct you.

  25. #25
    Join Date
    Aug 2005
    Posts
    34

    Default

    3 column suck,and don't prove to be usefull in any way. Affiliates,topsites,saybox & links to other sites in the right menu,and in the left menu containing all the links in your site with all the exact same ideas Serebii has gotten.

Page 1 of 6 12345 ... 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
  •