Interface simplification Apple Facebook and Airbnb in the design style

Lei feng’s network: this article was translated from the Complexion of Reduction:A New Trend In Mobile Design.

We live in a “minimalist” of the world for some time, what’s next?

The past few months, some pioneers of innovative design “simple design” into a new stage. Facebook, Airbnb and Apple follows a similar “interface for simplified” style of designing to projecting the contents, design new trends affecting the mobile design.

| What is the “interface to simplify”?

I’m sorry? You’ve never heard of this concept? Well, because it’s my name:). Recently I noticed that goes beyond the flat design, minimalist design of new design trends, and simplified design does not matter. Some people may think it is just a very simple design and realization of the next stage in mobile, but I think the two are completely different. Emerging trends in some of the features is described below. I decided to give it the name “interface for simplified”. No one disagreed with, right?🙂

Popular new trend in Silicon Valley has the following characteristics:

Title of larger and more rough

Icons easier and more common

Eliminating a lot of color

Using this result? Some popular application interfaces more like products under the same brand.

| A few chestnuts

Instagram in early May when you publish a new version of the interface I opening notes of this new trend.

Officials introduced the new interface to remove the entire application most of the blue, dark grey, bold headings, simplified navigation bar at the bottom with the icons changed. The rest of the title obviously, content is a prominent, clear black and white color interface. I like the simple interface, while another platform Medium I follow for a long time. Medium starting in 2012 on the use of black and white tone, each revision is in the simplified interface, in fact people don’t know Medium is “interface for simplified” one of the initiators. Congratulations to Medium!

Facebook releases Instagram shortly after the new version of the interface, I found Airbnb Instagram look so alike! Airbnb is released in April after the new version of the interface I used for the first time, but my feeling is that would have seen this kind of interface.

While Airbnb’s new UI in a month is not much like Instagram when releasing a new design interface coverage (possibly because it did not make up for a application icon), it follows a lot of “interface for simplified” point.

Airbnb title of mobile’s new look larger and more rough, and removed the unnecessary images and background colors, simplifying the icons to make them more easily identifiable feature. The rest is a content focused, clear black and white theme interface.

Apple has recently joined the “interface for simplified” design trend. Earlier this month, technology giant Apple announced at the WWDC Conference in them something many users expect, including the so-called “most Niu iOS version of” iOS 10 full version (maybe compared to iOS 8 cattle: ( )。

At WWDC has a content that appeals to me, Apple Music the new UI. New UI changes and some of the most significant changes is the user experience features, which first attracted me is the overall beauty of the interface. Macword full-time writer Caitlin McGarry on the new version of the interface description: “this is a completely new interface, large card layout, visible font, simple white background, make the album more dazzling. ”

If this sounds a little familiar? Apple Music style in design with Instagram, Airbnb is slightly different (the latter is full of icons, why don’t Apple Music change? ), But the key elements are the same: visible title, tones of black and white screen.

| The application’s new interface means what?

As I said, more and more applications in the future look very similar. Why do you say that? Just like the NFL (United States National Football League), the science and technology circle was full of copycats. These new designs are generally well received (some people may initially complain about these black and white no features in the interface, but before long they will adapt. People use software in order to use its features, rather than its features), so I want all applications to join this “interface for simplified” craze! Moschino online shop

This means your iPhone Home screen soon just a shine will bring you the joy of colorful mosaics. Moschino iPhone 6 cover

Now whether or not you support this monochrome design style, have to admit that it’s an improvement. Product design from the advocates of pompous, began to gradually evolve a more focused user. In the past in the product design process, user experience architect and product manager prototype figure to the designer, and then dropped: “did better. “Designers spend a lot of time to fill, color, colour, not noticing that the best solution is always in front of them, those mockups! In today’s more integrated design process, designers and experience the blurring of divisions, designers don’t have to worry about failing in their duties (such as a nicer interface to do), so you can focus on their users to create the best product.

| Interface simplifies the ultimate guide

Now you look “interface for simplified” and are ready to follow this trend? Well, following guidelines, not long before your application can fire fire

1. remove the color. Of course, you can have a theme color, but should be used with caution, as far as possible only on instructions. Rest better with black and white, highlighting the contents of your application.

2. bigger, thicker, darker color of title. Did you see that title? It increased by about 20 to 30 pixels, so it looks “heavier”.

3. simple, highly recognizable icons. Application icon (the navigation icons at the bottom) the best are common around and don’t have any color. Put them in that order from left to right; home page, search, the main center of operations, minor operations, personal, this experience better.

4. increase twice or even three times the space. Even four times times the white, always right.

5. application icon color brighter. If you like the design of some things with Flash and color and icon. It can be used to show your personality and brand, make it stand out!

Lei feng’s network (search for “Lei feng’s network”, public interest) Note: please contact our authorized, and keep the source and author, no deletion of content. Translations by: nuggets translation, translator: shixinzhang.

Like this:

Like Loading…


Originally published at vrcase.wordpress.com on October 11, 2016.