在日常浏览APP的过程中,经常可以看到页面选择器,它们的位置各有不同,样式也多种多样。这篇文章就和大家浅谈一下页面指示器的常见位置及设计样式。

寻呼指示勘探

什么是页面指示器

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

常见位置

页面指示器的常见位置有底部中间、底部右侧、外部中间三种。

M-指示器应用程序的重新设计

密码强度互动

ui设计师可能还对其他样机素材素材感兴趣,下载优质UI素材就上 搜UI网

1.底部中间

这是最常见的位置,清晰明了的告诉用户页面数量及当前位置。

2.底部右侧

当 banner 底部左侧有标题文字时,为了不遮挡内容,所以把页面指示器放在了底部右侧的位置。

3.外部中间

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

UI模板素材|教你App中的页面指示器要如何设计相关推荐

  1. 按头安利,好看又实用的商务金融UI模板素材看这里

    关于商务金融UI模板素材肯定是很多人需要的东西,但是在找的时候总是会碰到各种问题,小编为大家总结了很多种类齐全,免费好用的素材,赶紧围观 在找寻资源的时候,无意中发现了这个网站,资源多,质量好,让我深 ...

  2. 超全生活/娱乐UI模板素材网站整理

    看到大家都在问生活/娱乐UI模板素材,既要免费又要质量好,数量还要多,小编好不容易挖到了宝藏素材网站哦,资源优质数量庞大,使用体验也很好,要是需要的话,赶紧看一看,小编会给大家详细介绍噢 免费资源最多 ...

  3. Hybrid App中原生页面 VS H5页面

    Hybrid App中原生页面 VS H5页面 现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有"混合的"意思). Native ...

  4. Hybrid App中原生页面 VS H5页面(分享)

    本文部分转自  http://www.jianshu.com/p/00ff5664e000 现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有" ...

  5. Android精华篇 - App中原生页面 VS H5页面

    现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有"混合的"意思). Native App(原生app,后面都用"原生ap ...

  6. axure如何实现跳转_Axure中继器实现APP中设置页面的各种列表

    中继器是Axure中的一个高级元件,可以当做Axure中的小型数据库使用,用于实现一些增删查改的效果,同时可用于一些具有相同元件组合的组件的快速生成,比如APP中的设置,如下图所示.下面我们介绍一下怎 ...

  7. App中 微信分享 代付功能 业务设计 与 代码实现

    先上图 场景 本例的代付场景是,开发一款APP应用,APP中具有支付能力,按照微信 支付对接要求已经完成APP支付的对接.现在要玩点新花样,找人代付订 单.用户在APP中下单后选择找人代付,将分享H5 ...

  8. APP中H5页面实现拨打电话功能

    萨瓦迪卡,欢迎大家~~ <a href="tel:400-0000-000">400-0000-000</a>//如失效,就在head标签里加上<me ...

  9. 电商购物APP UI 模板素材,充满时尚感的设计

    好看的电商app很多,但是作为潮流时尚类的电商购物APP,目前都在寻找和创新一种新的 app布局方式,给用户带给更加感官的购物体验. 随着这几年内容电商的崛起,各种电商APP的UI界面设计也悄然发生了 ...

最新文章

  1. HTML样式offset[Direction] 和 style.[direction]的区别
  2. Android--实现自制录音/播放录音程序
  3. 提示错误“'=' not supported between instances of 'range' and 'int'”
  4. jQuery综合案例——打地鼠(教学版本·附源码)
  5. C++模板元编程 入门简介
  6. linux下解压.tar.bz2文件
  7. ssky-keygen + ssh-copy-id 无密码登陆远程LINUX主机
  8. Oracle为什么装在XP系统,重装xp系统后oracle恢复方法
  9. 前端学习(1333):mongodb增
  10. hibernate 错误 could not determine type for
  11. win10企业版打开自带截图工具
  12. 【数据库原理实验(openGauss)】 使用JDBC连接数据库
  13. mysql权限查看_教您如何查看MySQL用户权限
  14. Linux 下查看sqlite文件
  15. 运行Android项目时,报Installation failed due to invalid APK file!错误的解决办法
  16. python画鱼骨图_这样做数据可视化驾驶舱,高端大气,一目了然,领导不点赞都难...
  17. Racket编程指南——2 Racket概要
  18. 手机如何查看图片分辨率?手机图片分辨率怎么修改?
  19. STM32普通IO模拟SPI和W25Q32通信调试
  20. 北京可视化暑期学校日志——Day1

热门文章

  1. tshark 和 tcpdump 的区别
  2. Linux系统中安装软件的三种方法(二)
  3. oracle rodo 查看大小,Exadata — platforma bazodanowa | Oracle Polska
  4. AQS及其组件的核心原理
  5. Java进阶资源汇总
  6. ceisum 加载geojson,webgl 加载geojson数据没有贴地
  7. [转帖]Ipvsadm参数详解(常用命令)
  8. 尝试实现手势控制计算机(持续跟进)
  9. [linux-脚本]shebang(shabang #!)
  10. Mongodb05 - 数据操作(删除、游标)