1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Web design size?

Discussion in 'Web Design' started by CazuaL, Sep 7, 2012.

  1. CazuaL

    CazuaL Jr. VIP Jr. VIP Premium Member

    Joined:
    Nov 27, 2011
    Messages:
    1,693
    Likes Received:
    1,043
    Location:
    United Kingdom
    Had an interest in web design for a long time but never actually gave it ago until now. Going to be making the basic layout in photoshop and then attempting to code it. What size do people use? Read a lot on google, some people saying use a resolution like 1280x720 because many people still use monitors that support that resolution.. others say do it as big as your res. Not having any knowledge in webdesign its hard picking out the correct answer.

    Any help would be appreciated.

    Ben
     
  2. kralcx

    kralcx Junior Member

    Joined:
    May 25, 2010
    Messages:
    164
    Likes Received:
    49
  3. Blackberry_11

    Blackberry_11 Regular Member

    Joined:
    Apr 17, 2011
    Messages:
    266
    Likes Received:
    19
    If you can build any system that supports any ratio of resolution then you will not face any problem like this. Try to build user friendly system for any type of resolution.
     
  4. Strygwyr

    Strygwyr Junior Member

    Joined:
    Apr 23, 2010
    Messages:
    154
    Likes Received:
    1,462
    Location:
    Canada
    I typically design my pages to be around 950px wide if going with a fixed width layout.
     
  5. The Web Designer

    The Web Designer Regular Member

    Joined:
    Jul 22, 2012
    Messages:
    350
    Likes Received:
    319
    Location:
    Borneo
    I use 960px at 960.gs . That's the safest size to go with. Not too big, not too small.
     
  6. FunkyWaltz

    FunkyWaltz Junior Member

    Joined:
    Aug 22, 2011
    Messages:
    112
    Likes Received:
    82
    Work with the 960.gs system. It's STANDARD. It comes with great photoshop templates as well that has you drafting quickly.
     
  7. murachi

    murachi Newbie

    Joined:
    Sep 8, 2012
    Messages:
    31
    Likes Received:
    4
    Location:
    25.0000° N, 71.0000° W
    Building your websites to be a fixed resolution is extremely bad practice. Optimize for 1024x768, this should cover most users although other screen sizes are increasingly common so don't ignore them. Don't worry so much about height. You should make sure that your sizing is fluid not static so it'll adjust on different screen sizes. If you're uncomfortable with this then using a grid system like 960.gs is probably a good idea.
     
    Last edited: Sep 8, 2012
  8. medgalys

    medgalys Newbie

    Joined:
    Dec 3, 2009
    Messages:
    32
    Likes Received:
    2
    Location:
    Lithuania
    The website should also look good on mobile devices and tables. So fixed resolution isn't the best option.
     
  9. The Web Designer

    The Web Designer Regular Member

    Joined:
    Jul 22, 2012
    Messages:
    350
    Likes Received:
    319
    Location:
    Borneo
    I am not sure since when fixed resolution has somehow become "extremely bad practice". Of course the current buzz on the web design world right now is Responsive Web Design and Mobile-first approach, but many websites are perfectly good with fixed resolution. Even most popular social media websites which hire top html/css coders are still using fixed resolution.

    But when it comes to web design sizes/resolution, I think it depends on the website needs. If the target visitors are mobile users, then one should go for responsive web. Keep in mind that no website looks the same on every browser/platform. It all comes down to the goals of a website.
     
  10. CazuaL

    CazuaL Jr. VIP Jr. VIP Premium Member

    Joined:
    Nov 27, 2011
    Messages:
    1,693
    Likes Received:
    1,043
    Location:
    United Kingdom
    Well im new to to webdesign its going to be my fix design so im guessing the resolution won't really matter to begin with as its more a test that something id release to the public/use.

    Thanks for the help, time to get designing :)
     
  11. sketchdesign

    sketchdesign Newbie

    Joined:
    Sep 1, 2012
    Messages:
    15
    Likes Received:
    2
    around 1000px wide...
     
  12. cgimaster

    cgimaster Power Member

    Joined:
    Jun 30, 2012
    Messages:
    525
    Likes Received:
    311
    Gender:
    Male
    Best advice ever!

    The resolution of your websites really depends on your target, age, location and several other factors for instance there are people on others country that still have old pcs based on windows me and/or old pcs running with 800x600px screen res, also there is the age factor where some old people prefer bigger size fonts which makes sites easier to read etc, ofc these were just examples.

    However you also have to consider the mobile settings so being able to develop a website that can auto adjust itself to all designs from 800x600 is a big plus you will not let anyone scape from it and having it mobile ready is ofc another plus for tablet and smartphone users, not to mention that we have more cellphone users then computers :p

    So prior to decide which resolution you will be using I would consider first who am I going to target or just go all out with all resolutions.

    Using javascript jquery css you can make adjustable resolutions a easy thing.