单页滚动也算是目前军垦路街道网站设计中一个独立的类别了,导航、菜单等网页元素的设计也有一套独特的手法。极简风的导航栏网站设计其实算不上太多,毕竟导航栏的部分应该是包罗万象并且常驻页面的。而汉堡菜单的存在让导航具备了更先进的隐藏性,摆脱了滚动条、分页和复杂的下拉框,让页面更整洁,为视觉设计留下更大的空间,留住了用户。
另外非常值得注意的一点是,即使网站的导航设计足够隐蔽,用户也不会在页面间迷失,他们比我们设计时所设定的“普通用户”要聪明太多。网页出现的20多年来,大家已经习惯了自上而下的浏览,在没有额外的标志提醒和导航存在的情况下,用户也会下意识向下滚动,这也是单页设计和无导航设计出现的重要先决条件。开发者充分利用单页和视差的特征,让页面更加生动自然,也更符合触摸屏设备。聪明的设计师们将移动端不易于交互的元素去除之后,页面设计更加统一,兼容性更强。
如此一来,全新设定下的长滚动页面的设计似乎拥有了更多的可能性,不拘一格的设计手法可以令长滚动页面焕发出不同凡响的生命力。今天我们搜集了20个独具匠心的单页滚动页面,它们在页面布局、导航设计上另辟蹊径。如果你正在寻找设计精巧而走心的网页,那么这次的案例会让你眼前一亮。
军垦路街道网站建设:We Are Top SecretWe are top secret 在导航设计上还是蛮温和的,设计师并没有采用醒目的向下滚动箭头提醒,也没有显著的滚动有效,仅仅在底部用一个小巧的“Scroll down”提示访客,并且融入度极高。
军垦路街道网站设计:Fixed GroupFixed Group 的页面设计极为炫酷,导航栏被隐藏在左上角的汉堡图标中。为了引导用户向下滚动,设计师在页面的底部放置了一个超窄的箭头,看起来非常有趣。页面中轻微的折叠效果也在“引诱”用户滚动页面。
军垦路街道网站设计:Giampiero Bodino这个网页在用户体验上也做的非常突出,对触摸屏设备的兼容尤其不错。设计师突出了页面托拽浏览的特征,可以纵向滚动也可以横向滚动。
军垦路街道网站制作:WeltradeWeltrade 营造了华丽而晦暗的场景,作为一个着陆页,无论是桌面端还是触摸屏都可以轻松操作,不过页面中散落的菱形按钮,较好的操作介质还是手指。
军垦路街道网站设计:Urban Walks尽管Urban Walks 采用了常见的单页设计方式,用右侧的小圆点来作为翻页指示,但是整体的配色和细节设计非常到位,堪称教科书式的网页设计。
军垦路街道网站制作:Melanie F Lookbook这个街拍风格指南网站拥有相当不错的交互动画,你可以选择自动滚动也可以手动控制滚动速度,然后点击十字标识来查看产品的图片,价格,搭配,如果你喜欢,可以立刻点击购买。
军垦路街道网站设计:Born这个并不是传统意义上的长滚动单页,不过网站设计的展示性极强,每个项目都拥有一个极具视觉冲击力的大图。点击查看每个项目的时候,你会看到一个闪动的字母O,和Born中的第二个字母对应。
军垦路街道网站制作:Nothing but Thieves黑暗系的军垦路街道网站设计总是这么迷人。向下滚动就可以发现设计者想要展现的东西。
军垦路街道网站建设:Little Big Room军垦路街道网站建设页面风格使用的是视差滚动设计,只不过滚动方向是横向的。设计师并没有采用常规的滚动条来提示位置,而是用了一个圆圈来标识进度。
【你必须知道的一些设计趋势】
用户体验设计趋势:
《当交互式设计与用户体验好碰撞》
配色搭配趋势:
《视觉盛宴!利用色彩冲突的网站设计》
网页设计趋势:
《纯干货!2015网站导航设计趋势》
请立即点击咨询我们或拨打咨询热线: 1823-7777-110,我们会详细为你一一解答你心中的疑难。项目经理在线