一、社會背景 Social Context
2020年因為疫情,讓協作、云端、即時通訊、遠程會議、AI智能等等,成為了遠程辦公的必需品。目前,疫情在國內已經獲得了控制,后疫情時代已經到來,許多最初沒有的習慣,在發現新的工作模式更加有效率后,也即繼續保留了下來,這些保留下來的習慣,也將在2021年會更進一步的發展。
1.大廠的變化
在視覺設計層面,個大設計語言陸續推出了新的設計版本,更為突出個各自設計風格,以建立自己的視覺護城河,谷歌發布了 Android 11,Apple發布了 IOS 14,微軟持續宣傳他的 Fluent UI 設計理念,在國內的辦公領域,騰訊文檔推出了類似 Fluent UI 設計理念風格,石墨文檔依舊保持獨特的東方韻味,飛書發布了飛書文檔,繼承飛書本身簡潔的 UI ,以及活潑的插畫風格。
谷歌的 Aandroid 11
基于 Material Design 設計的 Android 11 ,裝飾上運用簡潔的幾何圖形,UI 細節上開始趨向圓角的運用,色彩方面選擇了更為協調的配色,對比之前版本純度有所降低,顯得更為高級。視頻鏈接:file:///Users/javascript/Desktop/0bf2miadcaaa7eamerkc6fqfaywdgfraamia.f10003.mp4
蘋果的 IOS 14
UI 設計延續原有的風格,清晰的字體,大圓角的運用,加上豐富的動態效果,并且新增了許多貼心的新功能,例如懸浮播放視頻、主屏幕的Widget。
微軟的 Fluent UI
這是微軟為跨平臺,而提出的設計解決方案。支撐設計概念的關鍵詞有深度、材質、動畫、光線等等,這聽起來感覺與 Material Densign 特別相似。不過在最終的視覺呈現上微軟會更接近于真實世界。例如,透明的毛玻璃效果,或更為立體的圖標等。
2.社區中的熱門設計
Behance 和 Dribbble 在2020年出現了許多以 3D 插畫為主視覺的設計方案,因為技術的發展,設計師借助 Figma 或 Dimensions 就可以輕松的創作所需的 3D 素材。關鍵的這不是設計方案中的“花瓶”,因為在Mac的最新系統 Big Sur 中,已經開始運用了 3D 的圖標,相信在以后的 3D 的運用場景將會不斷的被挖掘出來。
2020年初時在Dribbble流行起來的一個風格叫“新擬態”,這是將投影運用到極致后出現的效果,正如作者所說的:讓我們想象一下,如果在移動界面設計中,投影的形式發展的更好的話,那將來的界面將會是什么樣子的,這是我的愿景”。新擬態在視覺上表現確實很驚艷,為此Aandroid還制作了一個新擬態的12宣傳視頻,但是主觀感覺這應該很難廣泛運用到實際產品當中。
二、UI設計 User Interface
1. 設計服務與內容
設計專注于表現內容,這是從包豪斯到現在一直遵循的規則,而這個理念也將會持續下去。設計目標終將是需要把關鍵信息傳達到用戶手中,讓用戶知道自己為什么在這,這里有什么,并且能到哪里去。
技術的發展,形式也一直在發生變化,提升信息傳達效率,這已經不單是平面設計專屬。學會運用動效,交互或智能推薦等綜合的方法,來達到設計目標,會是將來常用的設計手法。
2.更大的圓角
在以前由于屏幕分辨率太低,窗口四角正常會運用直角,因為圓角會出現鋸齒或者模糊,影響界面美觀。而現如今移動屏幕質量早已超過紙媒的印刷技術,圓角也開始被廣泛的運用。另一方面圓角在之前的認知中,是兒童的專屬,是更為親和力的表現形式。而經過幾年的發展,這個偏見正在慢慢改變,因為圓角也可以做的很高大上,也能設計的很潮流。
蘋果總是第一個吃螃蟹的公司,Mac 的最新系統 Big Sur 整體變得更加圓潤,窗口四角從以前的 10px 增加到 20px ,并且全新的控制中心也沿用了 IOS 14 的設計風格和設計布局。值得在一提的是,微軟 Win 10 的概念稿中也開始嘗試運用起了圓角。所以這個趨勢是蠻值得關注的一點。
3.用有含義的插畫提升用戶體驗
設計師常常會陷入形式主義,而忽略了本該表達的內容,特別是在插畫上。也許這個道理每位設計師都懂,但為何還是會前仆后繼的撲倒在自我滿足的陷阱中呢?也許原因中會有一點是,當內容過于直接表達,或者元素過于普通,就很容易讓作品變得毫無趣味,這就是矛盾所在了。
那如果設計師既不想脫離內容,又不想設計出乏味的設計,怎么辦?這就需要讓插畫具有含義,而不是淪為純粹的形式。優秀的插畫多承載的信息量,能夠遠比文字或界面UI來的豐富。
4. 新材料新擬態
5. 自然的界面和運動效果
這里所說的自然,是能讓人感到熟悉和安心,是以人為本的設計。王敏老師說過:“科技求真,藝術為美,設計從善,設計可以作為結點,讓真善美實現統一?!辨溄尤伺c產品之間的紐帶是 UI 界面,它需要承載不僅是信息內容,還有用戶體驗,因此,以人為本的設計終會贏得用戶的喜愛。
自然運動效果,不是那種大開大合的炫酷效果,而是讓界面過渡更為自然合理。想要讓界面體驗更為自然,那必然要遵循真實世界的物理規則。例如,重力、摩擦力、向心力、浮力等動態效果。
6. 來自未來的風格
科學技術的快速發展,讓我們感覺未來近在咫尺,但又十分迷茫不知何去何從。我相信承載UI的媒介,必然不僅僅是現在我們所使用的各種設備。VR、AR 或全息影像等技術發展,將使得UI設計會有更多的可能性。賽博朋克2077也許真的離我們不遠,那種滿世界無處不在屏讀的社會,怎樣的設計才能真正滿足需求呢?這是我們需要長期思考的問題。
7. 深色模式
在2020年各大廠都推出了暗色調模式,這已成了如今APP的標配。除了深色模式外,以后還會在可視性、場景和現實成本等因素方面,更近一步的打磨。
三、插畫風格 Illustration
1.更具裝飾性的平面插畫風格
2.情感化的插畫設計
后疫情時代的遠程辦公,我們需更加考慮如何緩解合作的疏離感。如何拉近人與人之間的協作,打破遠程的空間桎梏,讓合作更具沉浸感。這時情感化的設計就能充分體現它的價值,例如,這幾年開始火的 emoji 頭像,或者各種表情包,它們讓溝通的雙方產生情感共鳴,而不是面對著冷冰冰的屏幕。
3. 插畫的組件化與創新
皮克斯運用技術的創新,提升了質量和效率,從而改變了整個動畫的歷史。對于我們來說,未來的插畫需求會越來越多,并且還要求獨特的創新性,這就需要有更優的解決方案。
四、交互方式 IInteraction
1. 多屏協同辦公
凱文凱利在《必然》里討論了關于未來的生活方式,他認為我們的未來環境會充滿各種屏幕,它將會在各種事物的表面出現,屏讀會從我們起床開始到晚上睡覺,一直出現在我們視野中。如今的人們每人都有各種各樣設備,因此,多屏協同辦公是必然的趨勢,不管你是與人合作,還是獨立工作。
2. 秒驗身份認證
3. 單手交互的挑戰
4. 折疊屏
屏幕可拓展,將會是移動辦公的重要轉折點。不管是需要長篇編輯的文字,還是畫板無限大的表格,或者是需要強大美化功能的演示,這都需要足夠大的屏幕才能有更優的體驗。折疊屏的出現讓手機能代替平板,滿足更多使用場景。折疊屏目前由于成本的原因,在大眾眼中還屬于新事物。但我相信成本在未來不會是問題,更重要的問題是,屏幕形式的變化,對于交互來說將會有哪些影響,并且如何挖掘其中真正的潛力。
五、技術升級 Iechnology
1. 關注隱私保護
2. 智能自動化辦公
3. 腦機
4. 虛擬現實&增強現實
5. 5G 運用
而如今 5G 開始普及,網速也再次提升,但外界對其的評價褒貶不一,其中最為常見的話題就是“5G 對我們的生活將會有什么改變呢?”,有人覺得它只會提高我們每個月的話費,也有人提出 VR/AR 全景直播、高清遠程會議、無人機作業、自動駕駛等技術將會更為成熟。
這篇文章是對當下的思考,也希望能對 2021 年的工作帶來些許幫助。在這過程中越是總結,越是對未來的趨勢感到迷茫,一篇文章并不能囊括所有內容,不足之處也希望理解。在未來或許會有數不盡的黑天鵝,也可能因為技術爆炸,使得新的潮流突然的興起,未來是無法預測的,所以,就讓我們一起擁抱變化吧~
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務