备注符号(给对象的可爱备注符号表情)

编辑导语:涉及到一些表单页面的设计，必选项往往需要标上“*”。本文作者从很常见的星号(*)开始，从“星号(*)”的起源到现在用户界面的应用，总结了相关的信息，以便一起来看。

之所以要做这个前言，是因为工作涉及到一些B端表单页面的设计，其中需要标注“*”的项目。这本来是一个普遍的共识，但是渐渐发现几乎所有的页面都是必选项，于是我开始想，既然都需要标“*”，那标有意义吗？于是我去查阅了一些资料，从“星号(*)”的起源到现在的用户界面应用，总结了相关的资料来收集这篇文章。

一、“星号*”是什么？

星号(英文:Asterisk，拉丁文:asterisk，意为“小星星”，来源于希腊语σ τ ε ρ σ ο)是印刷符号或字形。它们被称为星号是因为它们与一般印象中的星星相似。科学家和数学家通常称之为“星”或“星”。

星号起源于欧洲封建时代，系谱学家希望标明出生日期。最初的形状是六根芒，每根芒都像从中心散落的泪珠。所以计算机界的一些圈子称之为“splat”(音字，类似于中文的“pa”字)，可能是因为很多早期打印机打印出来的星号看起来像扁平的虫子。

现代的电脑操作系统已经可以同时兼容多种字体，所以不同的输入法会显示不同的星号*。

二、“星号（*）”的使用场景1. 标记符号在文章表达中，会对一些特殊的字、词、句后部进行标示，并在页尾处进行进一步解释。对于文章中存在语病进行标记，并在其他地方进行解释说明。对于一些需要强调的内容区进行标记（如上文提到的表单）。2. 替代字符在某些电脑界面中（Unix shell及微软的命令提示字元），“*”是通配符，可以代表任何一种字符。在某些具有社交属性的平台上（论坛、游戏内对话等），“*”常被用来替代被“和谐”的字眼。在电脑中x（乘号）和X（字母）容易混淆，所以会用*来指代乘号。3. 敏感信息部分登录页的输入密码会用“*”代表已输入的字符。具有个人隐私身份证号、手机号等，在需要展示的场景中会用“*”代替部分字符。4. 数学符号代表计算符号，如比如 f ∗ g 是 f 与 g 的卷积。代表某种数学属性，如向量空间 V 的对偶空间符号为 V*。5. 编程语言在C语言与C++中，星号被用来获得指针的内容。它是得到变量地址的 & 算子的逆运算。它还被用来声明指针变量。在 Common Lisp 编程语言，全局变量的名字按惯例陪衬上星号，*LIKE-THIS*。三、界面设计的应用1. 用还是不用？

那我们回到之前的那个问题，同一页内表单设计中如果存在大量标记符号，是否可以省略呢？答案是绝对不可以。要明确的一点是，表单上标记符号的目的是提醒用户注意这里是一个重要项，要谨慎仔细的进行操作（常见为必填项）。二。“星号(*)”1的使用场景。在文章的表达上，会在后面标注一些特殊的字、词、句，并在页末进一步解释。标出文章中的语言错误，并在其他地方解释。标出一些需要强调的内容区域(比如上面提到的表格)。让我们回到上一个问题。如果同一个页面的表单设计中有很多标记，可以省略吗？答案绝对不是。需要明确的是，在表单上标记符号的目的是提醒用户这是一个重要的项目，所以要谨慎操作(通常是必需的)。

除了使用标记，还可以在表单底部单独做一个说明，告诉用户采取相应的动作(这里要和验证提示的说明文字区分开来)。

回到开头对“标记符号(*)”的解释，目的是提醒用户，如果用户已经知道这一项很重要，那么在一些特殊场景下，比如“登录页面”，就需要输入账号密码，这已经是大家的共识(雅各布定律)，不需要特别标记。

注意注册页面一定要标注，需要根据实际业务情况选择哪些项目需要按要求标注。

2. 怎么用

首先明确一点，在界面设计中，“*”既有符号的属性，也有自己的字符属性。因此，需要注意的是，在使用标识符属性时，“*”是一个独立的元素。因为“*”经常和表格标题一起使用，所以很多设计师会直接在表格标题的同一个文本框里打一个*字符，这其实逻辑上是不正确的(虽然看起来是一样的)。

符号(*)的放置没有统一的标准。查阅大厂的规范后发现，表名前后放置符号并没有一致的标准。在实际项目中，最好将符号放在前面，因为这种情况比较常见，用户也更容易接受。如果你有其他想法，注意保持全球团结。

3.常见错误如前所述，“*”在用作标记符号时是一个独立的元素，所以页面中的元素应该符合整体的网格规范。如果您直接在表格标题框中键入*号，那么*号将与文本保持一致。有些设计师会打出两个空方块作为空格，以提高视觉效果。这种做法还是有些草率。蚂蚁设计中“*”和标题的距离是4px。

上面的后记介绍了“*”的基础知识，以及在界面设计中的使用方式，比如这个大家都习以为常，容易被忽略的小细节。在平时的实践中，要多关注这些“共识”内容，经过系统的学习和分析，落实到自己的设计中。

参考:

https://zh.wikipedia.org/wiki/%E6%98%9F%E8%99%9Fhttps://baike.baidu.com/item/%2Ahttps://ant-design.gitee.io/docs/spec/introduce-cnhttps://design.teambition.com/https://arco.design/docs/spec/introducehttps://element.eleme.cn/#/zh-CN/component/installationhttps://design.youzan.com/design/introduce.htmlhttps://tdesign.tencent.com/design/valueshttps://www.lightningdesignsystem.com/

本文由@ YMOOOM原创发布。每个人都是产品经理。未经许可，禁止复制。

题目来自Unsplash，基于CC0协议。