What are the trends of interface design styles in the 2013?

Trend analysis is not strong, only within the scope of their own knowledge to look for possible design trends, if there are omissions and deficiencies, please add, thank you!

PS. In fact, individuals from the heart do not like the follow trend, but sometimes there is no law, the formation of trends often through the design and market verification, if you can find a variety of trends in a potential river is a very happy thing, and can use your design to stand out. P.p.s. Don't make a novel design for novelty, at least it should be able to withstand verification.

Let's get started!

Web side and Desktop side:

Plane of

With the release of Microsoft Win 8, it is believed that in the following days, the graphic design style can also start to rise. ps."" Brainwashing video ads have been haunting the brain recently.

Minimalist style to become popular, while minimalist style can better meet the requirements of responsive design.

Instance Web site:

Tencent ecd– Consumer Experience Design Department E-Commerce user Experience

taobaoued | To be the best ued on earth.

QQ Music-Music Your life! Yixieshi

http://www.outlook.com/

http://www.microsoft.com/

2x Fine Refinement

Fruit in the desktop platform launched Retina screen, the industry estimates that only the fruit dare to make such a reverse day action (soft and hard all their own arrangements, no need to look like Microsoft), quite bold, for the user experience, this is a qualitative upgrade (most of the current user perception is based on vision).

Of course, the application and resolution can not be immediately in place, can only slowly develop, in the future with the depth of retina and the number of users to expand, for the pursuit of desktop applications and sites, will design a corresponding high-resolution products. In the future, visual designers may need to do two sets of Sprite.

of Banner

In order to be able to more effectively get through the same platform of multiple applications, Google, Naver, watercress recently revised and newly released itunes are the top banner design. Will it be Baidu? PS. about itunes still owes @ Cheng Purple sun a problem-_-'

Dynamic and efficient

It is proved that the appropriate dynamic effect can effectively guide the user, which is in line with the user's psychological expectation, and can enhance the application and the experience of the website.

Instance Web site:

Icloud

Julien Renvoye (provided by @JJ Ying Friendship)

QQ Music for Mac

Animate.css

Large picture Manufacturing visual effects

With the increase in bandwidth and the size of the user's screen, more and more Web sites use large images on their pages to highlight products or create visual effects, and, of course, they will have a good effect if used properly. Yixieshi

Instance Web site:

Welcome to http://about.me (about dot me)

http://www.jianjia360.com/

Https://path.com/p/3Fg9hz

QQ2013 official website

Response-Type Design

Always dislike this name, called adaptability better. Web page design and development according to user behavior and equipment environment (System platform, screen size, screen resolution, etc.) to adapt and adjust, whether users are using desktop PC or ipad, Web pages should be able to automatically switch resolution, picture size and related script functions, to adapt to different devices.

Instance Web site:

The Boston Globe

AXT? | Brand Identity & Art Direction

Stinkdigital

Mobile End:

A richer navigation design

With the iphone 5 height change, the Galaxy Note oversized screen ... More and more applications using a variety of navigation design, gesture navigation, left Nav flyout and so on, I believe that the follow-up in the navigation will also have a richer design appears. PS. also owes @ Cheng Purple Sun about left Nav flyout a problem, good headache ... -_-’

Font layout

The variety of mobile device screens and the increase in the number of applications, in order to be able to highlight the application of different, typography will be in the application position more and more important. such as, Tang tea, weiconote and so on. PS. This article also applies to web-side design, but due to the various reasons of Chinese fonts, the web side of the Chinese font layout has been a problem.

Instance Web site:

BYTE Society

Weico-'s most popular microblog client

of native

While Google, Facebook and domestic Baidu want the web side to run on any device, native apps do better for some sites, such as Facebook (which has admitted native is superior to the web), Twitter, Their app experience is much better than the web version of the experience, Google will be its products native, search, g+, mailboxes, maps and so on.

Quasi materialization

