Design Philosophy
設計哲學 有機幾何主義

依照關鍵的設計哲學和原則,
有效率且充滿統整性地完成專案設計。

有機幾何主義

我們希望在理性與感性之間搭起一座橋。介面骨架遵循數理倍數與幾何對稱,確保視覺和諧;再加上流體般的動態,讓冰冷的工具多一點能與人共鳴的溫度。

以數學邏輯作為介面基礎

文字層級與間距都依固定倍數遞增,畫面裡沒有銳利的直角,只有計算過的平滑圓角。嚴謹的比例,讓介面看起來安穩、友善,也專業。

按壓時所呈現的模糊與回彈

每一次觸控,元件都會輕微模糊、像果凍一樣微微縮起,放開後自然彈回,讓平面的畫面也有手感與重量。

毛玻璃與景深

我們用高斯模糊和半透明的毛玻璃取代生硬的黑色陰影。對話框彈出或選單展開時,底層跟著退到景深之後,視線自然落在眼前的內容;光暈和色彩也能溢出元件的邊界。

可讀性

任何設計的理念都必須回到實用主義的基礎之上。介面的可讀性同樣是我們在設計時不可妥協的原則。因此,我們確保文字與底色之間始終保有絕對清晰的視覺對比,當背景色調翻轉時,文字也會聰明地自動切換對比色彩。

表示此時狀態的光環

選定一個持續生效的狀態或模式時,元件外圍會緩緩亮起一圈柔和的光環,提醒你它正在運作。目前的設定一眼就看得出來,不必猜。

頁面的前後層次

前進時,新頁面像卡片一樣蓋上來;返回時,把眼前這一層拿開,底下的頁面從模糊中慢慢變清楚。模糊的程度代表它離操作焦點多遠:按壓、選單、對話框、返回預覽,一層比一層遠。

從哪裡來,就回哪裡去

動畫的使命在於引導使用者直覺地體認到軟體的邏輯關係,以及作為塑造整體設計哲學的重要表達。選單從按鈕長出來,收合時就退回那顆按鈕;對話框浮現時,背後的世界輕輕失焦。每一次轉場,都在交代元件之間的空間關係。

好的工具,應該像一顆花枝丸—
你不會特別注意它,但少了它,才會發現不對勁。