
微交互網(wǎng)易嚴選是如何借助一個小按鈕讓瀏覽更加順暢
在使用App時,你是不是也遇到過這樣的情況:Tab分區(qū)的內(nèi)容很長,當你瀏覽到內(nèi)容底部時,想要切換到下一個分區(qū),卻發(fā)現(xiàn)手頭的動作有些“遠”?網(wǎng)易嚴選就get到了你的這個小煩惱,...

龍爪槐守望者: 你可能每天都在用淘寶,但大概率沒注意到,它首頁頂部的Tab導航欄,已經(jīng)悄悄變臉了。 淘寶之前版本Tab采用了相對平淡的視覺樣式,選中狀態(tài)的標識不夠醒目,各個標簽之間的層次感較弱。而新版設(shè)計做了3個關(guān)鍵調(diào)整: 第一,選中狀態(tài)的視覺強化。新版Tab在選中時,采用了橙色高亮背景搭配白色文字的方案,形成了強烈的色彩對比。對比舊版只是簡單的文字顏色變化,新版的視覺沖擊力明顯更強。 第二,未選中狀態(tài)的層次優(yōu)化。新版將未選中的Tab標簽保持在淺色背景上,文字使用較深的灰色,與選中狀態(tài)拉開了清晰的視覺距離。這種處理讓用戶可以快速區(qū)分"當前位置"和"可去位置"。 第三,整體布局的緊湊性提升。新版Tab的間距和尺寸經(jīng)過了精心調(diào)整,既保證了可點擊區(qū)域的舒適性,又讓整個導航欄看起來更加整潔有序,減少了視覺干擾。

在使用App時,你是不是也遇到過這樣的情況:Tab分區(qū)的內(nèi)容很長,當你瀏覽到內(nèi)容底部時,想要切換到下一個分區(qū),卻發(fā)現(xiàn)手頭的動作有些“遠”?網(wǎng)易嚴選就get到了你的這個小煩惱,...