做設計工作,了解最為流行的設計風格是必修課,前幾篇文章分別向大家介紹了全屏式網頁設計、響應式網頁設計、扁平化網頁設計、視覺滾動設計、無限滾動模式,下面云和學院的UI設計高級講師就繼續為大家講解較流行的七大設計風格之六:滾動偵測網頁設計。
什么是滾動偵測網頁設計
利用CSS的實現將導航欄固定在網頁頂部(大多數是頂部,當然也有側面或底部),并將版面內容按照導航順序垂直或橫向排布,使得用戶點擊相應導航tab時頁面自動滑到相應頁面,而若點擊內容,導航也將隨之改變。這樣的網頁設計頁面基本不會跳轉,每一個tab所指向的頁面內容也基本一屏顯示完整,所以在頁面呈現的內容上會有所局限。為不影響布局一般也會伴隨自適應。
滾動偵測式的網頁會給設計師帶來了很大挑戰——要在有限空間內保證內容呈現的完整性,故設計師會在版面上下足功夫。而這類網站結構和視差設計有異曲同工之處,所以我們發現很多網站會結合兩者,給觀者帶來不一樣的視覺感受和用戶體驗。