偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

移動(dòng)開發(fā) Android
UI 設(shè)計(jì)的趨勢(shì)除了側(cè)重內(nèi)容和情感之外,還會(huì)根據(jù)不同設(shè)備載體、新的技術(shù)(3D、AR)而變化。但歸根結(jié)底還是以人為本,借用 Adobe 設(shè)計(jì)副總裁 Jamie Myrold 的一句話:如今設(shè)計(jì)師要思考的,絕不僅僅是設(shè)計(jì)一款 App、網(wǎng)站或設(shè)計(jì)工具。

在上篇文章《從超多大廠案例中,我總結(jié)了 2020 年值得關(guān)注的 9 個(gè)交互設(shè)計(jì)趨勢(shì)》中,分享了科技發(fā)展對(duì)交互設(shè)計(jì)產(chǎn)生的影響和變化。這一期,我想和大家談?wù)勗O(shè)計(jì)趨勢(shì)的第二部分:UI 用戶界面的應(yīng)用與最新趨勢(shì)。

創(chuàng)意動(dòng)畫

1. 品牌加載

公眾喜歡有趣,可塑的動(dòng)畫。Airbnb 和 Netfilx 將品牌 logo 動(dòng)畫應(yīng)用到了啟動(dòng)頁和加載頁面。結(jié)合品牌特點(diǎn)、風(fēng)格和符號(hào),融合到產(chǎn)品設(shè)計(jì)中,從而提升視覺的一致性,創(chuàng)造富有特有性格的產(chǎn)品界面。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Netflix & Airbnb

2. 圖標(biāo)動(dòng)畫

微交互是建立在移動(dòng)端上微妙視覺效果的小動(dòng)畫,而圖標(biāo)動(dòng)畫是微交互其中的一種。它的目的是吸引用戶,讓用戶感覺順暢、愉悅。

最近,讓我印象深刻的一個(gè)圖標(biāo)動(dòng)畫是 Facebook 的新消息提醒界面,這些由產(chǎn)品所包含的一個(gè)個(gè)小細(xì)節(jié),創(chuàng)造出了新穎而有趣的設(shè)計(jì)。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Facebook Website

留白分隔

在 UI 界面中,最常見的分隔方式是用細(xì)線對(duì)模塊進(jìn)行劃分,但隨著設(shè)計(jì)重心趨向簡(jiǎn)約,注重內(nèi)容本身,傳統(tǒng)的分隔線方式就略顯多余。

根據(jù)格式塔親密原則,通過留白控制間距大小,可以清晰地劃分模塊層級(jí),同時(shí)界面看起來也更加透氣、富有張力??梢钥吹?QQ、飛聊、Gmail、Messenger 等應(yīng)用都采用了留白分隔。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Gmail & Messenger

融入插圖

1. 品牌形象插畫

一個(gè)好的插畫作品可以為產(chǎn)品帶來極佳的辨識(shí)度。Snapchat 的頁面用了很多情感化設(shè)計(jì)和品牌形象,包括開啟通知引導(dǎo)動(dòng)畫、查找好友 landing page、下拉刷新頁、照片回憶等等。

從品牌的個(gè)性化設(shè)計(jì),尋找一種基于插畫的設(shè)計(jì)語言,把產(chǎn)品塑造成一個(gè)高辨識(shí)度的 ID。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Snapchat

2. 3D插畫

隨著軟件技術(shù)的提升,3D 插畫在這幾年中大受歡迎,很多應(yīng)用都使用 3D 渲染產(chǎn)品,如:星巴克、Keep、毒App 等等,因?yàn)樗鎸?shí)立體,有著更高的轉(zhuǎn)化率。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Starbucks by Wojciech

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Keep & 毒

圓角卡片

圓角代表友好、親和力,而卡片模塊化的布局更為清晰、有效、整潔。

在上周的微信改版《微信 7.0.5 發(fā)布:9個(gè)細(xì)節(jié)提升體驗(yàn)》的文章中,我講到了訂閱號(hào)的推送文章去掉了標(biāo)題欄的背景,卡片變得更加簡(jiǎn)潔。另外,公眾號(hào)詳情頁由原先的列表式,改成了圓角卡片式,彈窗也由直角改成圓角。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Broadcasting & 微信

視頻背景

長(zhǎng)期以來,圖像在視覺設(shè)計(jì)中起著至關(guān)重要的作用,而視頻能夠更直觀的吸引用戶,傳達(dá)主要的思想。

在移動(dòng)端中,視頻主要用于登錄頁背景,一般可以是幾秒鐘的循環(huán)剪輯視頻,它可以帶來一種身臨其境的體驗(yàn)感受。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Lyft & Nike

輕提示

Toast 是一種輕量級(jí)的提示,作為用戶操作后的反饋。UI 形態(tài)上從居中浮層,慢慢趨向于底部通欄樣式。這樣設(shè)計(jì)的好處是不會(huì)擋住當(dāng)前界面的內(nèi)容。

舉一個(gè)反例,iOS 的調(diào)整音量提示,大范圍的遮住了界面,特別是對(duì)正在玩游戲的用戶非常不友好,直到 iOS 13 這個(gè)設(shè)計(jì)才被修改。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Google Earth & Spotify

