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

相关推荐

  • 微信热点

    浅谈交互设计的七大定律

    新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

    2018-02-06
  • 交互设计用户心理学 交互设计

    交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13
  • 扫盲贴|UI动效设计原来都是这些软件做的 交互设计

    扫盲贴|UI动效设计原来都是这些软件做的

    随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用,那么问题就来了,为什动效越来越吃香?它有哪些优势呢?

    2017-05-10
  • 微信热点

    从了解用户的注意力开始,创造更优秀的用户体验

    作者:Norbi Gaal译者:优设网-陈子木链接:https://www.uisdc.com/introduction-to-human-attention这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构...

    2018-04-07
  • 微信热点

    【用户体验】机器人教练:第三季!

    【本文转自:哈尔滨腾达集团驾校】WELCOME TO TENGDA我们的腾达欢迎来到腾达驾校机器人教学活动已经举办了两期,机器人教学俨然已经成为了一种时尚热潮,同时也在学员中树立了良好的口碑,学员反响热烈,有越来越多的学员通过此次活动认识了机器人教练,并且想来体验一下机器人教练的庐山真面目。近一周的科二学习,可累坏了学员们、也累坏了教练。在此对大家说一句:大家辛苦了!经过几天风吹日晒,我们的科二学习已经正式接近尾声,本周最后一个科目的练...

    2018-04-23
  • 微信热点

    百度金融用户体验中心负责人 曲佳:设计师求职七宗罪

    继上个周五 19:00 腾讯互娱游戏平台部设计总监陈维的第一节课《如何通关 UI 设计师的游戏副本》后,昨晚百度金融用户体验中心负责人曲佳联合团队的设计经理孔敏,给知群的用户们带来了「七大公司设计师面试官授课合集」的第二节课《设计师求职七宗罪》,在分享的最后环节,也给出了目前百度金融尚未对外大规模公开的招聘信息(最近有跳槽意向的设计师们抓紧时间上车)。曲佳:百度金融设计架构师,百度金融用户体验中心-百度 FDC ( Baidu Fina...

    2018-04-04
  • 优化夜间阅读体验-夜间模式设计通用方法

    作者:花咯   你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结…

    交互专题 2017-08-07
  • 工具类产品设计的8个准则 交互设计

    工具类产品设计的8个准则

    之前阅读了原研哉大神《设计中的设计》一书,书中提到了一个很有意思的概念:再设计。再设计的理论,是想让我们通过忘掉设计对象已有的现状,追根溯源,对设计对象进行再次设计,从而加深大家对设计对象的理解。

    2017-05-24
  • 设计师进阶:从UED向UXD转型 交互设计

    设计师进阶:从UED向UXD转型

    UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?

    三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

    2017-05-12
  • 微信热点

    Sketch49交互原型新功能测评教程!

    昨天,Sketch49新版本发布,小编朋友圈又被刷了一波屏。对于该全新版本,具体有哪些新功能,以及如何使用呢?「10000个知识点」特邀讲师UIBANG-乔帮主连夜做了sketch新功能测评教程,分享给大家,希望可以给予你们帮助。深夜给大家整理了Sketch49版本更新的新功能-交互原型,希望大家能有所收获。下午在圈内微信群里,忽然看到2月28日发布了Sketch49新版本的...

    2018-03-03
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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