IOS UI design and Development buttons, icons, and pictures

Source: Internet
Author: User
Tags home screen

1. System built-in buttons and icons

Using system-provided Buttons and Icons

2. Customize icons and pictures

iphone comes with the icon size is generally 29pxx24px, home-made icons preferably close to this size, the color of the icon should be pure white, can have alpha transparency, when you want to pay attention to anti-aliasing, the file format is PNG.

3. program icon and splash screen

Home screen icon: 57pxx57px. The file provided by default can be a flat image, and the iphone will automatically give it rounded corners, shaded and specular effects. This way, different program icons will have a similar texture in home screen. (This effect can also be canceled)

The splash screen is the screen that the system displays when each program is turned on. The system displays this image before the first view of the software is loaded. Some iphone comes with software that shows the screen before the last software exit, giving the user the illusion that the software is running in the background, such as notes. Unfortunately, for a third-party developer, it won't work for the moment. Because the iphone software to code signing, that is, the project bundle of files can not be modified after compilation, and this splash screen image can only be specified in the bundle files, and cannot specify such as documents, etc. That is, this image can not be modified to run on the iphone.

However, it is possible to create a common interface skeleton by making a master page of the program and then removing any content that may change on the user's machine. This allows the user to assume that the software has been loaded immediately after the icon has been pressed, and that the rest of the pause is loading user-specific information.

Start screen size: 320pxx480px,png.

IOS UI design and Development buttons, icons, and pictures

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.