随着移动端在市场的推动下,小屏幕的流利用得长滚动页面的鼓起,在内容肯定的情况下,屏幕越小,页面天然就越长,这促使了长滚动页面的流行。在网页设计的技术上,视觉设计上和策略上体现出如下特性:
视差滚动图片:图片素材以不同的速度活动创造出类似3D的视觉结果,为用户带来愉悦的视觉结果和颇为有用的互动。
屏幕尺寸分页:将长滚动页面分割成屏幕尺寸大小雷同的分页,这是一种颇为有用的内容分割组织的体例,可以使页面内容更有凝聚力。
常驻导航:用户在欣赏长滚动页面的时候容易迷失,常驻的导航栏能够让用户感受到可控性和安全感,避免迷失。
动画互动:在滚动过程中触发动画会为用户带来乐趣,这会让用户享受滚动的过程。
多向滚动翻页:这是单页滚动和长滚动页面发展这么久之后发展出来的新风尚网站关键词优化,页面可以横向、纵向,从上下左右各种方向滚动。
交互信息提醒:有些用户不会自动滚动页面,这个时候必要给予适当的心思提醒,比如“向下滚动”的文本和箭头,避免他们疑惑。也可以使用举措召唤按钮(CTA)等设计方法来提醒。
以下实例大多通过这些设计和技术上来表现:
Beagle
这个页面是针对Podio 的工具Beagle 而设计的长滚动页面。设计师将内容分割成屏幕大小的分页,用来展示不同的内容,动效被拿来衔接页面河北人事考试网首页,将用户的吸引力从一个分页转移到下一个分页。
Wall’s Ice Cream & Airpure Car Fresheners
这个名为Wall’s Ice Cream & Airpure Car Fresheners 的网页采用了华丽的设计,色彩美丽转变多端的小雪糕被设计成导航,随着页面向下滚动你会看到风趣的动画。细致底部进度条的色彩转变和固定的导航设计。
Beatrate Band
采用了长滚动页面设计,其中包含了几个实验性的设计,包括视频主动播放和水平旋转图像。
总结:在网页设计中,长滚动页面的应用有它的独特之道,梳理紊乱无章的信息、提拔页面交互性、自由合理的导航设计、更为漂亮风趣的视觉设计,以及更加雄厚的内容呈现。当然,考虑到它“长”的特性容易让用户疑惑,内容的信息量其实应当进行合理的控制。
广州网页设计、广州网站设计、广州网站建设、广州UI设计整顿学习!
分享至: