Case 27 | Material.io

Material design和Apple design算是設計中不得不提的兩大design標準,今天這篇就來看看Material design網頁中的設計分析

light和shadow的運用,讓設計頁面有了實體物品的質感

・左側是頁面內的導航欄,在一個類目比如“Design"下用戶可以導航到很多內容

・右邊是單一article的位置標識,用戶可以在瀏覽時候隨時看到進度,user focus

・字體的黑色和灰色運用自如,顯示層級和狀態

・向上滑的時候最上方的nav bar會有一個彈起的效果,上滑的時候停住並向下拉動一點時候,nav bar又會出現。非常動感的nav bar。