Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to systematically analyze the design trend of 2021 from three aspects: vision, interaction and technology

2025-01-23 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/03 Report--

This article mainly introduces "how to systematically analyze 2021 design trends from three aspects: vision, interaction and technology". In daily operation, I believe that many people have doubts about how to systematically analyze 2021 design trends from three aspects: vision, interaction and technology. The editor consulted all kinds of data and sorted out simple and useful operation methods. I hope it will be helpful for you to answer the question of "how to systematically analyze 2021 design trends from three aspects of vision, interaction and technology"! Next, please follow the editor to study!

I. Social background

If you want to explore future trends, you must understand the present and the past. So we need to look back at the changes in 2020.

Because of the epidemic in 2020, collaboration, cloud, instant messaging, teleconferencing, AI intelligence, and so on, have become necessities for telecommuting. At present, the epidemic has been brought under control in China, and the post-epidemic era has arrived, and many habits that were not initially found to be more efficient have been retained. These retained habits will also be further developed in 2021.

1. Changes in large factories

At the visual design level, the major design languages have launched new design versions one after another to highlight their own design styles in order to establish their own visual moat. Google released Android 11. Apple released iOS14, and Microsoft continued to promote his Fluent UI design philosophy. In the domestic office field, Tencent documents launched a style similar to Fluent UI design concept, graphite documents still maintain a unique oriental charm, Fei Shu released Fei Shu documents, inheriting Fei Shu's simple UI and lively illustration style.

Google's Android 11

Based on the Material Design design of Android 11, the decoration used concise geometry, UI details began to use rounded corners, color aspects choose a more coordinated color matching, compared with the previous version of the purity has been reduced, appears to be more advanced.

Apple's iOS 14

UI design continues the original style, clear font, the use of large rounded corners, coupled with rich dynamic effects, and added many intimate new features, such as floating video, home screen Widget.

Microsoft Fluent UI

This is the design solution proposed by Microsoft for cross-platform. The keywords that underpin the design concept are depth, material, animation, light, and so on, which sounds particularly similar to Material Design. However, in the final visual presentation, Microsoft will be closer to the real world, such as transparent ground glass effects, or more three-dimensional icons.

two。 Hot Design in the Community

Behance and Dribbble appeared many 3D illustration-based visual design solutions in 2020, because of the development of technology, designers can easily create 3D materials with the help of Figma or Dimensions. The key point is not the "vase" in the design, because 3D icons have been used in Mac's latest system Big Sur, and it is believed that 3D scenes will continue to be excavated in the future.

A style that became popular on Dribbble in early 2020 is called "new mimicry", which is the effect of applying projection to the extreme, as the author puts it: "Let's imagine what the future interface will be like if the form of projection develops better in mobile interface design." The visual performance of the new mimicry is really amazing, so Android has also produced a 12 promotional video of the new mimicry, but subjectively it should be difficult to apply it widely to actual products.

2. UI design

1. Design serves content

Design focuses on content, a rule that has been followed from Bauhaus to the present, and this concept will continue. The design goal will eventually be to convey key information to users so that they know why they are here, what is here, and where they can go.

With the development of technology, the form has been changing to improve the efficiency of information transmission, which is not just exclusive to graphic design. Learning to use comprehensive methods such as dynamic effect, interaction or intelligent recommendation to achieve design goals will be a common design technique in the future.

two。 A larger fillet

In the past, due to the low screen resolution, the right angles were normally used at the four corners of the window, because the fillets would be jagged or blurred, affecting the beauty of the interface. Today, the quality of the mobile screen has long exceeded that of print technology, and rounded corners have begun to be widely used. On the other hand, in the previous cognition, the fillet is the exclusive of children and a form of expression of more affinity. After the development in recent years, this prejudice is slowly changing, because rounded corners can also be made very high-end, but also can be designed very trendy.

Apple is always the first company to eat crabs, Mac's latest system Big Sur has become more rounded overall, the four corners of the window have increased from the previous 10px to 20px, and the new control center also follows the design style and layout of iOS 14. It is worth mentioning that Microsoft Win10 concept draft also began to try to use rounded corners. So this trend is quite worthy of attention.

3. Enhance the user experience with meaningful illustrations

Designers often fall into formalism and ignore what they are supposed to express, especially in illustrations. Maybe every designer knows this, but why do they still fall into the trap of self-satisfaction? Perhaps one of the reasons is that when the content is too direct, or the elements are too common, it is easy to make the work uninteresting. This is the contradiction.

What if the designer doesn't want to break away from the content, nor does he want to design a boring design? This requires making the illustration meaningful rather than reducing it to a pure form. The amount of information carried by excellent illustrations can be much richer than the text or interface UI.

4. New materials and new mimicry

