Design for desktop displays from 1024×768 through 1920×1080. Design for mobile displays from 360×640 through 414×896. Design for tablet displays from 601×962 through 1280×800.
- What resolution is considered mobile?
- What is the best size of app design?
- What resolution should I design for?
What resolution is considered mobile?
Introduction to Mobile Screen Size and Density
Common mobile screen resolutions include: 480×800, 640×1136, 720×1280, 750×1334, 1080×1920, and 1440×2560. The most common resolution is 720x1280.
What is the best size of app design?
I recommend designing at 360x640 for Android and 375x667 for iOS. Unless you want to showcase your design in a modern and trendy Device Mockup, for example, iPhone 11 Pro or Samsung Galaxy S10+, or your target userbase has a different screen size.
What resolution should I design for?
Recommended screen resolution for web design for desktop
So going with a design file resolution that's 1440px or 1920px wide is a great start. The next decision will be to decide what maximum size the main container should have, within which you'll have your columns.