Several UI design details in IOS APP design

Source: Internet
Author: User

The Apple website looked at the introduction of IOS 11, found that there are many updates oh, such as control center, Siri, Live Photo, and so on, generally have a lot of good experience, but this article does not introduce features, only the visual interface.

In the new UI interface for IOS 11, the major update interface has the App Store, so I can see some general details from the App Store UI design.

icon: Change from linear to polygon

The new store's icon has changed from linear to polygon, and the icons have rounded corners to look more sleek, while also unifying the app styles associated with ITunes in IOS 10.

icon colors such as the linear light a little bit, so do not look too heavy, so we use the shape of the icon design, color to grasp well.

card-Type design

In the new IOS 11 interface, there are a lot of places using card/Gongge-style arrangement, card-style design is very suitable for graphic layout, and on the phone side has a good reading experience.

The Material design also attaches great importance to card-style designs, so you can consider using the card style more in the future.

Large Projection

When the card-type design, in order to improve the level of performance, the interface also increased the large projection, is not a bit like Material style?

Small make a closer look, the APP on the IPad cover and mobile phone side of the size is not the same, one is horizontal, one is vertical (the workload has increased ...) )

In order to beautiful, and increase the cost of manpower, the value is not worth? This cover is like a Web site article cover map, an article to do 2 covers, which not only increases the cost of labor, but also increases the operation and maintenance costs.

Round corners that are everywhere

Circle, like the curve, there is a sleek, lively, dynamic, soft feeling, more easy to people close. Affinity has, to attract more users, iOS fillet in different UI using a slightly different fillet size, this is the details, it seems that iOS in the use of rounded corners has reached a superb.

Material Design has rounded corners, but either the fillet is too small or right-angled.

And the flattening of Windows is a square.

Reprint Please specify: This article from Changzhou Development app company http://www.czwew.com Bamboo Cloud Technology!

Several UI design details in IOS APP design

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.