App,webapp Design related data collection area

Source: Internet
Author: User

(1), @2x

In the iphone3gs era, we provided an icon for an app (or a button to provide a decal), just icon.png. For the current iphone4~6 Retina display, additional @2x high-resolution versions are required.

For example, in Iphone3gs, scale=1, the icon used is 50x50pixel (logicalimage.size=50x50point); in Iphone4~6, scale=2, you need 100x 100pixel (logical Image.size=50x50point, multiplied by image.scale=dimensions in pixels), and named [email protected].

If your app is compatible with Iphone3gs~iphone6, you'll need to provide a picture of icon.png/[email protected] at two resolutions.

(2) @3x

@3x means a new "triple" Retina resolution, where Eachuser interface point was represented by three display pi Xels. A single @2x pointis a 2x2 square of 4 pixels; A @3x point is a 3x3 square of 9 pixels. "

iphone6+ in the actual rendering, downsampling/1.15 (1242x2208->1080x1920), accurately speaking, should be @2.46x. For the convenience of developers, Apple uses @3x material and then zooms to @2.46x.

1. IPhone 6/6plus UI Interface design and adaptation dimensions specification

2. IPhone 6/6plus APPUI Interface design specification and interface adaptation

3, the latest WebApp Design Guide specification: Adaptation IPHONE6 skills

If your app is compatible with iphone3gs~iphone6+, you'll need to provide a picture of icon.png/[email Protected]/[email protected] three resolutions.

It is important to note that the size of the IOS app icon and the transduction naming specification are subject to relevant specifications

(3) High power map file name

For IPhone3, 4/5/6, 6+ Three models, you need to provide the corresponding high-power map by resolution and the file name to add the corresponding suffix, otherwise it will stretch (stretchable/resizable) distortion (blur or corner-saw).

For example: [email protected], [email protected], [email protected]

such as [email protected], [email protected], [email protected]

Chetukon and high required even numbers.

Http://www.szui.net/news/company/net/3506.html

Http://www.25xt.com/appdesign

App,webapp Design related data collection area

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.