所有的UI用戶界面都包含了各種層級關(guān)系,背景、前景、卡片、漂浮在頂部的bar元素...等。要向用戶顯示哪些屏幕元素處于活動狀態(tài),您必須使用表面高度。比如一些需要提升的UI組件,如:卡片、菜單...等,當(dāng)您未能使用高程時,這些組件可能看起來像是背景或內(nèi)容的一部分,用戶可能會忽視它們并且無法及時與他們進行交互設(shè)計。UI界面需要三個級別的高度:低、中和高。
這些高程因投影的散布而異。請注意高海拔陰影的傳播范圍如何大于中低海拔陰影。這種傳播模仿了現(xiàn)實世界中的陰影高度。用戶喜歡看起來自然的陰影,因此請確保它們微妙且逼真。
您將使用這些不同的高度來表示元素的活躍程度。元素越不活躍,海拔越低。但是元素越活躍,高度就越高。更高的高度意味著該元素更接近用戶并需要他們的注意。這個概念模仿了人類與現(xiàn)實世界對象的交互方式。觸手可及的對象是您正在使用的對象,而較遠的對象則未被使用。
陰影數(shù)值:
陰影值在不同的高度之間會有所不同。低海拔表面只有核心陰影。因此,y 軸和模糊會很小,并且對物體顯得很緊。 中高程表面具有核心陰影和投射陰影。由于它被抬離地面更高,投射陰影在物體后面有更大的模糊和 y 軸。 將表面提升得更高會產(chǎn)生更大的投射陰影。
所以,高海拔表面具有增加的模糊度和 y 軸以產(chǎn)生更廣泛的傳播。 您可以通過使用模糊和 y 軸來選擇您希望表面顯示的高度。但是,此處的值對于大多數(shù)用例都是最佳的。從中高程到高程的投射陰影值是原來的三倍。
聯(lián)系我們,開啟一場關(guān)于您項目的討論會吧。
?2010-2025 維好維可 | 用戶體驗創(chuàng)新設(shè)計公司-版權(quán)所有
滬ICP備19006116號-1
提交信息后,我們的專屬顧問會在1個工作日內(nèi)與您聯(lián)系。