6 评论 1.8万 浏览 64 收藏 19 分钟


After months of quarantine and isolation brought on by the global pandemic, we look at 2021 with high hopes and cautious optimism.


Being such an atypical year, in which time seems to have stopped, there have been no major changes in the trends of 2020, which will continue to dominate in 2021,  in fact we can say that some of the trends were influenced by the pandemic and the needs it created in all domains.


In the third quarter of the year began to appear, very shy, new influences whose dominance will be felt gradually in 2021.


Even if most trends from 2020 will continue to influence the design scene next year, we will try to keep only those that will dominate in 2021.


一、Main Trend of 2021

3d is definitely the trend of 2021, because it is found in all branches of design, and the novelty is that it is starting to be used in UI, which until now has been dominated by flat design.


The more and more frequent adoption of 3d is also due to the fact that we have at hand some new software, very easy to use, some even free (Figma for example, it is free for freelancers and has some plugins that make the use of 3d user friendly )


How many of us were not discouraged when they opened complex programs like C4D, 3D Studio Max or Maya? Now with software like Figma or Dimensions CC, any designer can quickly learn how to create beautiful 3d scenarios. These softwares are perfect for a 3D beginner.

当我们打开复杂的软件如C4D、3DMax和Maya,我们很多人都会感到无助。现在,有了像Figma,Dimensions CC这样的软件,任何一个设计师都能学会创作漂亮的3D作品,这些软件非常适合3D初学者。

Another factor that will lead to the more frequent use of 3d is the imminent release of Apple’s Big Sur, the new operating system for Mac. At the time of writing, Apple Big Sur is not yet released and does not even have an announced release date. Big Sur is currently in Beta. The Public Beta version (there is a developer Beta as well) became available on August 6th.

另外一个能导致3D更应用更普及的是即将发布的苹果新操作系统Apple’s Big Sur,在写这篇文章时还没有发布,甚至没有公布发布日期,Big Sur 目前是测试版本,公开的测试版本8月6号可提供,同时有一个开发者版本。

You’re probably wondering how the design world will be influenced by this release. Well, Apple showed us a sneak preview to have a glimpse at how the new Mac interface will look like. The most important changes in design are the introduction of 3d elements (icons), areas with transparency and the abandonment of grey shades.

你可能想知道Apple’s Big Sur的发布将如何影响设计界,苹果给我们展示了一个预览版本关于新的Mac界面会是什么样,设计中最重要的改变是3D元素(icon)的应用,抛弃了灰色阴影,应用透明效果。

二、Ui & IxD Design

1. App vs Mobile web


We can agree that in 2021 a website that is not “mobile first” is completely obsolete. In most branches of business the best experience comes if you are using an application, so these businesses focus on their development and implementation.


Online stores, social media platforms, trading platforms, etc., will choose to migrate their customers to apps for a better customer experience and to increase their conversions.


Mobile Website of Mobile App? How do you know which one is better for you or your customer?According to studies, users prefer mobile apps more than mobile websites.


Platforms that are paying attention to web based services, will find themselves at a disadvantage, both in how they present themselves to their users and in development as well.


According to Forbes.com, mobile users spend almost 90% of their time on mobile apps and just 10% of the time on browsers/ mobile websites.Apps have disadvantages as well, like higher development and maintenance costs.

根据Forbes.com,移动用户在App花费了90% 的时间,而在浏览器和移动网站的花费仅仅为10%。当然App同样有劣势,如更高的研发和维护成本。

2. Colors on White Surfaces


Colors are one of the most important visual elements of UI design. They can highlight your content and reinforce your brand’s style. A color theme should be designed to be harmonious. It should help the UI elements and surfaces to be easily distinguished from one another.


The surfaces are the tiles, cards, sheets and components that are placed on top of the background. These cards are white and have a smooth shade that creates a floating effect.. Usually the background is white or a very light grey.

外观包括标题、卡片、表单以及置于背景层上的元素。这些卡片是白色的并且有柔和的阴影过度,这样能创造一种悬浮效果;通常背景是白色的或者是浅灰色。If you don’t want to spend time

choosing your color palette, there are websites that can help you by generating beautiful and vibrant mixes.

如果你不想在选择色彩板选择上花费太多时间,这些网站能帮助你生成漂亮的丰富的色彩组合。例如: https://flatuicolors.com/ or https://colorsupplyyy.com/app/

3. Widget sizing


IOs 14, is here and it’s bringing some new changes that will affect all UI Design.Widgets come now in three sizes: small, medium, and large and you can smartly rearrange them between app icons. A designer must create a widget icon in all 3 styles, so the user can choose which one to use.

IOS 14带来的一些新改变会影响整个Ui设计,组件有小、中、大3个尺寸,你能迅速地在APP图标之间排布,设计师必须设计3种尺寸风格的组件,因此用户能选择其中的任意一种使用。

Each size of the widgets lets you display a different amount of information, so you need to be clear and display the right content. Remember that larger widgets allow you to show more data and information.


4. Animations & Interactions


Animations are an important part of an app’s design and user experience. These days, a design seems unfinished and static if it doesn’t incorporate an animation.


There are many ways to create them and here are some of them:JSON (stands for Javascript Object Notation) takes your images & animations and renders  them into a code.


The advantage of JSON animations is that it is a fraction in size compared to a GIF and it supports full transparency ( no BG needed).


A couple of years ago, the guys at Airbnb have created a tool named Lottie, that makes small animations really easy, using JSON files. Lottie is an open-source library for iOS, Android, and React Native that renders animations in real time. If you haven’t tried it yet, you should definitely give it a chance.


5. Custom made 3d Icons


So far we think everyone has realized that 3d is an important category in design. Now it influences the Ui segment more than ever. 3d icons are the new UI trend in 2021 so if you are bored with the flat icons, which have dominated the Ui scene in the last decade, then you can try the 3d ones. The final project will look fresh and modern.




1. Thin Outline in Illustrations


We predicted this trend last year in our Trend Guide. Illustrations in 2020 were dominated with this particular style of drawing and will continue to be in 2021 as well. Because this trend seemed to take off especially in the last semester of this year, we decided to call it the main trend in the category of illustrations for 2021.


2. 3D

The fact that 3d has taken by storm the design scene in recent years is no surprise. 3D has evolved a lot and is presented with some very polished illustrations that impress the viewer.


The colors used are strong or pastel, depending on the message they want to convey. The difference from previous years is that 3d illustrations are more minimalist, as if inspired a little by the simplicity of flat design.


四、Motion Design & Interactions


1. TikTok & Instagram Reels

Reels are a short and entertaining video content format. These short videos can be used as effective marketing strategies. With the launch of Instagram Reels, an alternative to TikTok, big companies have started using this tool to promote themselves and grow their reech.

Reels是短娱乐视频内容形式。这些短视频能被用作有效的市场营销策略,随着TikTok的替代品Instagram Reels的发布,大公司已经开始使用这个工具来做为自己企业做宣传并扩大影响。

These videos are no longer just made as a pastime for teenagers, but the big brands pay agencies to deliver such reels to them. If you’re already using social media for your business, it may be worth giving Instagram Reels or Tiktok a try.

这些视频不再仅仅为了青少年的消遣而制作,大品牌向宣传商支付费用从而向年轻人推广他们的宣传视频。如果你的企业已经在用社交媒体,那么Instagram Reels或TikTok也许值得一试。

2. Animated Logos


Animated logos have been present for several years but now they are very visible and have taken by storm everything that means branding, so they deserve a mention this year as well.


A logo is the first thing we see when entering an app, so it should be memorable using only a symbol or a typeface. Combining the logo with a smooth and sleek animation, you can achieve a memorable outcome for any company.




翻译自:Milo 2021设计趋势


本文由 @虫二无二 翻译发布于人人都是产品经理,未经作者许可,禁止转载。

  1. 动画格式svga不是更小更兼容吗

    1. json更适合

  2. 这是外国的流行趋势吧,中国应该有很多不同的

  3. b端和c端产品

  4. 平台流量

  5. rellay?