请选择时期:
怀孕准备 怀孕 分娩 宝宝0-1岁 宝宝1-3岁 宝宝3-6岁

UI字体设计,UI字体设计基本要求

来源: 最后更新:22-03-23 05:19:13

导读:UI字体设计,UI字体设计基本要求,无论你是做网页还是App设计,文字内容总是能占到整个版面将近80%的区域。因此理解字体与排版对UI设计师来说非常关键。你需要始终把内容的可读性放在首位去考虑和权衡你对字体与排版的选择。以下是由小编为你整理的UI设计中的字体要求。


字体的基础术语

了解字体设计的基础术语非常重要,这些术语在介绍字体设计的相关文章中经常出现。比如 x-height(X字高)指的是从字母的基准线开始往上到最矮字母的顶端的距离,当X字高的比例相对大一些的话就能增加易读性。

汉字字形

在大多数情况下我们都选择使用系统自带的字体,比如微软雅黑、宋体、黑体等来定义标题和内容,但有时,我们在做Logo,banner设计时也需要通过对字体进行改造,来达到更加理想的效果。这时我们就需要掌握汉字的字形结构以及一些最基本的设计原则。

衬线字与非衬线字

在西方国家的字母体系,分成两大字族:serif(衬线字体)及sans serif(无衬线字体)。衬线字(下图中的宋体、Times New Roman)是指在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有所不同。 相反的,无衬线字(下图中的思源黑体、Helvetica)就没有这些额外装饰,而且笔画粗细大致上是差不多。

衬线字的字体较易辨识,也因此具有较高的易读性。 反之无衬线字则较醒目。通常来说,需要强调、突出的小篇幅文字一般使用无衬线字,而在长篇正文中,为了阅读的便利,一般使用衬线字。在实际应用中,因为中文的宋体和西文的衬线体,中文的黑体和西文的无衬线体,在风格和应用场景上相似,所以通常搭配使用。

字体排版建议

在你对字体排版技巧了如指掌之前,首先需要保证你的内容能够简单且清晰地展现出来。优秀的文字与排版使我们更愿意去阅读,所以最好先关注你所设定的字体和排版是否便于阅读,然后再考虑为了美观改进行修饰。我们可以参考这篇英文指南:优秀字体排版的5条原则 并且将文中的这些原则应用到我们的App和Web设计中去。

选择Body字体

为body text挑选合适的字体是最重要的。务必选择那些可读性强的,看上去干净易读的字体。

字体的大小

在iPhone,iPad,iWatch 中设置的Body字体不应该小于11pt,这样才能被正常阅读。

字体的字重

当我们设置更大的字体来获得更好的易读性的同时,我们也应相应地减小字体的字重(粗细),考虑Light,Thin或者Ultra Thin。过重的字体会太过醒目,从而影响其他内容的显示效果。

当字体大小为12-18pt时,使用Regular,18-24pt时,使用Light,24-32pt,使用Thin,当字体大小超过32pt时,建议使用Ultralight。以上都是建议值,你应该根据不同字体的显示效果进行设定使文字内容看上去清晰和精致,从而保持良好阅读体验。


更多攻略分享,尽在。


标签: 平面设计  字体  标签  简介  

免责声明:本文系转载,版权归原作者所有;旨在传递信息,其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/qiaomen/youxi/150023.html

  • 1天盛长歌白敬亭第几集出现(长盛天歌白敬亭在第几集出现)

    天盛长歌白敬亭第几集出现(长盛天歌白敬亭在第几集出现)

  • 2新冠病毒抗体检测有什么用(新冠病毒抗体检测什么意思)

    新冠病毒抗体检测有什么用(新冠病毒抗体检测什么意思)

  • 3南通成品油价格调整公告(南通汽油价格调整最新消息)

    南通成品油价格调整公告(南通汽油价格调整最新消息)

  • 42023年贺岁普通纪念币江苏省补充兑换工作的公告

    2023年贺岁普通纪念币江苏省补充兑换工作的公告

  • 5自2023年2月6日零时起全面恢复内地与港澳人员往来

    自2023年2月6日零时起全面恢复内地与港澳人员往来

  • 6昆山开发区便民核酸采样点地址+时间(昆山核酸采集点)

    昆山开发区便民核酸采样点地址+时间(昆山核酸采集点)

  • 7珠海2023第二轮横琴消费券有哪些种类

    珠海2023第二轮横琴消费券有哪些种类

  • 8珠海2023第二轮横琴消费券各平台领取规则

    珠海2023第二轮横琴消费券各平台领取规则

  • 9美方击落无人飞艇 美方击落无人飞艇视频

    美方击落无人飞艇 美方击落无人飞艇视频

  • 10从中美“气球事件”看,为何欧洲反应“冷淡”?

    从中美“气球事件”看,为何欧洲反应“冷淡”?

关于我们 | 广告服务 | 网站合作 | 免责声明 | 联系我们| 网站地图

© 2006-2022 做妈妈育儿网 all rights reserved. 浙ICP备2022035435号-3

声明: 本站文章均来自互联网,不代表本站观点 如有异议 请与本站联系 联系邮箱:kf#zuomama.com (请把#替换成@)