一、翻轉(zhuǎn)的logo
從屏幕底部向上推動卡片，Logo通過微妙的折疊翻轉(zhuǎn)漸漸進入視野。還有一點，在動畫剛開始的時候，屏幕底部有堆疊的卡片，隨著逐漸向上推動卡片，堆疊的卡片逐漸單個排列在頁面上。
二、logo翻轉(zhuǎn)和彈跳效果(Night)
該圖片展示了翻轉(zhuǎn)操作–下拉search bar，從屏幕頂部進行翻轉(zhuǎn)，展示頭圖背后的內(nèi)容，輕彈的logo是一個非常清晰的視覺元素，而屏幕上的狀態(tài)欄也準(zhǔn)確地在動畫完成的時候被覆蓋。
三、翻轉(zhuǎn)和彈跳效果(Daytime)
同樣的動畫效果，找找日間頭圖背景與夜晚時候的區(qū)別。
四、逐漸消退的logo
Google Search使用了logo漸漸淡出的設(shè)計，并準(zhǔn)確在背景圖片具有足夠視覺反差的時候讓文本顏色過渡至白色。
五、輕微的彈動效果
打開瀏覽頁面，點擊”See more movies”，搜索結(jié)果會從屏幕右側(cè)滑出，當(dāng)新頁面滑動至屏幕最左側(cè)時會有輕微的彈動效果。
六、關(guān)閉瀏覽器的搜索結(jié)果窗口
關(guān)閉搜索結(jié)果窗口時，Google Search沒有采用常見的解決方案–頁面從右方退出視線范圍，而是選擇了從屏幕底部掉落，并帶有微妙的消褪效果，給app增加了輕盈的感覺。
七、移除卡片
這是Google Search app中優(yōu)秀的交互設(shè)計之一，當(dāng)用戶第一次看見該視圖時，這種交互設(shè)計可以向用戶展示如何移除單個的卡片。同時給用戶增加了簡單、無重量感以及更加直覺的體驗。
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。