中西文混排-Clarity Design

2020-04-09  本文已影响0人  米奥MIAO先生

写在前面:本篇是引用 Teambition 的 Clarity Design 设计体系中「文案与语气」部分的内容,仅供学习与总结之用。


中西文混排

在中文与西文进行混合排版时,由于两类文字书写和设计方式的差异,需要通过视觉修正的方式来保持视觉密度与节奏,为用户带来更优雅的视觉感受,使其更好地专注于内容的获取。以下是我们推荐的几种视觉修正的方式:

手动空格以增加留白,维持节奏

在西文单词、数字前/后各放置一个空格

✅推荐

简单 7 课,帮助你快速学会 Teambition 的基本操作。

不推荐

简单7课,帮助你快速学会Teambition的基本操作。


全角标点与其他字符之间不加空格

✅推荐

刚刚注册了 Teambition,好开心!

不推荐

刚刚注册了 Teambition ,好开心!

刚刚注册了 Teambition, 好开心!

CSS Text Module Level 4 的 text-spacing 和 Microsoft 的 -ms-text-autospace 可以实现自动为中西文之间增加空白。不过目前并未普及,另外在其他应用场景,例如 macOS、Windows 等用户界面目前并不存在这个特性,所以请继续保持随手加空格的习惯。


全角标点与其他字符之间不加空格

不明白什么是全角与半角符号?请查看维基百科词条:「全角和半角」。


遇到完整的英文整句、特殊名词,其内容使用半角符号

✅推荐

Steve Jobs 那句话是怎么说的?「Stay hungry, stay foolish.」

推荐你阅读《Hackers & Painters: Big Ideas from the Computer Age》,非常的有趣。

不推荐

Steve Jobs 那句话是怎么说的?「Stay hungry,stay foolish。」

推荐你阅读《Hackers&Painters:Big Ideas from the Computer Age》,非常的有趣。


不使用不准确的缩写,正确使用大小写

✅正确

我们需要一位熟悉 JavaScript、HTML5,至少理解一种框架(如 Backbone.js、AngularJS、React 等)的前端开发者。

错误

我们需要一位熟悉 Js、h5,至少理解一种框架(如 backbone、angular、RJS 等)的 FED。


中文使用直角引号

✅推荐

我们询问了多位管理者,远程协同想要保持高效,什么最重要?几乎所有人都提到了「任务管理」。

不推荐

我们询问了多位管理者,远程协同想要保持高效,什么最重要?几乎所有人都提到了“任务管理”。


强调中文内容时,可增加字重差异,请勿使用斜体样式

✅推荐

我们询问了多位管理者,远程协同想要保持高效,什么最重要?几乎所有人都提到了「任务管理」。

不推荐

我们询问了多位管理者,远程协同想要保持高效,什么最重要?几乎所有人都提到了“任务管理”。

上一篇 下一篇

猜你喜欢

热点阅读