As a relatively new UI design professional design categories, UI (the UserInterface) refers to a user interface, comprising moving the APP, web, wearable devices such as smart visible, non-visible region of operation, mainly refers to the current interface UI design style, aesthetic appearance. UI design is currently neither attributed to graphic design and no official Xuandu Li martial art, not even into the history of design in. Here we will be time for the order to the device interface and web design language to describe what two clues interspersed UI development.
A. Bud era
Apple's Lisa computer in 1983, 1984, Apple's Macintosh personal computers equipped with SystemSoftware systems (mac system's predecessor, officially changed its name to 7.5.1 Mac OS (Macintosh Operating System) .Mac OS has already launched ten Generation Apple announced that Mac OS X will be renamed OSX, "Lisa" came as the beginning of "UI design", as it has been conscious for the user to have for the design of the user experience on the screen.
apple Lisa（1983 ）
Early Mac user interface (1984)
In 1985, Microsoft launched Windows1.0 operating system, in June 1985 by the Russian Eliekesi · Pajitnov's Tetris invention. These are early UI design, UI design basic then be designed on the page is the default in the system, more is more reforms on operating experience, such as file folders and drag to create Apple, Microsoft created "start button" and so on. But when Apple on the UI still do a lot of advanced design, such as system embedded fonts other than the default font, a change in a single color screen added color and so on. It laid the foundation for the later development of the UI.
Windows1.0（1985）
Tetris (1985)
Since the 1980s, the Internet is not very developed, so when the interface is basically all native PC comes with a page, so when UI design is not an exact industry, basic UI design work are computer engineers, incidentally, do it.
Although there was Mac and windows systems, but after all, is not universal. Most of the computer screen can only display monochrome pixels. So when web design is "minimalism", no picture, only monochrome pixel-style text, Web Design + sign just means tabulation (Tab key) permutations.
II. Materialized era
In 1990, Microsoft launched Windows3.0 began to have "relief, shadow" page elements can be regarded as the beginning of materialized
In 1995, Microsoft launched windows95 should be our understanding of where the appearance of the beginning of the computer interface, the interface 95 relief convex, concave and other effects, including depression of the folder window, put under simulated real physical state and the operation of the press release do the physical effects to the extreme. But so-called Microsoft's proposed agreement was no dig deep in texture and materials, it has been applied only in size, light and shadow.
Born in 1995 in the page code of JavaScript, JavaScript, you can address some of the limitations of HTML, for example, prompted the need for a bomb, then you need to JS to achieve. Then a background image, GIF animation, flash the word, counters and other tools necessary to quickly become a web gimmick. UI to bring more possibilities in the web page.
In 1996 Flash appears, which allows designers can execute design shape, layout, interactive and some very nice string of movies on this one tool, just after the completion of a single file output, and can be displayed in a browser. But you need to install plug-ins when users browse it and wait for FLASH finished loading before browsing. Because it consumes a large amount of computer processing power, in 2007, when Apple released their first iPhone when it decided to completely abandon Flash, it is also at this time, Flash began to decline - at least in the field of web design.
In 1998 CSS appear, CSS known as Cascading Style Sheets (Cascading Style Sheets). Flash is almost at the same time the rise, a better structured web design tools CSS born. The basic concept of CSS is to separate style web content, so the appearance and formatting attributes such as web pages will be defined in the CSS, but the content is still retained in HTML.
Apple in the year 2000 and Microsoft interface is exactly the same style, the same under the shadow of Microsoft basically no highlights.
But in September 2000, Apple released the Kedai Er · Ruicilafu (Cordell Ratzlaff) presided over the design of the new user interface Aqua (Aqua GUI for Mac OS X is a trademark name) has since materialized formal stage of history.
Then the iphone ios system also continue to use this language, and the real flourish. Since then materialized into the 13-year rule of vision, including WinXP and Win7 come out in the design industry has not materialized shake design position. Until 2013, Apple released IOS7 only broke his own rule their own visual language.
III. Flat era
2013 Design iOS7 subvert human vision
By Jonathan Ive presided over the design of iOS7 release it caused a shock design community and the scientific community, abandoned all previous materialized design, remove the projector, remove the mechanism, the emergence of a new flat design, joined the frosted glass design idea. At the same time it had an impact on the design of an unprecedented, post-emergence Material Design and Win10 SGS force and iOS7 all about. UI design then entered a new era of flattening.
2014 Change Mac computers
iOS7 After a year of release, Apple released again shocked the world of OS X 10.10 Yosemite Yosemite. All products will Apple UI interface all transformed into a flat design. So as to enhance the mobile Internet experience and performance, once again promote the rapid development of mobile Internet. While the flat design of memory loss is greatly reduced design costs and greatly enhance the efficiency, but also allow more APP and web design to follow suit, so that the Internet revolutionized the design.
IV. Contending
Now meters ui, Meizu flyme, hammer SmartisanOS, Airbnb Desgin, the world's UI design style into flourishing under the influence of Microsoft, Google, Apple three industry giants, contending environment. It is worth mentioning that appear SmartisanOS and Airbnb Desgin two languages.
SmartisanOS
Smartisan 14 years launched SmartisanOS, after the release has caused heated debate design industry and technology at home, back to do the reverse trend materialized, and materialized very thorough, and re-secondary draw various software icon, visible Luo materialized paranoid proposed.
Airbnb Desgin
17, 18-year burst of fire "silly, big, black" most people feel from iOS11, in fact, this language was published in 2017 Airbnb Design, and the use of them on Airbnb APP. Meanwhile Airbnb also announced a benefit application software industry animation tools Lottie, animation files library provides iOS, Android and React Native frameworks to help developers more easily add animation in a native app.
In recent years, more style flocked in UI design, fault wind, Memphis style, C4d 3D, 2.5 wind, minimalist Japanese style.
Five .UI design trend
1 Lightening Design
less is more! In the design of subtraction we have been able to have good results, currently in the design field have seen more or less all of these negative use of space, and the next few years will be a lot of use in web design and application design.
2. custom illustration
Illustrations in recent years has been growing major design trends. In 2019 the landing page from i to the entire site, custom illustrations are increasingly popular throughout ui design industry.
3. Emotional icon
Good icon nature of the user's line of sight, lead to information or functions need to focus on. But also can naturally be associated with the information service, unfolded through good visual hierarchy. At the same time with a very good feeling knowing smile design, even more perfect.
4. The dynamic efficiency
Dynamic efficiency design UI design industry has long been an integral part of the show means to try your product or mobile website design, the smooth transition to add some smooth or beautiful hover effect, allowing you to design more attractive .
5. Micro interaction
Micro-interaction effect on the mobile side, often used to create subtle visual effects small animation. Users are increasingly concerned about these microscopic interactions.
6. grid and break overlapping elements
Web design grid breakthrough became popular in late 2018, can be expected in 2019 may see more breakthroughs in conjunction with the grid way, with a combination of web design elements overlap, but in use, remember to always keep in mind the mobile side experience!
7.3D illustration
Reproduced in: https: //juejin.im/post/5cfdb59ef265da1b725bf653