Ios ui design and development buttons, icons, and images

Source: Internet
Author: User
Tags home screen

1. built-in buttons and icons

Using System-provided buttons and icons

2. custom icons and Images

The size of the iPhone's built-in icons is generally 29px × 24px, and the self-made icons should be close to this size. The color of the icons should be pure white and can contain Alpha transparency. Pay attention to anti-aliasing when downgrading the images, the file format is PNG.

3. program icon and startup Screen

Home screen icon: 57px × 57px. By default, a file can be a flat image, and the iPhone automatically adds a rounded corner to the image for shadow and high-gloss reflection. In this way, different program icons will have a similar texture in the home screen. (This special effect can also be canceled)

 

The startup screen is displayed by the system when each program is enabled. The system displays this image before the first view of the software is loaded. Some iPhone software will display the screen before the last exit, giving users the illusion that the software has been running in the background, such as notes. Unfortunately, it is not feasible for third-party developers for the time being. Because the iPhone software requires code signature, that is, the bundle file in the project cannot be modified after compilation, and the image on the startup screen can only be specified in the bundle file, you cannot specify a file such as the documents file, that is, the image running on the iPhone cannot be modified.

However, you can create a program home page and remove all the content that may be changed on the user's machine to form a common interface skeleton. In this way, the user will think that the software has been loaded immediately after the icon is pressed, and the rest of the pause is loading the user's specific information.

Startup screen size: 320px x 480px, PNG.

Related Article

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.