联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

如何设计分页符

如何设计分页符

一、颜色
 

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

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

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

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

二、形状
 

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

1.圆形
 

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

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

2.矩形
 

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

3.线形
 

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

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 深圳宝安福永平面设计培训宝安福永淘宝美工培训宝安福永UI培训宝安福永PhotoShop培训 网站详细了解,免费咨询电话:400-998-6158

相关课程