Multi-image comparison of iOS 7 with iOS 6 UI style changes, is really just an aesthetic question it?

Source: Internet
Author: User
Keywords Apple
Tags .mall apple application application icon change class compared content
class= "Post_content" itemprop= "Articlebody" >

IOS 7 Released, simple lines, dazzling white, bright colors, a lot less decorative application icon. But from the design point of view, the gesture has not changed, the difference is very small, the biggest change is the aesthetic change, from a small white user interface to the design of the mature user's tune, the following compared with IOS 6 for several of its significant UI style changes ...

1. Color and Boundary

The color and boundaries of IOS 7 are clearly different in this application. IOS 7 discards boundaries, relies on color to represent interaction, information separation, and controls also become invisible, based on tags or icons and theme colors (each application is different, contacts with blue, music in red, notes with yellow) control. Other slender fonts are not always visible to everyone, but the fact is that the previous IOS 6 border has been removed.

2. Flat

Technically, IOS 7 is not completely flattened, and the interface has subtle shades, lighting effects, gradients, and parallax effects. In a word, it certainly flattened, but not purely two-dimensional.

The direct purpose of flattening is to emphasize content rather than media, so the emphasis on content emphasizes its aesthetic and conceptual characteristics relative to Ios6,ios 7, and features and information decorations only appear where necessary. So the following application as an example, desktop applications do not have a clear emphasis on the application of the function, control, focus on the "do Things" list.

The glow of the new interface is obvious, and the top navigation buttons are as intuitive as the "<" symbol on the internet. The interface for answering the phone

The design elements, such as bump, grip, embossing, shadow, inner glow, and hard button boundaries, take up 60% of the display space. The new version will directly let you see the caller's big photos, next to a few options (characters) hanging next to you to choose from.

3. Brightness degree

1 iOS 7 is much brighter than iOS 6, the interface also looks more open, breathable space everywhere, the overall interface style is more uniform. The following image is a series of application puzzles in IOS 6.

2 The image below is a series of application puzzles in IOS 7 that can be found to tend to the same screen style as possible.

3 below is the effect of putting together two large pictures.

If you reduce the complexity of the color, you can see more clearly. Equivalent to iOS 6 several different visual styles have become the two main themes on iOS 7: the paper-like, bright style occupies 75%; the rest is the dark, practical style.

4. Main screen

Now the most controversial seems to be the main screen, especially its new icon, the main screen is more of a desktop launcher, you will often visit, but will not always stare at it. The main screen of iOS 7 is brighter and simpler than that of iOS 6, the spacing between icons is also changed, the pixel of single icon also looks bigger, the following text label also becomes bigger, the bottom row of application icon cushion a shallow "matte board" design.

In general, sacrificing the boundaries, in exchange for the readability of the icon, more prominent icon content.

But there are some small problems with the design (the radius of the corner, the emphasis form of the content, the inconsistency of the gradient, the contrast of the background, and the many icons that have been criticized, such as note and reminder, the design is too abstract and empty). These are purely subjective questions, and Apple should be able to solve them. We also believe that Apple will make a small change in the release of the official version.

Summary of

--the return content of design center of gravity

Essentially, IOS 7 abandons the fancy of artifacts and returns to the essence of design, dedicated to the pursuit of simplicity and to the purpose of direct-hit content. Previous gloss, oblique edges, shadows and boundaries will be gone forever. The visual is no longer let the exquisite icon to let us focus, tension, attract our full attention, but as much as possible to relax, to pay attention to the application of the icon of the content.

If the previous design was for small white users, it is now designed for mature mobile users, more focused on feelings and intuition, rather than those exquisite borders. What IOS 7 wants to achieve now is: "You use the device to think more about this device, how does this application improve my life?" Let users shift their attention to tasks, content, not overly sought after design philosophy "for my customers, the only problem now remains:" IOS 7 want to grow up, want to mature, but users are willing to do it? ”

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.