色彩平鋪

隨著扁平化設(shè)計(jì)和 Material Design 進(jìn)一步占據(jù)主流趨勢(shì),簡(jiǎn)約的界面,明亮,大膽的色彩一直都處于增長(zhǎng)趨勢(shì)。色彩平鋪已經(jīng)成為清新、酷炫、數(shù)字時(shí)代的代名詞。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Snapchat & Spotify

注重內(nèi)容

重內(nèi)容、輕 UI,把注意力引導(dǎo)在重要內(nèi)容和功能上。像 Facebook、Instagram 這種以圖片社交為主的 App 都有一個(gè)特點(diǎn),就是文字都是黑白灰,將彩色交給圖片去傳達(dá),讓用戶關(guān)注內(nèi)容即可。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)
△ Facebook for Android

AR

增強(qiáng)現(xiàn)實(shí)的技術(shù),已經(jīng)出現(xiàn)在很多 Web、App 等領(lǐng)域中。許多平臺(tái)開發(fā)者也將增強(qiáng)現(xiàn)實(shí)技術(shù)納入其開發(fā)工具里面,可預(yù)期到這種類型的 App 將會(huì)越來越多。

1. 地圖導(dǎo)視界面

地圖+AR,讓你不再盯著二維平面上那個(gè)藍(lán)色的點(diǎn),而是現(xiàn)實(shí)世界中的箭頭告訴你在哪個(gè)路口轉(zhuǎn)向。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Google Map

2. 表情貼紙

Instagram、Snapchat、Messenger 等平臺(tái)可用 AR 濾鏡來創(chuàng)作,表情貼紙可以幫助用戶更直白有效地自我表達(dá)、獲取注意力。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)
△ Spark AR

車載系統(tǒng)界面

隨著 5G、車聯(lián)網(wǎng)、人工智能、自動(dòng)駕駛的發(fā)展,車載界面也越來越受重視了。

在今年的 Google I/O 開發(fā)者大會(huì)上,針對(duì)車載系統(tǒng) Android Auto,推出了新的設(shè)計(jì)語言,它有著更好的可拓展性。在 UI 上,完全重新設(shè)計(jì)了導(dǎo)航欄,能夠更輕松地訪問應(yīng)用、通知,和你的 Google 智能助理,最大限度的幫助駕駛者減少分心,將注意力集中在道路上。 

從超多案例中,我總結(jié)了 2020年值得關(guān)注的10個(gè)UI設(shè)計(jì)趨勢(shì)

△ Android Auto UI

 

此外,還開發(fā)了新的系統(tǒng)小部件,在使用地圖進(jìn)行導(dǎo)航時(shí),仍然可以一鍵控制音樂應(yīng)用,或者正在進(jìn)行的電話,同時(shí)在屏幕上保持地圖的完整視圖。

總結(jié)

UI 設(shè)計(jì)的趨勢(shì)除了側(cè)重內(nèi)容和情感之外,還會(huì)根據(jù)不同設(shè)備載體、新的技術(shù)(3D、AR)而變化。但歸根結(jié)底還是以人為本,借用 Adobe 設(shè)計(jì)副總裁 Jamie Myrold 的一句話:如今設(shè)計(jì)師要思考的,絕不僅僅是設(shè)計(jì)一款 App、網(wǎng)站或設(shè)計(jì)工具。我們要思考的是人類的需求,用戶的需求,打造真正人性化,多元化與包容性的設(shè)計(jì)。

責(zé)任編輯:未麗燕 來源: 優(yōu)設(shè)
相關(guān)推薦

2020-06-11 16:20:38

UI趨勢(shì)設(shè)計(jì)

2020-02-11 13:09:49

人工智能機(jī)器學(xué)習(xí)技術(shù)

2020-01-10 12:20:49

人工智能邊緣計(jì)算IT

2020-09-21 16:10:26

云計(jì)算混合云IT

2020-01-03 22:27:38

網(wǎng)絡(luò)安全軟件社交網(wǎng)絡(luò)

2020-01-14 12:51:46

云計(jì)算KubernetesIT

2020-11-14 15:55:45

大數(shù)據(jù)技術(shù)資本

2020-05-08 10:40:10

邊緣計(jì)算分布式網(wǎng)絡(luò)云計(jì)算

2020-12-29 10:58:40

RPA機(jī)器人流程自動(dòng)化人工智能

2022-01-12 16:18:10

云趨勢(shì)公有云云計(jì)算

2023-03-20 14:52:48

2018-01-01 22:02:33

技術(shù)人工智能VR

2019-12-10 11:39:48

區(qū)塊鏈比特幣分布式

2020-02-04 11:09:11

網(wǎng)絡(luò)安全技術(shù)云原生

2020-12-20 17:19:24

主機(jī)托管邊緣計(jì)算遠(yuǎn)程工作

2021-12-09 14:35:56

存儲(chǔ)數(shù)據(jù)閃存

2022-12-29 11:33:49

2020-11-26 15:06:59

物聯(lián)網(wǎng)人工智能技術(shù)

2018-03-27 11:31:56

創(chuàng)新技術(shù)人工智能

2021-01-11 10:55:12

混合云云計(jì)算云平臺(tái)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)