中英文排在一起总觉得散,我后来总结成三件事

用户头像
北京/网页设计师/18天前/459浏览
中英文排在一起总觉得散,我后来总结成三件事
做画册的时候被甲方说过一次:「你这页中文和英文像是两个人排的。」
当时我把原因归结到字体上,换了好几款西文,Georgia、Helvetica、Source Serif 都试过,问题还在。后来才想明白,中文和西文排在一起显得散,跟选哪款字体关系不大,是三个参数没对齐:字号比、字重比、基线位置。
把这三件事调好,比换字体管用得多
字号比。
同样字号下西文看着比中文小,因为西文的实际高度集中在小写字母 x 的高度上,汉字是撑满字身的。我的习惯是中文不动,西文放大一点点:正文中文 16px 就配 17px,中文 14px 配 15px。标题差距可以再大一点,到 12% 左右也正常。
字重比。
汉字笔画密,同一档字重,中文视觉上重一档。所以我现在基本是中文 Regular 配西文 Medium,中文 Medium 配西文 Semibold。中文 Bold 配西文 Bold 的时候,中文会明显压过英文,看情况把中文降一档。有意思的是标题可以反着来:中文用特粗、西文用 Black,两边都拉满反而协调。
基线和间距。
汉字重心居中,西文贴基线,混排时天然错位一点,这个很难根除,但可以用习惯去弥补。我固定两个动作:中文和西文之间打一个半角空格;西文段落的字间距给 0 到 2%,全大写英文标题提到 5%,不加字母会挤成一坨。行高按中文算,正文 1.5 到 1.8。
顺手提一下数字和标点。混排里的阿拉伯数字我建议用西文字体,表格、价签、数据看板尤其明显,西文字体一般带等宽数字,对齐整齐。中文全角标点在中英交界处会吃掉空格,交付前放大看一眼。
还有一个偏门但好用的招:颜色也算重量的一部分。深色字比浅色字重,如果中英文怎么调都调不到一样重,就把偏重的那一方颜色调浅一档。深色背景上特别管用,因为深底上的字天生显得更粗,两边都要降一档字重。
我常用的四组搭配
黑体配中性无衬线
,这是我项目里的默认组合。中文思源黑体,西文 Inter、Helvetica、Arial 一类。中性、克制、信息密度高,UI、PPT 正文、导视都不会出错。参数是中文 16px、行高 1.6,西文 17px。它还有个好处是覆盖全:思源黑体自带西文字形,临时不想分中西文,全文用一款也能看。
宋体配衬线
,用在书籍、画册、文化类长文上。中文思源宋体,西文 Source Serif、Georgia、Times 一类,两边都有笔画粗细变化,气质偏人文。参数是中文 15px、行高 1.8,宋体的行高要比黑体大,不然行间挤得难受;西文 16px。宋体正文别用伪粗,一糊就毁了,要强调就换更高字重的宋体,或者干脆换颜色。
标题黑配几何无衬线
,海报主标题、Banner、电商主图用。中文优设标题黑或庞门正道标题体,西文 Montserrat、Oswald、Anton 一类。中文特粗、西文 Black,全大写西文字间距拉到 5%。我喜欢把西文放中文上方当眉题,字号小一到两号,层次立刻就出来了。这套只做标题,别拿去排正文,标题体的中宫和字面是按大字尺寸设计的,缩下来会糊。
圆体配圆润西文
,餐饮、儿童、活动、社交配图用。中文站酷快乐体,西文 Fredoka、Quicksand、Baloo 2 一类。圆头圆尾,亲和力高。有两条禁忌:不要配衬线西文,一个圆一个尖气质打架;不要排长正文,圆体的可读性随字数上升掉得很快。
搭配定下来之后,怎么让它不掉链子
我个人是三步走。
写一份规范表,把上面四组整理清楚:场景、中文字体、西文字体、字号比、字重、行高、授权范围。这一步不花钱,但缺点是执行靠自觉。
然后把设置写进软件样式,这一步一次投入长期管用。InDesign 的复合字体可以给汉字、西文、数字、标点分别指定字体,还能单独调基线偏移;Figma 建 Text styles,注意一个样式只能绑一个字体族,中西文要分开得在文本里单独框选;PPT 在幻灯片母版里设好再存成模板;PS 和 AI 建字符样式存进库文件;Sketch 把 Text Styles 放进共享 Library。字由客户端可以把一组搭配存成一个分组,用到时一次性激活三四款字,比在几百款里分别找要快,也避免漏掉某款导致回退显示。
项目开始对外交付、团队人多了之后,靠规范表和样式文件就不够了,文件一多总有人用错版本。这时候把搭配成套下发、成员端激活后看到同一批字体,交付前直接导出字体清单核对授权,比人工抽查靠谱。
我自己的判断标准
把中文和西文各写一行同样的内容并排,退后两步看。两块字视觉上重量差不多,就合格;看着一边重一边轻,先回去调字号比和字重比,不要急着换字体——换了也只是换个方式别扭。
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
城市园林平面布局航拍
空的平台平面和自然景观
城市园林平面布局航拍
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
平面插画设计女孩喝咖啡
海底世界插画
平面风格黄绿色系花朵装饰
学习,优惠券,平面,海报
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
倒计时,海报,平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
金色颗粒质地的平面
古风平面仕女与瓷器
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
课程海报,平面素材
平面书法字手写
牛奶乳液层次平面平铺平面
城阙凡花
空的平台平面和自然景观
平面插画情侣/矢量
你可能喜欢
相关收藏夹
大家都在看
登录注册