以數學邏輯作為介面基礎
文字層級與間距都依固定倍數遞增,畫面裡沒有銳利的直角,只有計算過的平滑圓角。嚴謹的比例,讓介面看起來安穩、友善,也專業。
按壓時所呈現的模糊與回彈
每一次觸控,元件都會輕微模糊、像果凍一樣微微縮起,放開後自然彈回,讓平面的畫面也有手感與重量。
毛玻璃與景深
我們用高斯模糊和半透明的毛玻璃取代生硬的黑色陰影。對話框彈出或選單展開時,底層跟著退到景深之後,視線自然落在眼前的內容;光暈和色彩也能溢出元件的邊界。
可讀性
任何設計的理念都必須回到實用主義的基礎之上。介面的可讀性同樣是我們在設計時不可妥協的原則。因此,我們確保文字與底色之間始終保有絕對清晰的視覺對比,當背景色調翻轉時,文字也會聰明地自動切換對比色彩。
表示此時狀態的光環
選定一個持續生效的狀態或模式時,元件外圍會緩緩亮起一圈柔和的光環,提醒你它正在運作。目前的設定一眼就看得出來,不必猜。
頁面的前後層次
前進時,新頁面像卡片一樣蓋上來;返回時,把眼前這一層拿開,底下的頁面從模糊中慢慢變清楚。模糊的程度代表它離操作焦點多遠:按壓、選單、對話框、返回預覽,一層比一層遠。