培训首页  >  电脑与IT新闻  >  瀑布流布局网页设计

瀑布流布局网页设计

[2014-09-01 14:30:38] 浏览量:316 来源:

沈阳新人才电脑培训

  • 1.吸顶式导航
  • 为什么使用吸顶式导航呢?用户在瀑布流模式下一目十行去浏览,如果切换到分类,又要回到顶部,然后再选取分类,吸顶式导航可以让用户轻松切换分类,设计要点,吸顶式导航不可以太宽,色彩上不可以太抢眼,只需要保证用户在需要时,它悄悄的在就可以。
  • 2.评论的锚点定位
  • pinterest起初设计是评论框全部默认展示的, 意在鼓励用户输入评论。而在近的改版中,pinterest的评论框的设计改为:当图片和已有评论长度较小时,评论框默认收起,点击评论的操作button后,锚点定位到评论框,同时光标闪动,提示用户输入文字。而图片和已有评论较长时(接近或大于一屏的高度),默认评论框打开,因为用户如果靠评论的button打开评论框需要回滚较多距离,成本太高。
  • 3.轻巧的点击查看大图设计
  • 点击空白区域收起,再次点击大图跳转到图片来源网站。非常适合轻松随意的阅读尤其是当用户适应此处的设计逻辑后,很容易产生沉浸式浏览,同时又满足了查看细节的需要。
  • 4.占位加载,保持视觉体验的顺畅
  • 用户在不断滚动鼠标滚轮浏览的过程中,网速并不总是尽如人意的,因此采用占位加载形式(预加载出图片高度的灰度图),不让加载过程中画面过于跳动,
  • 可以让用户视觉体验平缓些,视觉过度流畅,尽量小的干扰用户浏览的行为。
  • 5.Pin it 工具的便捷
  • Pinterest模式为的瀑布流网站另一利器便为Pin it 工具。用户在各式网站的浏览中,用Pin it先为自己收藏内容,其次为网站创造内容。而且可以将pinterest作为用户的一个在线图片收藏夹,当用户喜欢的内容在这儿了,流量也就不用担心了。
  • 更多:https://www.houxue.com/sy/xuexiao-87740.html

文中图片素材来源网络,如有侵权请联系删除

厚学推荐学校

网上报名

热门信息

温馨提示