IOS UI design and Development buttons, icons, and pictures

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