Case 22 | Cleo

進入App的界面非常有辨識度,大面積的藍色背景圖上方是CLEO的標誌

Sign up/Log in頁面非常cool,有對話場景的介紹產品功能

多樣的交互頁面,對於Mobile來說頁面比較小,多是從下往上多彈出一個頁面來展示新的action

常見的在App裡運用顏色深淺來指示active/inactive狀態的例子:

CTA button和input bar在還未輸入的時候都是灰色的。當狀態active的時候,CTA button的背景色變為brand color, input bar則有一個深色的stroke來表明active狀態

🍺思考:

・大面積的醒目的brand color可以build style,App會非常具有辨識度。不過也存在弊端,在強調極具個性的設計時候會對accessibility上有一定妥協。比如字體的size, weight以及大面積使用brand color會有視覺負擔

・App design因為是在一個比較小的空間上設計,所以多樣的交互設計就顯得很重要,比如從下往上滑出一個彈框,或是從左向右的彈框。都是為了增加mobile space並且以一個intuitive way幫助用戶使用產品

・整體顏色和風格需要有一致性,design system很有必要