This time, U-mei continues with the last stubble. Before continuing, let's take a look at the entire catalog (full of dry goods)
U sister listed a small directory:
Interface Design
I am a UI designer, so what U sister is talking about here is to explain from the designer's point of view what the designer should do in the process of creating an APP from scratch.
At present, in the industry, the design specifications of APP interface are also uneven, and many of them are still on the 6 devices and ios 9 systems, and now the latest ones are iphone 7 and iOS 10 (the replacement is really fast) , I'm talking about the latest iOS interface design specifications (Android design specifications, we'll see you next time)
1. About design tools
As the saying goes: If you want to do good work, you must first sharpen your tools. Good tools can make our work more efficient. We use PS and AI the most for interface design. If you are a Mac user, you can try sketch. , the software version is of course recommended high version, because the function is more powerful, the speed of drawing is faster.
My personal first contact with ps is from 8.0, 8.0 - CS4 - CS 5 - CS 6 - CC - CC 2014 - CC 2015, until now the latest CC 2017, I have a deep understanding, the new version is better to use. You can also choose the tools you are comfortable with according to your personal habits.
2. Design draft size
Before looking at the size of the design draft, let's take a look at the APP interface design composition:
The interface is composed of: layout layer, graphic layout layer and icon layer.
Before the iPhone 6 came out, the design draft was 640×1136 px. Since the release of iPhone 6, all the design drafts have a size of 750×1334 px .
U sister will show you again, the size of all iPhones so far (1-3 generations do not need to be considered):
iPhone interface design specifications:
iPhone interface size:
The reason for using 750x1334px as the standard size of the design draft:
When adapting upwards and downwards from the middle size, the adjustment of the interface is the smallest, which is the most convenient for adaptation.
In the era of large screens, small size is still used as the design size, which will limit the designer's design perspective.
When designing the Android version, only b2b data minimal design adjustments are required to improve design efficiency.
Therefore, please use 750x1334px for the design draft.
It is a good habit to establish reference lines in the document. I hope everyone can also develop this habit. It is easy to set up and down. I am used to setting the distance of 24 px from left to right. px is more reasonable. This is my personal habit, so don’t treat it as a clear text rule. You can set it to 30 px.
Then you can start your design
Here, U sister will give you a brief look at the design specifications of the iPad:
3. Icon Design
iPhone Icon Size: