來源:中國設計在線    時間:2020-11-30    站內收藏


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,我們很多人都會感到無助,F在,有了像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.




關鍵詞: 設計趨勢 UI/UX 
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>