IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

一样的页面,为什么英文排版起来就很好看?

Catherine • 2017-05-17 12:51 • 交互设计

想起之前有一个朋友私我说,想知道英文排版怎么设计?为什么同样的页面英文排版起来就很好看呢?想必大家也非常想知道吧?那么,下面我们就立马来分析分析,听完你们就会恍然大悟!

文章目录[隐藏]

  • 一、段落结构上的差异
  • 二、字体结构的差异
  • 三、排版规则的差异
  • 四、图形和文字的认知
  • 总结

想起之前有一个朋友私我说,想知道英文排版怎么设计?为什么同样的页面英文排版起来就很好看呢?想必大家也非常想知道吧?那么,下面我们就立马来分析分析,听完你们就会恍然大悟!

一样的页面,为什么英文排版起来就很好看?

一、段落结构上的差异

下面我们将拿出两段普通的中文字体和英文字体来进行对比,中文适用的是方正兰亭纤黑,节选自(结构思考力):

一样的页面,为什么英文排版起来就很好看?

好,我们来对比一下,这两个段文字,除去字体颜色,粗细等因素以外,他们有一些怎样的区别:

一样的页面,为什么英文排版起来就很好看?

1、英文的段落几乎每一个单词的长度都是不一样的,而中文的段落字体都是方方正正的这就导致了中文看起来缺少变化。

2、英文的篇幅普遍比相同意义的汉字的篇幅要多,在设计时,英文本身更容易成为一个设计主体,而且因为英文单词的字母数量不一样,在编排时,对齐左边之后,右边都会产生自然的不规则的错落,这在汉字编排时不太可能出现的,汉字编排每个段是一个完整的”块”,很难产生这种错落感。

3、同样的,在每一个字体上我们也能找出一些差异,英文的字体弧线多,看起来更动感更多变,而中文的比较刚硬显得有些死板。

二、字体结构的差异

一样的页面,为什么英文排版起来就很好看?

英文每一个字体所占的空间比例都差不多,而中文则是有多有少,一个太过饱满,一个留白太多。这个实际并不是说中文就比英文难看,而是在电子输入时候进行的统一字体规则,否则我们来看下面一张图:
一样的页面,为什么英文排版起来就很好看?

三、排版规则的差异

一样的页面,为什么英文排版起来就很好看?

我们能发现中文的标点符号占了一个字符的大小,这样看起来在每个字符的间距相同时,突然出现了一个更大间距的字符,会让人产生突兀感,但是如果中文的标点改成英文的又会如何?

一样的页面,为什么英文排版起来就很好看?

所以,左边的看上去比较拥挤,还是右边的更好一些

四、图形和文字的认知

以上三点,其实讲述还是中英文在字体和段落上的差异,但归根究底,到底让人们觉得英文比中文好看的最重要的因素是:人们对于不了解字符的图形化解读。一般的,在人们的认知中:图形的美观程度>字符的美观程度。

一样的页面,为什么英文排版起来就很好看?

是不是感觉右边的是山寨的?没错,当你第一眼看上去,右边的图片告诉你的是“苹果”,你能第一反应知道这个词的意思,就是那种可以吃的苹果啊,对不对?一点都没有可以思考的空间,和想象的空间。

而第一幅图不一样,你看到Apple,你会想到Apple公司,Apple手机,ipad,他们的企业文化,高度设计感的产品,昂贵的手机价格等等。而我们把第一眼无法看透的文字都当做图形来处理了。

一样的页面,为什么英文排版起来就很好看?

另外,我们能发现,无论国内和国外的大品牌,他们都使用了自己的语言文字来做logo,但是他们都讲字体进行了设计,让人无法第一时间解读出来,否则会让人感觉更廉价。

一样的页面,为什么英文排版起来就很好看?

另外就是中国人喜欢英文感觉逼格高,是觉得英文对于我们来说更像图形,而中文对于外国人来说也同样是图形,就像很多外国人,他们在身上纹的文身,其实是不知道什么含义,只知道这个“图形”很好看。所以,人类对于自己未知的东西也总是有一种好奇,一种向往的。

总结

