小红点+索引导航+网站建设分段控制
栏目:网站建设 发布时间:2021-01-18
分享到:
<

小红点+索引导航+网站建设分段控制

徽章/徽标/小红点

"小红点"是国内网站上最流行的一词,官方名称为"Badge",徽章是指通常出现在图标或文本右上角的红点、数字或文本,表示要处理的新内容或信息。网站制作目的就是产生网站。简单的信息如文字,图片(GIF, JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行,同样地它们亦需要标示语言移植在网站内。网站建设包括了前期网站定位、内容差异化、页面沟通等战略性调研,这些确立后,再去注册域名、租用空间、网站风格设计、网站代码制作五个部分,这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网站设计涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计,网页图形设计,界面设计,创作,其中包括标准化的代码和专有软件,用户体验设计和搜索引擎优化。

不同形状的徽章

如何使用

没有号码,没有号码,使用警徽

徽章可以分为两类:无号和无号。一般来说,如果您只需要让用户知道有更新或者新内容必须只有一个,您可以使用无编号徽章。比如微信微信官方账号更新和App版本更新采用无号类型。如果需要让用户确切知道有多少更新,有多少新内容,可以使用数字Badge,比如IM的未读消息,邮箱的未处理消息。有数字的徽章会给用户带来更多的心理压力,吸引更多用户的关注。

△ 无数字和有数字

注意数字的长度和上限

对于有数字的Badge,由于管理界面进行显示空间技术有限,因此我们要注意视场景和信息数据类型决定数字最长显示多少位,如果中国数字达到上限该如何研究显示。

小心使用图标中的红点元素

红点的视觉元素已经成为一个社会语义符号,也就是说,用户会看到红点会认为这代表新的内容,所以图标设计因为红点的慎用,如魅族飞梅社区应用"我的粉丝"图标,红心形元素和图标体都留下了白色,用户会错误地认为这意味着有新的粉丝,事实上,没有,只是图标的原始元素。

△ Flyme社区图标

相关资料

1为什么Android官方控制没有徽章?

Ios 一开始并没有通知该中心,只是在桌面图标上显示一个徽章来显示应用是否有新消息,而安卓在一开始就有一个通知中心来聚合所有的应用通知,所以不需要额外的徽章来提示用户新消息。

△ Android通知中心

2. 手机QQ一键进行清除一个小红点功能

如果徽章频繁出现,会对用户造成一定的情绪干扰。

一键清除小红点动画演示具体设计过程和摘要请阅读:"让创意登陆!QQ 手机版 5.0 "一键下班"设计书

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

A-z 索引以字母顺序方式组织信息并提供导航。字母索引有着悠久的历史,早在我们的实体书籍如字典、词典等使用这种形式的信息组织。因此,a-z 索引是一种非常熟悉的导航方式。

>