精選 · 開放 · 免費
這是一個傑出的案例,展示了如何透過活潑的插圖讓金融科技感覺平易近人,同時在 UI 本身維持高端的克制感。
原站: https://family.co
以乾淨白色為基底,搭配暖灰色文字,並以活潑的多色插圖與黑色主操作按鈕作為點綴。
採用寬裕的單欄置中佈局,區塊之間留有充足的垂直間距。
在 hover 狀態下,使用 0.2 秒 ease-out 過渡效果,搭配細微的顏色與變形變化。
整體動畫採用 Cubic-bezier(0.19, 1, 0.22, 1) 緩動函數,以創造流暢、自然的感覺。
en · zh-CN · zh-TW · ja · ko