恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
字体排版中如何平衡字号与字间距的大小?
0.0°
2019-10-17 原创文章 经验/观点 举报 2060 4 1 0

我们平时在看大段文字的时候,有没有这样的体验,同样是一段阅读文字,有的会让人阅读起来特别舒服,而且信息获取更加的容易,而有的却是很糟糕。


其中是不是有些规律可循呢?那么在做设计怎样才能够创造出一个比较舒适的阅读体验呢,今天和大家来说说大段文字排版的一些小技巧。


首先我们看看下面两个哪一个阅读体验会更好一点。


1、



2、



其实两个图片文字间距都是可以接受的。


通过对比可以发现下边的阅读文字加大了字间距与行间距,相比上边留白部分更大,更具呼吸感。当文字内容较多时,采用下边的方式,会不容易产生阅读疲倦。


既然是文字排版,通过上面例子,其中可以拆解的量字体 字号 字间距 行间距 。


一段舒适的阅读文字一定是有着合适的,字形,字间距。


字体


其中字体涉及很多知识,不同的字体有不同的气质,做设计时候首先需要明确我需要表达一个怎样的信息,其中这个信息包括含义, 氛围。其次才能够根据我需要什么做出最合适的设计。


字号

字号是个极其自由的数值,完全根据你的需求来确定,可以去参考目的类似的设计。


行间距


行间距大家都知道,但具体在设计上如何运用很多人都不知道,一般淘宝天猫常用的规则是+4原则,例如文字的大小比如是12PX,那么行间距就是16,依次类推,文字是14那么行间距就是18PX。


行间距一般选择为正文的1.6—1.8倍,将会是比较舒服的,如果版面紧张,可以适当缩小的1.2—1.5倍;


总的来说,字号(size)越小,字距(tracking)应当相对越大,行高(line height)也应该相对越大。反之亦然。


字母间距小于字间距,字间距小于行间距。


此外关于中英文排版,同样好的西文版式设计,照搬到中文中,会出现不少问题。


这主要是由西文与中文两种文字本身的视觉外观差异造成的。


比较直观的一种看法是:拿汉字跟英文相比,汉字更倾向于“图形/图像”化,英文更倾向于“音节”化;汉字本身的笔画构成复杂,造成单个字比英文的单个单词更为复杂,同时,汉字的字与字之间,造型的差异也可能更为悬殊;还有一点就是,汉字的每个字都往往被设计成占据相同或几乎相近的空间范围(一个方块),英文则完全不然,英文更具有韵律感。因此常常会有设计师会说英文排版更美。


做设计如何取舍呢。就是分析需求情景。做合适的设计。比如阅读类需要留白去增加阅读的呼吸感。比如有时广告位需要聚焦,会让字体间距不那么大。


最合适的设计。设计经验理论是一方面。最重要的是训练自己对细节的敏感,并相信自己的品味。


多看,然后练习、练习再练习。


自然而然会有质的飞跃。


UI 设计实用技巧分享 ↓ (点击免费观看~) 


萌萌的动态表情,我也能绘制出来作作妖

http://www.makeru.com.cn/live/5541_2104.html?s=96806


和套路说"No",解锁LOGO设计新技巧!

http://www.makeru.com.cn/live/5541_2098.html?s=96806


吉祥物设计,原来就这么简单!

http://www.makeru.com.cn/live/5541_2093.html?s=96806


字体这样改,就能为公司节省上万元开销!

http://www.makeru.com.cn/live/5541_2072.html?s=96806



建了个裙,大家一起学 UI 啊 700842555 有很多同样在学习UI的小伙伴在里面。大家可以一起学习,分享学习资料,每天还会有免费的直播公开课,大家手动添加下,找管理要资料就好 


附件有相关的学习视频,需要的可以自行下载观看哦~~  


Powered by Froala Editor

更新:2019-10-17

下载
收藏

4人已收藏

歌到南风

Q群700842555拿免费资料,每日免费直播课,共同学习

  • 60

    作品

  • 8

    粉丝

  • 0

    关注

  • 打动人心的用户体验细节
  • 超实用新手指南!零基础如何自学UI设计?
  • 为什么人人都爱宋体字?
  • 初学者的绘画指南 (一)

    猜你喜欢

      2019-10-17 原创文章 经验/观点 举报 2060 4 1 0

      字体排版中如何平衡字号与字间距的大小?

      0.0°

      你确定要举报字体排版中如何平衡字号与字间距的大小?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年10月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      4
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录