
想要探索未來趨勢,必然需要了解當下和過去的事情。因此,我們需要先來回顧下 2020 年的變化吧。
2020 年因為疫情,讓協(xié)作、云端、即時通訊、遠程會議、AI 智能等等,成為了遠程辦公的必需品。目前,疫情在國內(nèi)已經(jīng)獲得了控制,后疫情時代已經(jīng)到來,許多最初沒有的習慣,在發(fā)現(xiàn)新的工作模式更加有效率后,也就繼續(xù)保留了下來。這些保留下來的習慣,也將在 2021 年會有更進一步的發(fā)展。
1. 大廠的變化
在視覺設(shè)計層面,各大設(shè)計語言陸續(xù)推出了新的設(shè)計版本,更為突出各自設(shè)計風格,以建立自己的視覺護城河。谷歌發(fā)布了 Android 11,Apple 發(fā)布了 iOS14,微軟持續(xù)宣傳他的 Fluent UI 設(shè)計理念。在國內(nèi)的辦公領(lǐng)域,騰訊文檔推出了類似 Fluent UI 設(shè)計理念的風格,石墨文檔依舊保持獨特的東方韻味,飛書發(fā)布了飛書文檔,繼承飛書本身簡潔的 UI,以及活潑的插畫風格。
谷歌的 Android 11
基于 Material Design 設(shè)計的 Android 11,裝飾上運用了簡潔的幾何圖形,UI 細節(jié)上開始趨向圓角的運用,色彩方面選擇了更為協(xié)調(diào)的配色,對比之前版本純度有所降低,顯得更為高級。
蘋果的 iOS 14
UI 設(shè)計延續(xù)原有的風格,清晰的字體,大圓角的運用,加上豐富的動態(tài)效果,并且新增了許多貼心的新功能,例如懸浮播放視頻、主屏幕的 Widget。
微軟的 Fluent UI
這是微軟為跨平臺,而提出的設(shè)計解決方案。支撐設(shè)計概念的關(guān)鍵詞有深度、材質(zhì)、動畫、光線等等,這聽起來感覺與 Material Design 特別相似。不過在最終的視覺呈現(xiàn)上微軟會更接近于真實世界,例如,透明的毛玻璃效果,或更為立體的圖標等。
2. 社區(qū)中的熱門設(shè)計
Behance 和 Dribbble 在 2020 年出現(xiàn)了許多以 3D 插畫為主視覺的設(shè)計方案,因為技術(shù)的發(fā)展,設(shè)計師借助 Figma 或 Dimensions 就可以輕松的創(chuàng)作所需的 3D 素材。關(guān)鍵的這不是設(shè)計方案中的“花瓶”,因為在 Mac 的最新系統(tǒng) Big Sur 中,已經(jīng)開始運用了 3D 圖標,相信在以后 3D 的運用場景將會不斷的被挖掘出來。

2020 年初時在 Dribbble 流行起來的一個風格叫“新擬態(tài)”,這是將投影運用到極致后出現(xiàn)的效果,正如作者所說的:“讓我們想象一下,如果在移動界面設(shè)計中,投影的形式發(fā)展的更好的話,那將來的界面將會是什么樣的,這是我的愿景。”新擬態(tài)在視覺上表現(xiàn)確實很驚艷,為此 Android 還制作了一個新擬態(tài)的 12 宣傳視頻,但是,主觀感覺這應(yīng)該很難廣泛運用到實際產(chǎn)品當中。

1. 設(shè)計服務(wù)于內(nèi)容
設(shè)計專注于表現(xiàn)內(nèi)容,這是從包豪斯到現(xiàn)在一直遵循的規(guī)則,而這個理念也將會持續(xù)下去。設(shè)計目標終將是需要把關(guān)鍵信息傳達到用戶手中,讓用戶知道自己為什么在這,這里有什么,并且能到哪里去。
技術(shù)的發(fā)展,形式也一直在發(fā)生變化,提升信息傳達效率,這已經(jīng)不單是平面設(shè)計專屬。學會運用動效、交互或智能推薦等綜合的方法,來達到設(shè)計目標,會是將來常用的設(shè)計手法。

2. 更大的圓角
在以前由于屏幕分辨率太低,窗口四角正常會運用直角,因為圓角會出現(xiàn)鋸齒或者模糊,影響界面美觀。而先如今移動端屏幕質(zhì)量早已超過紙媒的印刷技術(shù),圓角也開始被廣泛的運用。另一方面圓角在之前的認知中,是兒童的專屬,是更為親和力的表現(xiàn)形式。而經(jīng)過近幾年的發(fā)展,這個偏見正在慢慢改變,因為圓角也可以做的很高大上,也能設(shè)計的很潮流。
蘋果總是第一個吃螃蟹的公司,Mac 的最新系統(tǒng) Big Sur 整體變得更加圓潤,窗口四角從以前的 10px 增加到 20px,并且全新的控制中心也沿用了 iOS 14 的設(shè)計風格和設(shè)計布局。值得再一提的是,微軟 Win10 的概念稿中也開始嘗試運用起了圓角。所以這個趨勢是蠻值得關(guān)注的一點。



情非得已
設(shè)計師必須學習的7個文字排版技巧2021-04-22
設(shè)計師分析8款常用的高級設(shè)計技巧2021-03-23
3個平面設(shè)計技巧學會動態(tài)字體海報2020-07-09
如何設(shè)計出優(yōu)秀的文字類海報排版2020-04-02
7個有效提升傳達率折頁設(shè)計技巧2020-03-19
設(shè)計師如何解決作品視覺缺少層次感2020-03-14
詳細解析平面設(shè)計中元素的使用技巧2020-03-13
設(shè)計師必須要學習的平面設(shè)計配色技巧2020-03-11
解析設(shè)計師常用的6大構(gòu)圖方法2020-03-11
3個幫你快速掌握字體搭配思路2020-03-10
設(shè)計師分析8款常用的高級設(shè)計技巧2021-03-23
從視覺交互和技術(shù)方面分析2021設(shè)計趨勢2021-04-22
設(shè)計師必須學習的7個文字排版技巧2021-04-22
解析2021年設(shè)計界最新趨勢之極光風2021-04-22
設(shè)計師必須學習的7個文字排版技巧
相關(guān)文章912021-04-22
解析2021年設(shè)計界最新趨勢之極光風
相關(guān)文章902021-04-22
設(shè)計師分析8款常用的高級設(shè)計技巧
相關(guān)文章3022021-03-23
毛玻璃擬態(tài)圖標的臨摹思路與設(shè)計技巧
相關(guān)文章2372021-03-22
設(shè)計師如何學習優(yōu)秀的平面設(shè)計作品
相關(guān)文章932021-03-22
詳細解析名片設(shè)計規(guī)范和在軟件中的設(shè)置
相關(guān)文章992021-03-19
詳細解析UI設(shè)計中終極配色寶典
相關(guān)文章1782021-03-11
詳解如何把產(chǎn)品和背景融合到一起
相關(guān)文章1572021-03-11
