IPhone8 and iPhoneX were released, and the iOS11 visual standard source file came too

One of the most recent hot spots in the APP industry is Apple Corp’s release of 3 new products. They are iPhone 8, iPhone 8 plus and iPhone X respectively.

The previous 25 schools shared the size of iPhone 8, iPhone8 plus and iPhone X

Today, we continue to share the new system of these three new products, what changes have taken place in the design of our APP interface?.


Part one: share iOS11 GUI visual specifications (with PSD+Sketch+Adobe XD source files)

IOS 11 GUI source file

Baidu SkyDrive download address:

1, 665M PSD download address: link: https://pan.baidu.com/s/1i5CFD8D password: v3km

2, 38.5M sketch download address: link: https://pan.baidu.com/s/1c163YcK password: j4hs

3, 7.7M Illustrator download address: link: https://pan.baidu.com/s/1i5nDgBr password: 5c27

Three package download address: link: https://pan.baidu.com/s/1slFNbtV password: xaqt



The second part: iOS11 visual design specifications share a few big points

1, the icon is different, using the face type icon instead of 2px linear Icon

Interpretation of ios-11- icon design specification


2, the title has become coarse.

The title is bold


3, the use of rounded cards, plus projection design style

Fillet card


4, the advantages and disadvantages of blank space in the interface layout

Blank space in interface layout


The above content reference Hangzhou APP UI design 90 white paper published report:



Leave a Reply