Bauhaus has a teaching goal, "to cultivate designers with clear feelings and accurate cognition." Therefore, in the basic teaching of Bauhaus, students will be asked to study the different properties of various materials. In UI design, we can also produce a variety of materials, which can be proved in the era of pseudo-materialization. But in early 2020, when a designer discovered a new material and applied it to UI design, the whole community became popular. This is the "new mimicry" mentioned above.

The world is full of possibilities, so I believe that more materials will be discovered or used in new ways in the future. For example, in the second half of 2020, another style began to return to "ground glass", in which nails as we know them incorporated the effect of ground glass into the design concept of nails. In the community, ground glass is also used in various UI scenes such as cards, pop-up windows or icons. To tell you the truth, the material of ground glass does add a lot of texture.

5. Natural interface and movement effect

The nature mentioned here can make people feel familiar and reassuring, and it is a people-oriented design. Teacher Wang Min said: "Science seeks truth, art is beautiful, design is good, and design can be used as a node to unify truth, goodness and beauty." The link between people and products is the UI interface, which needs to carry not only information content, but also user experience, so people-oriented design will eventually win the love of users.

The effect of natural movement is not the cool effect of opening and closing, but to make the transition of the interface more natural and reasonable. If you want to make the interface experience more natural, you must follow real-world physical rules, such as gravity, friction, centripetal force, buoyancy and other dynamic effects.

6. Style from the future

The rapid development of science and technology makes us feel that the future is close at hand, but we are very confused and don't know where to go. I believe that the medium that carries UI must be more than just the devices we use today. The development of VR, AR or hologram technology will make UI design more possible. Cyberpunk 2077 may really not be far away from us. What kind of design can really meet the demand in a society that is everywhere in the world? This is a problem that we need to think about for a long time.

7. Dark mode

In 2020, all major manufacturers launched a dark tone mode, which has become standard in today's APP. In addition to the dark mode, it will be further polished in terms of visibility, scene, and implementation cost in the future.

Third, illustration style

1. A more decorative graphic illustration style

Although in 2020, whether in the community or actual projects, many designers began to be keen on 3D illustration, even Apple and Microsoft is no exception. But Google continues to stick to its own design style, flat decorative illustrations, such as Android 11, are decorated with simple geometry, and related illustrations are more often used in flat style, which must have important reasons.

Decorative illustrations are more adaptable to a variety of screens, and will have more advantages in terms of drawing costs and implementation costs. Before there is a disruptive change in the screen media, I think the flat decorative illustration will shine in the future.

two。 Emotional illustration design

In the post-epidemic era of telecommuting, we need to think more about how to alleviate the sense of alienation of cooperation. How to get closer to the cooperation between people, break the remote space shackles, and make the cooperation more immersive. At this time, emotional design can fully reflect its value, for example, the popularity of emoji avatars in recent years, or various emojis, they let both sides of the communication have emotional resonance, rather than facing the cold screen.

3. Componentization and Innovation of Illustration

Pixar uses technological innovation to improve quality and efficiency, thus changing the whole history of animation. For us, the future illustration demand will be more and more, and also requires unique innovation, which requires a better solution.

HiTu of Ant Design proposed the liberation of graphical productivity at the time of SEE Conf, that is, the components of the illustrations, which can effectively improve the efficiency of illustrations. However, in the maintenance of the illustration library, design innovation is still needed. Because of the improvement of efficiency, designers can have more time to focus on more creative work, and then integrate new creative ideas into components, and finally improve the entire illustration component library.

IV. Mode of interaction

1. Multi-screen collaborative office

Kevin Kelly talks about the future way of life in "necessity". He believes that our future environment will be full of screens, which will appear on the surface of all kinds of things, and screen reading will be in our field of vision from the time we get up until we go to bed at night. Nowadays, everyone has a variety of devices, so multi-screen collaborative work is an inevitable trend, whether you are working with people or working independently.

The Internet of everything has been a topic for a long time. In 2020, Huawei's Hongmeng system released distributed interaction across devices, realizing multi-screen collaboration. I feel that this will be a very important step.

two。 Second verification identity authentication

Identity authentication is the most critical step in information security. We usually log in with identity ID and password, and in order to verify that you are not a robot, we will also enter the verification code manually. If there are other configuration options, our login interaction will be very long, and sometimes login failures will occur. In today's impetuous society, many users may have lost patience in the first few steps.

Mobile devices have a wealth of sensors, and the accuracy is also improving year by year. With the reduction of the cost of fingerprint, face, iris and other technologies, these technologies are becoming more and more popular. Nowadays, with the use of new identification technology, it is easy to complete all kinds of identity authentication.

3. The challenge of one-handed interaction

