产品设计中如何正确运用标点符号?5个章节帮你掌握!

产品设计中如何正确运用标点符号�?产品5个章节帮你掌握�!

一 、设计前言

标点符号,中何正确掌握是运用辅助文字记录语言的符号,是标点书面语的有机组成部分,在产品设计中使用合适的符号标点可以表达语句的停顿 、语气及词语的个章特定性质 ,帮助使用者有效表达思想感情和理解语境 。节帮然而 ,产品在日常的设计产品设计中 ,笔者经常会被问到这样的中何正确掌握问题 :

  1. Toast 里需要加句号吗?
  2. 中文与英文混排时要不要加空格?
  3. 产品文案中可以加感叹号吗?

作为一名爱"咬文嚼字"的设计师 ,笔者结合平时工作中的运用实际经验,总结了产品设计中常用的标点标点符号用法   ,希望能够抛砖引玉,符号与之共勉。个章

二  、常用标点类型

常用的标点符号共 16 种 ,分为点号和标号两大类。点号主要用于说话时的停顿和语气  ,包含句内点号和句末点号,句内点号用于语句内部 ,包含逗号 、顿号 、分号 、冒号四种 。句末点号用于语句末尾 ,包含句号 、问号 、叹号 3 种 。标号用于表达书面语言里词语的性质或作用 ,包含引号 、括号 、破折号、省略号 、着重号、连接号、间隔号 、书名号和专名号。需要特别指出的是,数学符号  、货币符号 、校勘符号、辞书符号、注音符号等特殊领域的专门符号不属于标点符号的范畴。

产品设计中如何正确运用标点符号?5个章节帮你掌握!

三  、产品设计中常用标点用法

1. 问号

问号是句末点号的一种,主要表示句子的疑问语气 ,表达形式为"  ?"。

用法 :

问号可以在所有问句(疑问句、设问句、反问句等)中使用,适用于所有类型的文本 。如对话框 、popover 中的询问类语句,句尾需添加问号。

产品设计中如何正确运用标点符号
?5个章节帮你掌握!

2. 句号

句号是句末点号的一种,是使用频率较高的一种标点 ,主要表示句子的陈述语气 ,在中文中的形式为"。",在英文中形式为"."。

用法 :

① 对于文本信息量较大的段落型文本(如协议条款 、使用需知、免责声明等) ,句末需添加句号。

产品设计中如何正确运用标点符号?5个章节帮你掌握!

② 当句末为文字链接时 ,需在文字链前添加句号  ,句末无需添加句号 。

③ 为高效帮助用户阅读文本内容,增加易读性 ,以下场景句末无需使用句号。

  1. 输入框下的报错提示
  2. 输入框内暗提示
  3. 表格中的文本
  4. 轻提示
  5. 按钮
  6. 标签
  7. 标题/副标题

产品设计中如何正确运用标点符号?5个章节帮你掌握!

3. 叹号

叹号属于句末点号的一种,主要表示句子的感叹语气 ,表现形式为"!" 。在日常生活的聊天中,你可能习惯在句末添加多个叹号表达强烈语气 ,但实际上 ,叹号的数量是有明确使用规范的 ,国家制定的《标点符号用法》里指出 :

"表示声音巨大或声音不断加大时 ,可叠用叹号;表达强烈语气时,也可叠用叹号 ,最多叠用三个叹号 。在没有异常强烈的情感表达需要时不宜叠用叹号 。"

以 B 端产品为例  ,系统应保持平等友善的语气 ,而叹号具有强烈的感情色彩,易给用户造成紧张恐慌的情绪 ,因此需谨慎使用。

产品设计中如何正确运用标点符号
?5个章节帮你掌握!

4. 连接号

连接号是标号的一种,标示某些相关联成分之间的连接 ,表示连接、起止 、流程 、指向的符号  ,有短横线"-"(占半个字的长度) 、一字线"—"(占一个字的长度) 、波浪线"~"(占一个字的长度)三种形式 ,这三种也是经常会被混淆的标点 。

