深圳报名淘宝美工培训/Photoshop培训班哪家好

分页符是用来表示页面总数和指示当前所在页面的，经常伴随轮播图、卡片、引导页等出现。今天小编主要给大家分享如何设计分页符，希望对你们有帮助!

如何设计分页符

一、颜色

常见的分页符颜色有黑色、白色和灰色，无色系统可以很好地适应页面上各种颜色的内容，可以匹配透明度变化或使用app的主题颜色来表示当前页面。

选择颜色时，要考虑底部页面的内容，如引导页等内容相对固定且可控的页面，可以在选择颜色时避免页面内容的颜色。

而像banner、广告位等内容经常变化的页面，不能控制每张图片，所以我们需要考虑如何避免将分页符与底部的内容合并。

常见的处理方法是在内容上添加一个黑色渐变遮罩，可以解决白色分页符在浅色背景上不突出的问题，但这种方法也不可避免地对背景图有一定的影响，所以也只能在分页符上添加透明的黑色遮罩。也可以在分页符中添加笔画来区分它们，例如，淘宝的分页符增加了1px的灰色笔画，以确保在各种背景下的显示效果。

二、形状

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

1.圆形

有代表性的形状应该是圆形了，可以承载较多的页面数量。iOS规范中限制不超过20页，相同大小的圆点和正方形给人的视觉印象比正方形小。

无论从负载数量还是设计风格来看，选择圆都是安全的。然而，它也有一个缺点，那就是它太平淡了。如果你的产品有大量的用户和很大的年龄跨度，圆点会是一个非常好的选择。但是，如果你的产品是针对一小群人，并希望突出产品的个性，用圆点就不合适了。

2.矩形

与圆形相比，矩形的使用要求显示的内容数量不宜过多，通常2-5个更合适。此外，矩形也可以变形，例如斜边矩形、圆角矩形、菱形等，使形状更加个性化。

3.线形

线形主要用于菱形区域，因为菱形区域中图标的数量相对灵活，可随着产品功能的变化而增加或减少。线形分页符更像一个进度条，它不仅可以显示当前的进度，还可以增加在数量不稳定的情况下，每页显示的图标的完整性，不会出现末页图标数量空缺的情况。