Skip to main content

Questions tagged [screen-resolution]

A screen's resolution is its size as measured by the number of components (usually pixels) it contains. Sample screen resolutions for PC monitors include 1280x800 pixels, 1024x768 pixels, etc.

Filter by
Sorted by
Tagged with
0 votes
1 answer
47 views

Screen size when designing an iPhone mockup in Figma?

I used Figma to design our iphone app. What iphone model should I use for designing iphone apps? For what it's worth: I'm asking for iphone model instead of resolution since I can specify the model in ...
rbhat's user avatar
  • 187
0 votes
1 answer
114 views

How to scale typography and UI for different mobile device resolutions?

We have an iOS and an Android tailored application. We noticed that on small devices, the UI becomes very large with texts not fitting properly, either truncating or going to another line (this ...
Velionis's user avatar
2 votes
1 answer
102 views

Screen-size based layout presets

I am looking for a better way of designing settings page, where users can define which layout preset they want to use based on their screen size. Use case 1: I started session on a 27" desktop ...
Romqa Ivanov's user avatar
2 votes
2 answers
156 views

maximised vs full screen

Its a trivial question but I'm wondering which term is technically correct and which makes more sense to an end user. Full screen - "a window occupying all the available display surface of a ...
Bruce Adams's user avatar
1 vote
0 answers
32 views

Best Prototype Resolution for Public Sector [duplicate]

I'm frequently designing web application prototypes with Axure RP 10 for the public sector. Usually, I use the resolution of 1920x1080 px with the smallest font in 24 px(next bigger header is ...
delUXedesign's user avatar
1 vote
1 answer
63 views

should I scale down for low-resolution devices?

after developing my design, everything is very huge, not messed up, but huge. for example, in 1920px devices, if you make browser smaller everything is alright, but if you use a POS system(with 1024px ...
Sara Tahmasiyan's user avatar
2 votes
2 answers
5k views

What screen dimension would you choose to design your wireframe width?

I'm trying to figure out which is the best width dimension for our designs that will eventually get handed off to developers. Our most popular screen dimension is 1920 x 1080 by like 75% over others. ...
iuuiuui's user avatar
  • 23
4 votes
1 answer
240 views

Why is the precision of the cursor position for pointing devices (like mice) limited to one pixel across most UIs?

tl;dr: Why is cursor position not antialiased by applications, desktop environments, or operating systems? Why don't user interfaces give the ability to localize pointer position with subpixel ...
ayane_m's user avatar
  • 141
0 votes
1 answer
109 views

Product Description Pages and Header vs Page Body Width

NOTE; I know there are some questions already asked about this, but most are from many years ago. I'm trying to get the latest and greatest thoughts on the matter... which have probably evolved over ...
Daveh0's user avatar
  • 201
2 votes
1 answer
801 views

Stats on percentage of desktop and laptop computers with high resolution monitors

Mobile phones and tablets nowadays all come with high-resolution (pixel density) screens. New Apple computers come with at least 218 pixels/inch. – Does anyone know the percentage of desktop and ...
Tony Bolero's user avatar
  • 7,304
1 vote
2 answers
1k views

Where do I place a side navigation panel for wide screen displays?

I'm building a UI with a side panel for navigation links. The content of the page would have a max-width while the sidebar stays fixed when scrolling the content. I'm not sure where to place the ...
glocore's user avatar
  • 121
0 votes
1 answer
50 views

What's the reference screen resolutions to start preparing mockups for desktop? [duplicate]

I need to justify my choice of screen resolutions for a PWA desktop app that runs to run on old and newest PCs. So far mockups are preapred for 1440? I don't have specific information which lead to ...
Mateusz Gniewek's user avatar
1 vote
1 answer
542 views

Screen resolution stats and responsive design

I'm working on a new website and there's some debate regarding what width should be picked as maximum for the main, fixed-sized, grid (it won't be a 100% width layout). (Should it be 1100px? Should it ...
Glauber Rocha's user avatar
0 votes
1 answer
438 views

Vector or raster graphic for UI elements? [closed]

Which type of graphic should I use for UI elements in web and mobile? If I need to create @5x image size and then just reduce it or I need to create 1 vector image (like a button or icon) and just use ...
Jiolet Vuice's user avatar
1 vote
1 answer
65 views

What is the relationship between screen size and application design? Is it a two-way street?

I read this recent article (link not provided since it felt a bit like an ad) on The Verge about the trend of looking beyond 16:9 aspect ratio screen displays, at least according to what is on show at ...
Michael Lai's user avatar
  • 27.3k
-1 votes
1 answer
141 views

Which screen resolution (Largest or smallest) is best for developer hand-offs?

I am currently designing a web app to cater for the following screen resolutions: 1920 x 1080 1600 x 864 1366 x 768 I'm wondering: Which is the default/primary resolution I should design in for ...
Elizabeth Tan's user avatar
2 votes
2 answers
471 views

How should my design resize according to the screen size?

I am designing a web based application which should be responsive for width 1366 to 1920 px as it will be only used in this environment. I have designed mock-ups in adobe XD in 1366 screen size how ...
vaibhav Kothari's user avatar
1 vote
1 answer
322 views

Android UX/UI guidelines for smaller vs larger screen size and pixel densities

I'm an Android Developer that's not all that well versed in UI/UX design principles. In the projects I work on, I find that the biggest issue is accounting for the myriad of screen densities and sizes....
pingOfDoom's user avatar
2 votes
3 answers
2k views

Web application Design - using full screen width [duplicate]

With today large screen resolution (1920 screen width rules now), I need to decide between using the full width of the screen (liquid) versus fixed with (padding with white margin over 1366px for ...
Iris Green's user avatar
2 votes
1 answer
108 views

Is it common practice to use separate identical images of different resolutions for different screen sizes? [closed]

From a design perspective is it more common to use different size images for say desktop and mobile or is it more common to use the same image for each and display them in different size using css or ...
C_B's user avatar
  • 935
23 votes
6 answers
66k views

What is the best max-width content container in a website?

Following Bootstrap 3/4 or other frameworks, we have notice discrepancies in terms of max-width for the main content, for instance: In bootstrap 3 the max width of the container is 1170px In ...
Juan Jardim's user avatar
1 vote
1 answer
384 views

Menu sidebar height on small screen resolutions

I'm currently having a challenge on a SaaS I'm helping designing, regarding small screen sizes. That SaaS has a menu sidebar on the left as its main navigation, with 2 levels of navigation. The ...
Joao Carvalho's user avatar
1 vote
1 answer
1k views

Which screen resolution is best for reading in 13 inch laptop? [closed]

I do work with a 13 inch laptop for reading and writing. Please suggest which screen resolution is best for eyes. Resolution: 1360 * 768 (16:9) or 1600 * 900 (16:9)
Srinivasan's user avatar
0 votes
1 answer
67 views

Mobile design and images sizes problem [closed]

We are developing a mobile App for a website, we have a problem in scaling images for 2x and 3x mobile screens. The website allows users to upload images, and all images that were uploaded in the ...
DeepBlue's user avatar
  • 101
0 votes
1 answer
134 views

How representative is the number of people who resize their browsers?

When you build a responsive site, you have media queries. As long as the screen is more or less the size of common media queries, for example Bootstrap's defaults, a design will probably look as ...
Rick Alvarez's user avatar
2 votes
3 answers
3k views

Question about Material Design dp and screen sizes

Apologies in advance for this complete noob question. I noticed that the Material Design website publishes device metrics at https://material.io/devices/ and includes screen dimensions in dp (density-...
Massif's user avatar
  • 43
2 votes
2 answers
1k views

Horizontal vs. Vertical centric email signatures

When it comes to company signatures you can be forced to use their approved format which I understand. Outside of that, or where you have choice, are there considerations as far as horizontally or ...
Matt's user avatar
  • 125
0 votes
1 answer
166 views

Creating artwork for display on 4K UHD video [closed]

I was asked to create artwork for a 4K UHD video and was only given dimensions: 4096 x 2160. This is my first time ever designing for the screen, so I apologize if this is a dumb question. When ...
Peahappy's user avatar
0 votes
1 answer
497 views

Visual designs for multiple screen sizes [duplicate]

We are designing a website for desktop and tablets, which needs to work for 1366x768, 1024x768, 1920x1080, 600x1024, 1600x900 - the most common resolutions as per Stat Counter Global stats in India. I ...
Biswadip Paul's user avatar
1 vote
2 answers
170 views

For mobile app developer, which screen size is the most common one?

Currently, I'm designing a mobile app -using hybrid platform- for public use, and I'd like to know, which screen size I should use as my standard, so I can give the best user experience for my ...
hussein's user avatar
  • 11
1 vote
1 answer
13k views

How to simulate screen resolution realistically when testing responsive Web UI?

I have tried to test our Web page in different resolutions with two different approaches: changing resolution on Web browser with Resolution Test extension for Chrome simulating mobile devices with ...
dzieciou's user avatar
  • 391
3 votes
1 answer
732 views

Why are there only 6 official dpi resolutions while physical density varies per device?

When designing an Android application, dpi scale is used (from mdpi to xxxhdpi, as presented on material.io); but on https://material.io/devices/ there's a list of many Android-based devices for which ...
Ravid Gal's user avatar
10 votes
2 answers
1k views

Why are monitors landscape and books portrait oriented?

Generally, with most books, they are in portrait form. I've seen reasons for this, like it is less work for our eyes. If this is the case, then why are computer monitors and TVs in landscape form? Why ...
MCMastery's user avatar
  • 202
65 votes
3 answers
113k views

Why the 360x640px resolution is currently the most used one?

Recently, after checking which is the currently most used resolution among all devices I was surprised to find out that we have a new leader - the 360x640px resolution. This is obviously mobile ...
Kristiyan Lukanov's user avatar
1 vote
4 answers
6k views

Responsive design - Most common resolution steps

I am developing a web app that needs to be available on desktop, tablet and mobile. I know already about responsive design, media queries and all that stuff, but my question here is more about ...
Nick's user avatar
  • 687
2 votes
1 answer
2k views

Is anti-aliasing still relevant in a high resolution display?

The idea of anti-aliasing is to make edges look smooth so it is nicer for human eye to see. But lately with the availability of high-resolution monitor, with high density per inch, which some called ...
user avatar
3 votes
2 answers
3k views

What is the difference if any between increasing font size on a high res display and using a normal font size on a comparatively lower res display?

This question has puzzled me for a long time. The new monitors in market have very high resolution and I find the need to increase font size while viewing webpages (Ctrl+ in Chrome). As far as text ...
morpheus's user avatar
  • 137
2 votes
2 answers
696 views

Are there any stats that show screen WIDTH instead of DIMENSION?

I am designing a website and have to decide on width of the screen and I need to know the distribution of the screen widths - i.e. how many people are using screen of width equal or less than X (= ...
Tomas's user avatar
  • 121
4 votes
2 answers
466 views

Should a responsive sticky side menu stay sticky at high resolution?

We have a website/app that has a side menu that sticks to the left side of the screen (see mockup below) It is a responsive site, so when accessed on higher resolution screens (or if the user zooms ...
Gueda's user avatar
  • 407
2 votes
1 answer
184 views

Acceptable image resolution relative to native display resolution on high-PPI displays?

I'm wondering if there are any studies - or even anecdotal evidence - on what the acceptable resolution of images is on high-resolution screens (e.g. phones and tablets). Obviously, an image that's ...
Flambino's user avatar
  • 123
0 votes
1 answer
1k views

Why minimum resolution for mobile web design vs. mobile app design is different? [closed]

After a lot of experience with mobile-first responsive design, I recently got a weird question from a visual designer colleague: "Why do we have to design mobile websites at minimum resolution of ...
Ravish Malik's user avatar
22 votes
3 answers
7k views

What was the reason behind total transition towards wide screen displays by the manufacturers?

I often hear complaints by users who are not satisfied by the wide-screen monitors and prefer traditional screen ratios of 4:3 and 5:4. Unfortunately, such monitors now are quite rare and the laptops ...
Anixx's user avatar
  • 329
0 votes
2 answers
630 views

Simulating how an app would look on various Projectors

I've done a few google searches and not coming up with anything useful: I was wondering if anyone knew of any software or techniques that you could use to simulate how a web application would look on ...
Tim's user avatar
  • 101
0 votes
4 answers
1k views

Optimal video resolution for lecture videos on a tablet-PC

We are developing an educational tablet-app for our customer. The app is required to show fullscreen videos of university style lectures In-App. After a short introductory phase, where the lecturer is ...
plocks's user avatar
  • 101
3 votes
1 answer
8k views

Designing for 4K resolution vs. standard

Several of the projects I'm working on are going to be published for both standard and retina displays, plus now we're considering publishing the same applications for 4K and 5K resolution. Has anyone ...
SheTeeples's user avatar
50 votes
3 answers
6k views

Why is it called the fold?

Why is the place where the visible screen (on load) ends called the Fold? I have a hard time even writing out the definition for it, but when someone says The Fold, I know exactly what they mean. ...
Jacob Raccuia's user avatar
2 votes
1 answer
678 views

What are common resolutions for projectors?

I'm looking for a table detailing the distribution of video projector resolutions in a business setting (i.e. not home theater or classroom projectors). Google brings up a number of resources on the ...
Vitaly Mijiritsky's user avatar
2 votes
3 answers
97 views

How to design an interface when a single user is an outlier?

I have designed an internal application to be used by a single engineering team. My stakeholders gave me a resolution I should design all the interfaces at. The application I am working with does not ...
enderland's user avatar
  • 712
0 votes
2 answers
161 views

When designing for desktop, is it still appropriate to design for standard pixel density?

With new, high resolution monitors and laptops popping up all over the place I'm starting to wonder whether I should be making the desktop only design elements of my websites suitable for high pixel ...
styke's user avatar
  • 303
5 votes
2 answers
20k views

How to test website for large screens?

I want to test website for large screens such as 1920 x 1080 pixels, 2560 x 1600 pixels, In browserstack i find only 1280 x 1024 pixels is maximum for windows machines, Is there any website to test ...
M.R's user avatar
  • 153