The development and design of an app is a step-by-step design from 0 to 11.

Source: Internet
Author: User

At present in the industry, about the app interface design specifications are also not level, many are still stuck on 6 of devices and iOS 9 system, and now the latest is the iphone 7 and iOS 10 (the update is really fast), I am talking about the latest iOS interface design specifications

First, about the design tools

As the saying goes: 工欲善其事 its prerequisite, good tools can make our work more efficient, do interface design we use the most is PS and AI, if you are a Mac user, you can try sketch, software version of course is recommended high version, because the function is more powerful, the speed of the drawing is faster.

Second, the design draft size

Before looking at the design size, let's look at the design composition of the app interface

The interface consists of: layout layer, graphic typesetting layer and icon layer.

In the iphone 6 is not out of time, are using 640x1136 px to do the design, since the 6 release, all the design manuscript size to 750x1334 px To do design draft size

iphone Interface Design Specification:

IPhone Interface Size:

750X1334PX as the standard size of the design draft:

1. From the middle dimension up and down when the adjustment of the interface to the minimum amplitude, the most convenient to fit.

2. The large-screen era still has small size as the design size, will limit the designer's design perspective.

3. Design the Android version with minimal design adjustments to improve design efficiency.

So do the design draft, please 750x1334px to do the design draft.

In the document to establish a reference line is a good habit, I hope you can also develop this habit, up and down very easy to set up, about I used to set the distance of PX, I through a lot of domestic and foreign apps on the line of comparison, summed up is more reasonable, this is my personal habits, so also do not as the clear rules, You can also set it to a PX.

And then we can start your design.

Iv. About designing Fonts

Let's take a look at the historical evolution of the font

IOS 9: English font is Helvetica Neue

IOS 9: Chinese fonts made of Holly Black

↓↓↓

IOS 10: English fonts for San Francisco

IOS 10: Chinese fonts are apple-side

Questions about font Size:

Top Action Bar Text size 34-38px

Title Text Size 28-34px

Body Text Size 26-30px

Accessible Text Size 20-24px

Tab Bar Text Size 20px

Text size is only a range, which depends on the design of the visual effect to decide, do not memorize, but remember, the font size to use even.

About the interface design here, good working methods can make themselves more effective, you feel that they have help, that can learn from my method, in the specific work should also be flexible application.

Or you have a development app or app UI design needs can contact Changzhou Development app company http://www.czwew.com/case/Bamboo Cloud Technology!

The development and design of an app is a step-by-step design from 0 to 11.

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.