用法:

① 短横线"-"  :常用于连接号码,包括门牌号码、电话号码 ,以及用阿拉伯数字表示年月日等。

示例 :2011-02-15

② 一字线"—" :常用于标示相关项目(如时间 、地域等)的起止。

示例 1 :沈括(1031—1095),宋朝人。

示例 2 :2011 年 2 月 3 日—10日

示例 3 :北京—上海特别快车

③ 波浪线"~":标示数值范围(由阿拉伯数字或汉字数字构成)的起止。

示例 :400~500 件、5%~10%

除此之外 ,在 B 端产品设计中 ,应避免在句末使用波浪线"~",防止给用户带来随意 、口语化的感觉。

产品设计中如何正确运用标点符号
?5个章节帮你掌握
!

5. 括号

括号属于标号的一种,标示语段中的注释内容  、补充说明或其他特定意义的语句。主要形式有圆括号"( )"  、方括号"[ ]" 、六角括号"〔 〕"和方头括号"【 】"等 。

用法 :

除科技书刊中的数学、逻辑公式外 ,括号(特别是同一形式的括号)应尽量避免套用。必须套用括号时 ,宜采用不同的括号形式配合使用 。

产品设计中如何正确运用标点符号
?5个章节帮你掌握!

四、「看不见」的符号-空格

1. 中文与数字之间需要加空格

产品设计中如何正确运用标点符号�?5个章节帮你掌握
!

2. 中文与英文之间需要加空格

产品设计中如何正确运用标点符号?5个章节帮你掌握!

3. 英文与阿拉伯数字之间需要加空格

产品设计中如何正确运用标点符号?5个章节帮你掌握�	!

4. 数字与单位之间无需添加空格

产品设计中如何正确运用标点符号?5个章节帮你掌握
!

5. 其他

对于专有名词中如不含空格,需遵守官方使用格式,无需使用空格。

产品设计中如何正确运用标点符号?5个章节帮你掌握!

五  、标点符号的「避头尾」原则

做过平面设计的同学都应该听说过标点符号的「避头尾」原则  ,即点号不能出现在一行的开头,标号的前半部分不能出现在行尾 ,而后半部分不能出现在行首,连接号、间隔号也不能出现在行首,分隔号无论首尾都不能出现 。

其实避头尾的核心解决思路总结起来就是两点「推入」和「推出」 ,你可以将处于错误位置的标点挤在上一行的尾部,这就是我们经常说的「推入」 ,还可以将文字放到下一行的头部   ,也就是「推出」。

产品设计中如何正确运用标点符号?5个章节帮你掌握!

产品设计中如何正确运用标点符号?5个章节帮你掌握
!

六、写在最后

以上总结的是几类常用的标点用法 ,但实际工作中用到的标点类型还有很多,如果你对它们的用法感兴趣,建议阅读我们国家制定的《标点符号用法》( http://www.moe.gov.cn/ewebeditor/uploadfile)。也许 ,你会产生疑问,规范是必须遵守的吗 ?笔者的观点是 ,如果是日常生活中,你大可根据自己的喜好使用标点(如私人的聊天场景) ,但是从产品设计的角度来说 ,合理使用标点是为了让使用者对于内容能更具有可读性 ,也能更容易理解产品的语境。明确了这个目标才能让我们更好地为使用者服务 。

参考

  1. 标点符号用法
    http://www.moe.gov.cn/ewebeditor/uploadfile/2015/01/13/20150113091548267.pdf
  2. 设计师与标点符号
    https://www.bilibili.com/video/BV1AX4y1u7Ag/
  3. 中文文案排版指南
    https://github.com/mzlogin/chinese-copywriting-guidelines

作者:Ginny Q

上一篇:怒火一刀手游40倍爆率卷分化掉落踪掉落踪路途攻略
下一篇:黑甜乡模仿战泽瑞达繁花袂影皮肤引见

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!