网站建设的红点+索引导航+分割控制

徽章/徽章/小红点

红点是这个控制***的名字建立在国内网站上网站建设前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研，这些确立后，再去注册域名、租用空间、网站风格设计、网站代码制作五个部分，这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成网络推广以企业产品或服务为核心内容，建立网站，再把这个网站通过各种免费或收费渠道展示给网民的一种推广方式,网络推广可以做到小投入大回报的效果SEO优化为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，使网站更适合搜索引擎的索引原则的行为；使网站更适合搜索引擎的索引原则又被称为对搜索引擎优化，对搜索引擎优化不仅能够提高SEO的效果，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。正式名称是<垃圾>徽章。徽章是指通常出现在图标或文本右上角的红点、数字或文字，表示有新的内容或信息要处理。

△各种形式的徽章

如何使用

大量和数字徽章使用场景

徽章可以分为无数字，有两种类型的数字。一般来说，如果只需要让用户知道只有一个更新或只有一个新内容，就不要使用数字徽章，例如wechat公开更新和应用版本更新，使用没有数字类型。如果您需要让用户确切地知道有多少更新和多个新内容可用，您可以使用数字徽章，例如im的未读消息和邮箱未处理的消息。徽章使用者的数量会给使用者带来更多的心理压力，也会吸引更多的使用者注意。

△ 无数字和有数字

注意数字的长度和上限

对于带数字的徽章，由于界面显示空间有限，因此需要注意场景和信息类型，以确定数字显示的位数，以及如果数量达到上限，如何显示。

请注意图标中的红点元素

红点的视觉元素已成为社会语义符号，即用户会将红点视为新内容的标志，所以图标设计上小心使用红点。例如，在魅族flyme社区应用程序中，红心元素和图标主体之间有一个空白。用户会误以为这表示有新歌迷。实际上，它只是图标的原始元素。

△ Flyme社区图标

相关资料

1.为什么Android官方控件没有徽章？

iOS***初设计时没有通知中心。桌面图标上的徽章表示该应用是否有新消息。在Android设计之初，有一个通知中心。您可以在通知中心查看所有应用通知，因此无需额外费用。徽章会提示用户输入新消息。

机器人的通知中心。

2.手机QQ一键清红点功能

如果徽章出现频率高，会对用户造成一定的情感干扰。例如，许多OCD用户每次遇到徽章时都试图单击它来消除它。移动QQ以这一点为出发点，创造性地设计了一个拖放功能，去除了红点，深受用户好评。

小红点动画清脆的关键演示设计过程和总结请阅读：“让创意落地！”qq移动版5.0“一键关闭”设计摘要

A-Z索引/字母数字索引导航

a-zindex可以通过初始组织信息并提供导航。字母表索引有着悠久的历史，早在我们的实体书籍，如字典、字典等，就已经在这个信息组织中使用了。正因为如此，a-z指数是一种用户非常熟悉的导航方法。