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

序

这次的原因是因为工作涉及到一些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.用还是不用？

让我们回到上一个问题。如果同一个页面的表单设计中有很多标记，可以省略吗？答案绝对不是。需要明确的是，在表单上标记符号的目的是提醒用户这是一个重要的项目，所以要谨慎操作(通常是必需的)。

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

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

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

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协议。