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

相关推荐

  • 产品经理如何有效学习产品课程?

    很多想要成为或者刚刚成为互联网产品经理的人会自己学习一些大牛分享的课程,阅读一些推荐书籍,但是学完之后经常会有好像很有收获但是却又不知道收获了什么的感觉,产品经理如何有效学习产品课程呢?以下是我自己在进行产品学习时的一些经验。1、多体验产品一个好的产品经理首先自己一定是一个好的用户,只有多体验产品,多思考产品背后的设计理念和价值,自己才能设计出优秀的产品。我们公司有个资深产品经理,他设计的产品日活已经上亿,公司当时还奖励公司员工每日一盒...

    微信热点 2018-03-06
  • 2014年最佳的十款交互设计工具 交互设计

    2014年最佳的十款交互设计工具

    在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向了成熟,易用…

    2015-01-15
  • 微软设计师分享|七个技巧,帮你提高产品的用户体验 交互设计

    微软设计师分享|七个技巧,帮你提高产品的用户体验

    今天为大家带来的一位在微软工作的用户体验设计师——JoannaNgai的设计分享,主要讲述了7个如何提高产品设计体验的小的技巧,个人觉得她的见解结合了产品思维和设计思维,简单明了,当然要让我们体会的更深刻,就需要我们在日后工作中来细细体会。

    2017-05-09
  • 微信热点

    『设计|交互设计』2018年交互设计趋势解析

    本文转载自:设计前沿2018年交互设计趋势解析2018视觉趋势Pantone 2018流行色:紫外光色Pantone 官方翻译为「紫外光色」,紫外光色是强烈挑动思绪与深思的紫色调,传达独创性、创造力及前瞻性思维,为我们指向未来。彩通:18-3838 紫外光色颜色代码:#5f4b8bRGB:R 95,G 75,B 139CMYK:C 71,M 73,Y 7,K 8从2017年下半年开始,紫色配色的作品开始很多,所以2018年这个色也是一个...

    2018-04-25
  • [译]UX设计之按钮使用实例、类型和状态 IxD案例

    [译]UX设计之按钮使用实例、类型和状态

    按钮是一个普通的、日常交互中都可能碰到的基本元素。但对创建一个流畅的交互体验过程来讲,按钮则是一个至关重要的元素,因此,投入一定精力到该元素的设计上是非常有意义的。另外,我们也为大家梳理出元素的基本…

    2016-06-30
  • 微信热点

    新项目丨青岛东海凤凰:宽建筑[UCD]挑战中国第一仿生建筑

    *文章已由原作者授权发布▲凤凰中心效果图作者:王宽方案设计方:宽建筑 [北京城建] KUAN architects [UCD]项目名称:青岛市西海岸新区文化活动中心地址:中国,青岛,金沙滩设计团队:王宽,周媛,李鹏,梁文杰等结构咨询:中冶京诚工程技术有限公司  卢理杰数字模型&BIM咨询:北京华茂云信息科技有限责任公司施工方:北京城建集团(建筑部)、北京城建集团十六公司、城建精工钢构公司面积:31,313平方米状态:主体结构已封顶预计建...

    2018-03-13
  • 传递数据背后的故事——图表设计 交互设计

    传递数据背后的故事——图表设计

    7大洲中最高的山峰:
    南极洲,文森峰,16050呎 4892米
    南美洲,阿空加瓜山,22841呎 6962米
    非洲,乞力马扎罗山,19340呎 5892米
    亚洲,珠穆朗玛峰,29035呎 8848米
    欧洲,厄尔布鲁士山18510呎 5642米
    北美洲,麦金利山20320呎 6194米
    大洋洲,卡斯滕土山16024呎 4884米

    2017-06-04
  • 设计基础|设计的7条心理学原则和定律 交互设计

    设计基础|设计的7条心理学原则和定律

    译者注:上图的中文版金字塔并非原文内容,找来帮助大家理解。译者注(图中文字):
    费茨定律示例
    它是什么意思呢?费茨定律表明,你应当让按钮和其他界面元素足够大,因为用户点击小按钮十分困难。
    如果你有个小按钮,像【OK】这样,可以增加一些内边距,或者让它更宽:【 OK 】
    如果说网站上有个按钮,让整个按钮都能点击——而不仅仅是文字标签。
    而且,如果你把物体放在很远的地方,最好就要增大它的尺寸作为补偿。

    2017-05-24
  • 如何发现交互设计中的思维盲区 交互设计

    如何发现交互设计中的思维盲区

    在一个项目中,交互设计起着承上启下的作用。开发人员根据交互文档搭建初步的程序框架,视觉设计师基于交互设计进行精细的界面设计,之后再交付开发。交互设计方案的改动涉及多方的调整,虽然不及产品需求变更那样…

    2015-08-26
  • 微信热点

    用户体验之旅-开篇

    设计菜会有啥?设计菜主要针对用户体验的方方面面进行分享。也会适当分享行业的一些资讯。主要为了沉淀,不追求快节奏,慢下来去思考去沉淀是设计菜的宗旨。没有商业目标~没有商业目的~欢迎围观和点评。欢迎━(*`∀´*)ノ亻留言及分享!谢谢!图片来自于:pinterest

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

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