Although the fruit company has been obviously in the suppression of the excessive physical and chemical design, but believe that in 2013 will have a certain market, as long as not too much to dribbble, daily brush the list or there are many similar visual design (don't say, this is just a fantasy, The Dribbble list has a significant impact on visual design.

Instance Web site:

Dribbble-popular

Android is king

For more user groups, give priority to the Android platform, and believe that mobile devices based on Android will explode in 2013.

Design requires more consideration of the features of the Android system, at least the Android designer needs to read through it ...

Design | Android Developers

App Clustering (platform)

Baidu to search and cloud-oriented product group, Tencent to micro-letter-oriented product group, Ali Taobao and Alipay mainly product groups, Google products, watercress Products Group ... Mobile end of the natural lack of strong correlation technology, such as URLs, interconnected companies need to create a separate application for each product, while each company's app lack of strong links, resulting in each product in singles alone, I believe that in 2013 should be some of the way out of the bureau. PS. personal optimistic to the micro-letter product group, social attributes can make the relevance of the previous app, line or Kakao Way is also a micro-faith in the future, the first will be able to directly profit from the game as the starting point, I believe that will soon see.

This will lead to the same platform app in the design will tend to be consistent, visual style will be unified and enhanced.

Figure 4

Industrial Products:

Edge to Edge (no border)

The concept of industrial design, represented by fruit companies, is believed to have a certain impact on subsequent related and similar designs.

The MX2 's world's narrowest border design, its own imac and ipad Mini, LG's borderless-style TV at CES this year.

Instance Web site:

MX2 | Design

LG will display 2013 Google TV at CES, redesign and will have more sizes

Poor alienation

Continuous refinement of the market to effectively tap user needs.

For example, 2012 mobile device screen changes, 4-inch or even 5-inch smartphone, a large number of changes in the size of the tablet computer is very clear 9.7 ", 7.9" and 7, I believe 2013, in this respect will be more differentiation.

In addition, the differentiation of similar products is also very obvious, such as Samsung built-in Android camera, can better network connection, sharing and sync photos.

Samsung launches first Android camera to support 3G and wifi_ NetEase Digital

Humanized

Technology must and definitely need people-oriented, design the same! As product differentiation intensifies, it is more necessary for the people who experience these products to design accordingly.

Example: The IPad Mini's edge-proof design, called finger rejection or palm rejection. When Apple adopts edge to edge design (design caused by design problems, this has the opportunity to talk about), touch screen equipment will inevitably produce a touch of the phenomenon, the edge of the design to avoid this problem.

Apple's patent name is "selective rejection of touch contacts in the edge region of a touch surface"

Patent address:

Http://www.google.com.hk/patents/EP2077490A3? cl=en& DQ=FINGER+REJECTION+APPLE&HL=ZH-CN&SA=X&EI=AF3YUMFHMUBUIGFCN4CQAW&VED=0CDGQ6AEWAA Yixieshi

Soft and hard integration

Now the hardware manufacturers tend to improve the intelligence of their products, this software has the corresponding requirements, and software manufacturers are more and more involved in the process of hardware customization production. In the meantime, we can see that Android is a great way to integrate with the hardware, which requires a deeper level of product design,

TV + Android = Google TV

Fridge + Android = Smart Fridge

Instance Web site:

Hisense Android Honeycomb Smart fridge Chinese hands-on play (film)

Wear-Type Products

This is a very hot topic recently, Google glesses, Kickstarter on the financing of tens of thousands of pebble, rumors of iwatch and so on

Google Glass_ Baidu Encyclopedia

Pebble:e-paper Watch for iphones and Android by Pebble Technology

CES2013 New preview----Pebble smart watch

Http://v.youku.com/v_show/id_XNTAwOTE1NTEy.html

Pebble video to one, the official purchase of 149 knives (estimated to be unable to support Chinese fonts, so read the notice when ...-_-')

-----------Cut Cake Line----------

It looks messy enough to sum up, as follows:

Web side and Desktop side:

Plane of

2x Fine Refinement

of Banner

Dynamic and efficient

Large picture Manufacturing visual effects

Response-Type Design

Mobile End:

A richer navigation design

of native

Quasi materialization

Android is king

App Clustering (platform)

Industrial Design

Edge to Edge (no border)

Poor alienation

Humanized

Soft and hard integration

Wear-Type Products