百度理財(cái) App 的 icon 設(shè)計(jì)和新手引導(dǎo)做的很不錯(cuò),稍微寫一下。
首先是 icon 的設(shè)計(jì),第一眼其實(shí)并不出彩,金色的錢幣搭配紅色的背景,雖然顏色很挑,但看不太出來是什么東西。不過,碩大的“du”字,加上金幣頭上的兩只“耳朵”,到也跟百度的 Logo(熊掌)有了一點(diǎn)關(guān)聯(lián)性。
然后是新手引導(dǎo)設(shè)計(jì),如下圖所示:

百度理財(cái)新手引導(dǎo)
- 簡潔的文案搭配簡單的配圖,非常簡明地表達(dá)了產(chǎn)品的三個(gè)特色功能
- icon 從始至終都顯示在屏幕的中心位置,再配合虛線將文案和配圖進(jìn)行有效的關(guān)聯(lián),確保了三個(gè)元素的關(guān)聯(lián)性,有效避免了元素的孤立感
- 在引導(dǎo)頁面切換的過程中,icon 始終是動(dòng)態(tài)滾動(dòng)了,直到切換到最后一個(gè)頁面,才恍然大悟:一枚金幣,經(jīng)歷過一小段的旅程之后,投放到了存錢罐。
金幣和存錢罐合并之后,正好構(gòu)成了 App 的 icon,首尾呼應(yīng),非常自然。