表单设计使用方法
这次的原因是因为工作涉及到一些B端表单页面的设计,其中需要标注“*”的项目。这原本是一个普遍的共识,但我渐渐发现,有些页面几乎都是必选项,既然都需要标“*”,我就开始思考标记的意义。于是我去查阅了一些资料,从“星号(*)”的起源到现在的用户界面使用,总结了相关的资料来收集这篇文章。
星号(英文:Asterisk,拉丁文:asterisk,意为“小星星”,来源于希腊语 )是印刷符号或字形。它们被称为星号是因为它们与一般印象中的星星相似。科学家和数学家通常称之为“星”或“星”。
星号起源于欧洲封建时代,系谱学家希望标明出生日期。最初的形状是六根芒,每根芒都像从中心散落的泪珠。所以计算机界的一些圈子称之为“splat”(音字,类似于中文的“pa”字),可能是因为很多早期打印机打印出来的星号看起来像扁平的虫子。
现代的电脑操作系统已经可以同时兼容多种字体,所以不同的输入法会显示不同的星号*。
让我们回到上一个问题。如果同一个页面的表单设计中有很多标记,可以省略吗?答案绝对不是。需要明确的是,在表单上标记符号的目的是提醒用户这是一个重要的项目,所以要谨慎操作(通常是必需的)。
除了使用标记,还可以在表单底部单独做一个说明,告诉用户采取相应的动作(这里要和验证提示的说明文字区分开来)。
回到开头对“标记符号(*)”的解释,目的是提醒用户,如果用户已经知道这一项很重要,那么在一些特殊场景下,比如“登录页面”,就需要输入账号密码,这已经是大家的共识(雅各布定律),不需要特别标记。
注意注册页面一定要标注,需要根据实际业务情况选择哪些项目需要按要求标注。
首先明确一点,在界面设计中,“*”既有符号的属性,也有自己的字符属性。因此,需要注意的是,在使用标识符属性时,“*”是一个独立的元素。因为“*”经常和表格标题一起使用,所以很多设计师会直接在表格标题的同一个文本框里打一个*字符,这其实逻辑上是不正确的(虽然看起来是一样的)。
符号(*)的放置没有统一的标准。查阅大厂的规范后发现,表名前后放置符号并没有一致的标准。在实际项目中,最好将符号放在前面,因为这种情况比较常见,用户也更容易接受。如果你有其他想法,注意保持全球团结。
如上所述,“*”在用作标记符号时是一个独立的元素,所以一个页面中的元素要符合整体的网格规范。如果您直接在标题框中键入*号,则*号将与文本一起粘贴。有些设计师会打出两个空格作为间距来提高视觉效果,还是有些仓促。蚂蚁设计中“*”和标题的距离是4px。
“*”的基本知识和在界面设计中的用法,上面已经介绍过了,比如这个大家都习以为常的小细节,很容易被忽略。在平时的实践中,要多关注这些“共识”内容,经过系统的学习和分析,落实到自己的设计中。
参考:
题目来自Unsplash,基于CC0协议。
相关问答:
2024-09-04 广告