×

4006-234-116

13681552278

手机版

公众号

天晴创艺网站建设公司。主要为北京天津全国各地提供网站建设与网页设计制作服务,欢迎大家咨询。您的IP地址是:34.229.172.86。今天是:,,(),,现在是:15:10:48,

APP页面指示器如何设计

作者:天晴创艺发布时间:2019/5/22 15:35:06浏览次数:11695文章出处:网站建设公司

一、什么是页面指示器
通常在 banner或图片底部出现的多个小圆点,称之为页面指示器。它的作用是告知用户页面的总数量,以及当前所处的位置。如下图:

页面指示器设计

页面指示器设计

二、常见位置
页面指示器的常见位置有底部中间、底部右侧、外部中间三种。
1.底部中间
这是最常见的位置象辑科技网站案例欣赏,清晰明了的告诉用户页面数量及当前位置。如下图:

页面指示器设计

页面指示器设计

金刚区的页面指示器也放在了底部中间的位置,既不会遮挡重要内容,又可以告知用户还有更多的功能。如下图:

页面指示器设计

页面指示器设计

以京东和淘宝为例,它们之间不同的地方是京东属于翻页形式,滑动跳转到另一页功能。而淘宝采用了滑块的形式,用户滑动多少就显示多少功能。
2.底部右侧
当 banner 底部左侧有标题文字时,为了不遮挡内容,所以把页面指示器放在了底部右侧的位置。如下图:

页面指示器设计

页面指示器设计

3.外部中间
通常出现在卡片样式的 banner 下方,既可以不遮挡内容,让用户把注意力都集中到 banner 上,同时又起到了分隔模块的作用。如下图:

页面指示器设计

页面指示器设计

三、常见样式
页面指示器的常见样式有规则形状、异形、数字三种。
1.规则形状
规则形状是最常见的,比如圆形、圆角矩形。如下图:

页面指示器设计

页面指示器设计

PS:话说,你看京东的页面指示器像不像贪吃蛇~
2.异形
除规则形状外,根据产品特性所创造的各种异形也比较常见。如下图:

页面指示器设计

页面指示器设计

以腾讯动漫和新草为例,腾讯动漫使用了一个动漫笑脸显示当前指示的页面,新草则直接用了它的APP 图标形状来显示。
3.数字
数字通常用在图集、相册等以纯图为主的场景中,告知用户图片总数量及当前位置。如下图:

页面指示器设计

页面指示器设计

以小米有品和马蜂窝为例,小米有品展示的商品大图,马蜂窝展示的是用户上传的照片,所以它们的都使用了数字样式的页面指示器。
四、不用页面指示器的情况
如果不加页面指示器,用户就不能明确的知道当前的banner或卡片是单张还是多张。这时还有另外一种表现方法,就是把两边的 banner 露出来一部分,来取代页面指示器的作用。
优点是:可以让用户把全部的注意力都集中到 banner 上,同时又告知用户它是可以翻页的。
缺点是:两边多出来的部分,会让页面看起来拥挤、杂乱信息沟通效果是网站建设项目实施的关键,没有那么清爽,同时用户不能明确的知道当前所处的位置。如下图:

页面指示器设计

页面指示器设计

右图是我去掉了两边多出的部分,页面是不是看起来舒服多了?当然,这让它看起来像一张不能翻页的卡片~

在实际操作中,我们需要根据具体的需求来选择合适的页面指示器。

(郑重声明:本文版权归原作者海盐社青山所有,转载文章仅为传播更多信息之目的,如有侵权,请联系我们删除;如作者信息标记有误网站创建,请联系我们修改。)

文章来源:网站建设公司

文章标题:APP页面指示器如何设计

文本地址:https://www.bjtqcy.com/info_1342.html

收藏本页】【打印】【关闭

本文章Word文档下载:word文档下载 APP页面指示器如何设计

用户评论

客户评价

专业的网站建设、响应式、手机站微信公众号开发

© 2010-2022 北京天晴创艺科技有限公司 版权所有 京ICP备16050845号-2   

关注公众号 关注公众号

进入手机版 进入手机版