How to comply with origin rules

iPhone design size: the perfect specification to meet your design needs. In today's mobile phone design field,How to comply with origin rules iPhone has become an important tool for designers. In the face of many iPhone users, how to design a perfect iPhone interface?The correct size is crucial. In this article, we will introduce you to the specifications and best practices of iPhone design size. Overview of iPhone size First, let's take a look at the screen size of iPhone. With the continuous updating and upgrading of iPhone styles, its size is also constantly changing. Let's analyze them one by one. iPhone 12 Pro Max - Screen size: 6.7 inches - Resolution: 2778 x 1284 pixels - Device pixel ratio: 460 ppi iPhone 12, 12 Pro - Screen size: 6.1 inches - Resolution : 2532 x 1170 pixels - Device pixel ratio: 460 ppi iPhone 12 mini - Screen size: 5.4 inches - Resolution: 2340 x 1080 pixels - Device pixel ratio: 476 ppi iPhone SE (second generation) - Screen size: 4.7 inches - Resolution: 1334 x 750 pixels - Device pixel ratio: 326 ppiiPhone 11- Screen size: 6.1 inches- Resolution: 1792 x 828 pixels- Device pixel ratio: 326 ppiiPhone XR- Screen size: 6.1 inches- Resolution: 1792 x 828 image Pixel ratio of the device: 326 ppi iPhone 11 Pro, 11 Pro Max - Screen size: 5.8 inches / 6.5 inches - Resolution: 2436 x 1125 pixels / 2688 x 1242 pixels - Device pixel ratio: 458 ppi iPhone XS, XS Max - Screen size: 5.8 inches / 6.5 inches - Resolution : 2436 x 1125 pixels / 2688 x 1242 pixels - Device pixel ratio: 458 ppiiPhone X - Screen size: 5.8 inches - Resolution: 2436 x 1125 pixels - Device pixel ratio: 45 8 ppiiPhone 8, 8 Plus - Screen size: 4.7 inches / 5.5 inches - Resolution: 1334 x 750 pixels / 1920 x 1080 pixels - Device pixel ratio: 326 ppi iPhone 7, 7 Plus - Screen size: 4.7 inches / 5.5 inches - Resolution: 1334 x 750 pixels / 192 0 x 1080 pixels - Device pixel ratio: 326 ppi iPhone 6s, 6s Plus - Screen size: 4.7 inches / 5.5 inches - Resolution: 1334 x 750 pixels / 1920 x 1080 Pixel-Device pixel ratio: 326 ppi iPhone 6, 6 Plus- Screen size: 4.7 inches / 5.5 inches-Resolution: 1334 x 750 pixels / 1920 x 1080 pixels - Device pixel ratio: 326 ppi iPhone SE (first generation) - Screen size: 4 inches - Resolution: 1136 x 640 pixels - Device Pixel ratio: 326 ppi According to the above information, we will focus on the screen size of the iPhone 11 and 12 series with resolutions of 828 x 1792 and 1170 x 2532. iPhone design size specifications As mentioned above, the screen of iPhone has many different sizes, which also leads designers to understand the specifications of various sizes clearly when designing. For the design of iPhone, the following points need to be noted: 1.Icon size and layout In the UI design of iPhone, the size and layout of icons are very important, because they are the first impression between the user and the application you designed. In this process, you should finely design the icon to make it as eye-catching as possible. The standard size of the iPhone icon is 180 x 180 pixels, but in fact, the most suitable size for the icon size is usually 120 x 120 pixels. Once the icon size is determined, you can scale down or adjust other icons to the same size within the application. Two. The design of the resolution size design team must take into account the high resolution of different iPhone models and the challenges that users may have when watching the interface. When designing, the size of all graphics and text should be matched with the resolution of the iPhone.The iPhone 12 series adopts a Super Retina XDR display with HDR display effect. You should adjust the appearance of the App to get the best display effect, so as to give iPhone a high-quality and unique experience. 3. Maintaining clarity. In UI design, clarity is very important, especially for those devices with high pixel density. Even for small-sized elements, it is necessary to maintain good and clear images. Four. Standard UI element size The size of the standard UI element will make the interface look harmonious and natural. For example, in iOS, the standard button height is 44 pixels, and the text field height is 30 pixels. Of course, this is not absolute. Sometimes the size of the element must be adjusted to improve the quality of the interface. IPhThe size of one commonly used interface elements: - The height of the normal text is about 17 - 20 pixels - The height of the regular button is 44 pixels - The height of the toolbar is 44 pixels in the vertical direction, and the width is the width of the mobile phone - The height of the tab bar at the bottom of the Tabbar is 49 pixels high, and the width is Screen width Finally, don't forget to design your application according to Apple's design guide. It provides a lot of useful information and tools to help you successfully achieve the perfect design on your iPhone. Conclusion When designing an iPhone, make sure that you understand various screen sizes and specifications. Please consider the clarity, the size of the standard UI elements, and the size and layout of the icons. These important design specifications can ensure the perfection of your UI design work. In summary,The design size specifications of iPhone are very important, and using them correctly can create a better user experience and a higher user conversion rate in the application.

Contact Us
Phone：020-83484636