I'd like to know what is the most common aspect ratio to aim for in web design? I'm having problems with a site that works fine in 1920x1080 (16:9), but it doesn't work out so great in 1680x1050 (16:10). I just want to decide which would be the best choice to aim for. I realise there are mobile resolutions to bear in mind, but I'm thinking specifically of desktop users.
Answer
This is a question that can be answered easily and quickly by Google.
But since it is a popular question, here's a reusable approach:
Based on this analysis I would certainly aim for 16:9 for desktops. Remember that browsers usually have even higher aspect ratios because the nav/tab bar and status bar will reduce the height more than the scrollbar reduces width.
But the popularity of 16:9 isn't an excuse for poor design. It's usually important to ensure websites render well on a range of window sizes, because users don't always browse with the browser window maximized. Even if they do, desktop users often have taskbars (e.g. windows, mac) or sidebars (e.g. chat, social) which will change the browser aspect ratio.
No comments:
Post a Comment