行业关键字
UI设计UI理论和资料 → 正文
多页面的翻页体验-UI博客精选(149)
作者: 西贝 来源: 视觉同盟 时间: 2007年12月5日

打算总结交互设计的基本交互方式,把沉淀下来的东西,从脑中再过一下;(引用junchen的观点和图片)今天就从细小的设计因素开始,找出收藏很久的页码的翻页。有的是大家曾经效仿的,也有曾经批判的。但是总结出来,每个形式都有他的特点,不妨分析利弊。

1、页面较多,颜色区分,不考虑直接定位到某页,灵活出现“上一页”

2、颜色区分,不考虑直接定位到某页,使用【】定义范围;标注最首和最尾

3、不考虑直接定位到某页,明确定义范围;标注总和

4、和“1”相似,增加了一分创意,体现品牌

5、拖动翻页,速度上有所延迟,标注总和

6、提供了批量翻页

7、快速定位,用箭头表示“上一页”

8、其他方式,还包含了滑动显示总数的方式

上图中,有4张图不知道是哪位大虾的,拈来一用。(时间长不记得了)

简要总结:
“上一页”和“下一页”的链接+“第一页”和“最后一页”的链接+清楚的点击+准确定位
=用户清晰操作,鼠标快速定位(这样基本可以满足不同情况了把?)

相关讨论:http://www.imissac.cn/post/16.html
               http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/

原文链接:http://www.xibeidesign.cn/xibei/article.asp?id=64

更多UI博客精选

(责任编辑: vincent

作品欣赏

  • D&AD创意奖平面设计类包装作品
  • Free Rabbit图标设计
  • 智利Mauricio Cancino概念设计
  • 葡萄牙09FDIP公共中心
  • 躺着的艺术雕塑公共座椅设计
欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2019 视觉同盟 visionUnion.com)
Copyright © 2004-2019 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 中国创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版