UI设计干货素材|轻松搞定页面分页符（指示器）的设计

页面指示器（Page Indicator），iOS规范将其称为Page Controls。看到这些名字可能让人觉得相对陌生，但其实它是页面中再熟悉不过的控件了。

 

分页按钮

分页符是用来表示页面总数和指示当前所在页面的，经常伴随轮播图、卡片、引导页等出现。我们平时沟通交流的时候对它的形容可能是“轮播点”、“进度点”等，也确实有很多分页符都采用了圆点的样式，不过也不乏一些有趣新颖的设计，下面就来分析一下分页符该如何设计。

一、颜色

常见的分页符颜色有黑色、白色、灰色，无色系可以很好的适应页面各种颜色的内容，配合透明度变化或者使用APP的主题色，来表现当前所在页面。

 

分页布局

在选择颜色的时候结合底部页面的内容来考虑，比如引导页等内容比较固定可控的页面，我们在选择颜色的时候可以避开页面内容的颜色。

二.形状

分页符的形状有圆形、矩形、线形以及特殊形状。我们应该考虑内容的数量、产品的风格来以及项目时间来选择使用。