现在大家应该明白原因了吧?

其实博大精深的中文并不比英文逊色,只是在使用的场景不同下各有优劣势,上下五千年的历史文化底蕴而演变出来的文字怎是这么简单的对比就能分清孰上孰下的。

然而我们对中文的排版设计还知之甚少,更无法将中文的字体设计表达的淋漓尽致,所以会导致一个错觉:英文排版(字体)比中文排版(字体)好看。

下面欣赏几张国内电影海报来,看看他们是怎么做中文字体排版:

一样的页面,为什么英文排版起来就很好看?

一样的页面,为什么英文排版起来就很好看?

 

作者:Yjjj,公众号:shejishiyj(UI设计狮联盟)

本文由 @Yjjj 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27362/

logoUIUI设计UXVR中英文差异产品产品经理场景字体字体设计排版设计设计转载
赞 (0)
CatherineCatherine
0
生成海报
巧用9大服装穿搭技巧,助你轻松搞定专题页设计!
上一篇 2017-05-17 11:50
如何设计可交互的email,调动用户的参与感?
下一篇 2017-05-17 13:48

相关推荐

  • 设计顶峰:如何打造创新有价值的极致体验? 交互设计

    设计顶峰:如何打造创新有价值的极致体验?

    经常发上手即用的教程和技巧,今天来点不一样的「干货」,聊聊在设计中的价值创新。内文案例丰富,配图生动,也有实战案例,对于「需求」的理解非常到位,来自阿里Heyuchan 同学的分享,如果你恰好是交互设计的,更加不能错过咯。

    2017-05-24
  • 浅聊四个主流的页面间跳转动效 交互设计

    浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒 的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹 果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • 微信热点

    两个交互设计鸿沟:评估与执行

    通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑,确保它们都已打开,并且翻查了耳机评论以确认耳机与我的电脑兼容,甚至通过将耳机同...

    2018-03-13
  • 用户行为的“及时”理论 【UXRen译#184】

    作者:Jeff Atwood   |  翻译:露露,校审:Chen Jing   我一直认为软件设计对用户在使用该软件时的行为有着深远的影响。 从两方面来讲: 有意地让“正确”的操作容易操作。 有意地让 “错误”的操作不容易操作。 无论…

    交互专题 2017-11-01
  • 如何基于开发的视角进行产品设计? 交互设计

    如何基于开发的视角进行产品设计?

    既然UI设计师的主要工作是交付,那么学会以开发的视角和分析方法来进行设计将非常重要。

    2017-05-07
  • 微信热点

    阿里巴巴UED的设计团队究竟为双11贡献了什么?

    在11月11日这个日子的前后一段时间,当你发现如下症状之一:当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;当你心跳加速,不管什么都先放到购物车里再说;当你最终等待在11号这天的凌晨用风一样的速度支付成功,并长吁一口气;当你认为一切都那么的简单、自然、纯粹,不过是一场轻松的购物。只能说你Too young,Too simple。你的一举一动已经被一个神秘的组织所引导,它让你下单时够快、够准、够狠,并且你毫...

    2018-02-01
  • 4款视频app交互设计浅析 交互设计

    4款视频app交互设计浅析

    作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。

    2017-05-10
  • 史上最完整交互设计基本原则|推荐收藏 从零开始学交互

    史上最完整交互设计基本原则|推荐收藏

    下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是有用的。有效的用户界面是视觉明显的并且宽容的,会带给用户一种控制感。用户能很快…

    2017-08-01
  • 从第三代锁屏,看移动端交互设计的未来趋势 从零开始学交互

    从第三代锁屏,看移动端交互设计的未来趋势

    每年的梅花网传播业大展都是传播业界的一大盛事,我们不仅能看到过去一年整个市场和行业的进步与创新;也会看到互联网、移动互联网催生的一系列产品,它们共同预示着未来的发展方向。今年的梅花网传播业大展上,我…

    2017-08-01
  • APP设计:那些打动人心的设计点(4) 交互设计

    APP设计:那些打动人心的设计点(4)

    你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨厌一个产品的重要原因,不容被忽视。

    2017-05-04
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress