百度智能小程序底部标签栏如何进行个性定制

2570次阅读

个性定制

默认样式

6.png


图标为开发者自定义上传,请注意区分明确其选中态和非选中态样式,方便用户定位当前所在位置。


正确

图标的颜色和线面表达,在选中态和非选中态有明确区分,便于识别。

7-1.png


错误

所有标签图标都一样强,只能通过文字颜色判断当前位置。

7-2.png


自定义样式

定义标签栏样式时,请务必关注并保证其的可读性和可用性。
标签选项的图标和名称在选中态和非选中态时,有响应颜色呼应能使其整体一致性更好。选择合适的容器颜色,保证内容显示清晰。


正确

底部导航栏整体页面均可定制,使用品牌主色或辅助色可以强调体现品牌,但整体需保证内容清晰显示。

8-1.png


错误

图标和选项颜色差别过大,容器与内容样式搭配不当,过多使用高饱和度颜色均会降低阅读舒适度。

8-2.png


除了关注底部标签栏本身的内容显示清晰,也应该关注其整体页面效果。


正确

在标签栏适当地点缀品牌色,能在强调标签选中态的同时,体现品牌。

9-1.png


错误

底部标签栏阅读清晰度尚可,但过份抢占注意力,页面头轻脚重。

9-2.png


阅读本文的人还可以阅读:

百度智能小程序入口有哪些?哪里可以进入百度智能小程序?

百度智能小程序开源联盟是什么

百度智能小程序的流量为什么那么高,小程序如何引流?

怎样做好百度智能小程序体验设计(1)

本文由夫唯团队编辑,如发现错误,欢迎通过客服微信反馈。

夫唯于2024年12月停止百度SEO研究和培训。道别信: 夫唯:再见了百度SEO!

2025年1月正式启动Google SEO培训课程,一千零一夜带领大家一起出海。

感兴趣的同学,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标:让大家独立站出海不再“望洋兴叹”。

Processed in 1.107800 Second , 419 querys.