At that time, Qiao always insisted on one-handed operation, but now, the mobile phone screen is getting bigger and bigger, one-handed operation has been a kind of extravagant hope. To this end, mobile phone brands try to change the way of interaction, in order to achieve one-handed operation, and for this as a publicity gimmick. IPhone clicks the home key twice or slides down the virtual home key to move the entire content down half a screen, making it easy to operate the top function with one hand.

The first step to achieving your goal is to make your thumb functional. But what we need to think about is that the thumb itself is not flexible and can only be a single touch, so what form of interaction can meet the increasingly complex interaction needs?

4. Folding screen

The screen is expandable and will be an important turning point for mobile office. Whether it's text that requires long editing, a table with an infinite artboard, or a presentation that requires powerful landscaping, it requires a large enough screen to have a better experience. The emergence of the folding screen allows the mobile phone to replace the tablet to meet more usage scenarios. At present, the folding screen is still a new thing in the eyes of the public because of its cost. But I believe that cost will not be a problem in the future, and the more important question is what impact the change in screen form will have on interaction, and how to tap its real potential.

V. technological upgrading

1. Pay attention to privacy protection

Since the release of the MIUI12 privacy feature, the frequency of APP access to privacy has decreased significantly, which makes the behavior of the application more and more standardized, so it has been recognized by users, relevant national institutions and media.

In Kevin Kelly's "necessity" describes such a future scenario, our various states will be tracked by the device, from your geographical location to your heartbeat, everything you experience will be uploaded to the Internet, and the device can recommend all kinds of goods or services to you through the analysis of the past. This is beautiful, but there are also a lot of risks. In the plot of "eavesdropping", it is the advanced eavesdropping technology that has caused all kinds of unpredictable disasters. So this is a double-edged sword, with technological progress, we also need to pay attention to the protection of privacy all the time.

two。 Intelligent office automation

At the 2019 Google Iramp O conference, Google Lens demonstrated the AR order function to intelligently identify the menu scanned by the user and present the relevant recommendations on the food website directly on the screen. When the small ticket information is identified, the amount on the small ticket can be quickly extracted, and the calculator can automatically pop up to help the user quickly calculate the per capita consumption and save the time cost of manual calculation.

In the office scenario, how to help users reduce unnecessary work and focus more on content. The trivial things such as typesetting specification, material extraction, document management, function search and so on are handed over to artificial intelligence to complete. In the previous industrial era, with the power of machines, people's production efficiency has made a leap, and the next efficiency improvement will be artificial intelligence.

3. Brain machine

Do you want to learn "quantum reading"? Maybe achieving a fast reading of 100,000 words in 5 minutes is not a dream. Neuralink has released a brain-computer interface for Link V0.9, and has conducted experiments on animals by implanting a microchip into a monkey's brain and allowing it to play video games through its mind. Although the probability of the popularity of this product in human beings is almost zero, it is also a big step forward for mankind.

This is just the beginning, and future devices will not be limited to wearability, but will be closely connected to the human body. It may be conceivable that in the future, people will line up downstairs of technology companies to update and upgrade their "mechanical organs", just like making an appointment at a hospital.

4. Virtual reality & augmented reality

If we want to say which technological change will have a significant impact on our lives and work, I think it will be VR and AR. In terms of communication, the experience will become more real. Long-distance communication is often inefficient, of which a very important point is the sense of distance between the two sides, and the distance between the two sides will cause instability of the links between the two sides, because the two sides are unable to exchange information such as eyes and limbs. Sometimes things that can be accomplished with a look or action require repeated verbal communication, and even fall into a variety of awkward situations.

In addition to communication, in work, life, learning and other fields, VR and AR will also have more possibilities, the attribute of the media is no longer two-dimensional plane, but three-dimensional space, which makes it can provide a more immersive interactive experience.

Affected by the epidemic, telecommuting, online shopping and online learning have entered more people's lives, which has become today's human culture, and I believe this is just the beginning. Looking back 10 years ago, smartphones were new, but now they are a popular commodity, and looking back 10 years from now, some things will feel the same way.

5. 5G application

I vaguely remember the arrival of the 4G era when I was in college, when people next to me were talking about how fast the Internet was, and it didn't hurt to listen to music and watch videos at all.

Now 5G is becoming popular and the Internet speed is improving again, but there are mixed reviews from the outside world. The most common topic is "how will 5G change our lives?". Some people think that it will only increase our monthly phone bills, while others suggest that technologies such as VR/AR panoramic live streaming, high-definition teleconferencing, drone operations and autopilot will be more mature.

In any case, 5G experienced all kinds of ups and downs in 2020 and finally spread to all of us. 5G will have a qualitative impact on many areas, especially in scenarios that rely on the network environment. Among them is the office area, where large files are on the cloud, collaborative work or teleconferencing, and 5G will provide a better experience for these scenarios and make more possibilities a reality.

At this point, the study on "how to systematically analyze 2021 design trends from three aspects of vision, interaction and technology" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 285

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report