html5单屏滚动页面案例,20个精巧走心的单页滚动网页设计案例

单页滚动也算是目前网页设计中一个独立的类别了，导航、菜单等网页元素的设计也有一套独特的手法。极简风的导航栏设计其实算不上太多，毕竟导航栏的部分应该是包罗万象并且常驻页面的。而汉堡菜单的存在让导航具备了更优秀的隐藏性，摆脱了滚动条、分页和复杂的下拉框，让页面更整洁，为视觉设计留下更大的空间，留住了用户。

另外非常值得注意的一点是，即使导航设计足够隐蔽，用户也不会在页面间迷失，他们比我们设计时所设定的“普通用户”要聪明太多。网页出现的20多年来，大家已经习惯了自上而下的浏览，在没有额外的标志提醒和导航存在的情况下，用户也会下意识向下滚动，这也是单页设计和无导航设计出现的重要先决条件。开发者充分利用单页和视差的特征，让页面更加生动自然，也更符合触摸屏设备。聪明的设计师们将移动端不易于交互的元素去除之后，页面设计更加统一，兼容性更强。

如此一来，全新设定下的长滚动页面的设计似乎拥有了更多的可能性，不拘一格的设计手法可以令长滚动页面焕发出不同凡响的生命力。今天我们搜集了20个独具匠心的单页滚动页面，它们在页面布局、导航设计上另辟蹊径。如果你正在寻找设计精巧而走心的网页，那么这次的案例会让你眼前一亮。

We Are Top Secret

We are top secret 在导航设计上还是蛮温和的，设计师并没有采用醒目的向下滚动箭头提醒，也没有显著的滚动特效，仅仅在底部用一个小巧的“Scroll d