UI设计的文字与排版05课件.pptxVIP

UI设计的文字与排版

了解UI设计常用字体类型了解UI设计中的字体规范了解UI设计的文字排版技巧学习目的

UI设计常用字体类型01

1.4.1UI设计常用字体类型UI设计常用字体类型字体是UI设计中不可或缺的一部分，是决定设计效果的关键。不同的字体在界面中渲染的氛围不同，正确地选择和使用字体不但能美化界面效果，还能使信息展现更加直观，并吸引用户继续浏览。宋体黑体书法体手写体楷体艺术体

1．衬线体衬线体在笔画的始末位置有额外的装饰，且粗细会因笔画的不同而有所区别，强调笔画的走势及前后联系，这使得前后文有更好的连续性，更适合作为正文字体。字形方正、横细竖粗、撇如刀、捺如扫、点如瓜子等特点，它是通用的印刷体。0102宋体Garamond字体兼具美观性和易读性，被誉为“衬线之王”，适合长时间阅读。UI设计常用字体类型

2．非衬线体非衬线体笔画粗细基本一致，适合用于标题类需要醒目但又不被长时间阅读的文字，其特点是方正、朴素、简洁、明确、黑白均匀。字体字形干净、清晰，易于辨认，是很多数字印刷机和操作系统中不可缺少的字体。0102黑体也称等线体，具有横竖粗细一致、方头方尾的特点，文字浑厚有力、朴素大方。ArialUI设计常用字体类型

UI设计中的字体规范02

1.4.2系统默认字体规范UI设计中的字体规范Android系统中中文的默认字体为“思源黑体”，英文的默认字体为“Roboto”，字形线条粗细适中、端正大方。Android系统的默认字体规范从iOS9系统开始中文的默认字体为“苹方”，英文的默认字体为“SanFrancisco”，字形纤细饱满，便于阅读。iOS系统的默认字体规范

1.4.3常见的字号规范网页界面的常见字号网页界面中的字号并没有强制规定，常见的字号为12~30px。App界面的常见字号App界面中的导航栏字号和标题字号为36~40px，正文字号为32~34px，副文字号为24~28px，最小字号不低于20px。UI设计中的字体规范

1.4.4常见的字体色彩规范UI设计中的字体规范除了大小规范外，还有色彩规范。一般来说，界面中的色彩不宜过多，可先选择一种主色，然后在主色基础上进行色彩的透明度变换，如图所示。UI设计中的字体规范

1.4.5常见的字体色彩规范无论是网页界面还是App界面设计，文字在界面中所占比例都较大。因此掌握UI设计中的字体排版对设计人员来说非常关键，不同的字体排版可以给界面带来意想不到的效果。齐头散尾型字体排版自由型字体排版绕图型字体排版齐头齐尾型字体排版UI设计中的字体规范

1.4.2文字规范1．iOS系统字体iOS8系统使用的中文字体是华文黑体，英文和数字字体是HelveticaNeue；在系统升级至iOS9后，中文字体改为了苹方，英文和数字字体改为了SanFrancisco。苹方字体提供了Bold（粗体）、Extralight（特细）、Light（细体）、Medium（中等）、Regular（常规）6种粗细效果。设计师在制作界面时可选用Regular（常规）和Bold（粗体）来表示字体的普通和加粗状态，效果如图。UI设计中的字体规范

1.4.2文字规范2．Android系统字体在Android设备上，系统默认的中文字体为思源黑体，英文字体为Roboto，但国内手机大都是第三方厂商定制而成，对默认的系统字体有所改变。3．系统字号文字所在的位置不同，使用的字号也有所差别。iOS系统的设计中用px标注字号，而Android系统使用sp标注，其中1sp=2px。系统字号的大小和对应的位置：?36px：用于顶部导航栏的栏目名称。?30px：用于标题文字和大按钮文字。?28px：用于主要文字，正文或小按钮文字。?24px：用于辅助文字。?22px：用于底部标签栏文字。?18px：用于提示性文字。在实际设计中，设计师设计文字时需要将字号设置为偶数，这样可以方便后期开发和适配。小技巧UI设计中的字体规范

UI设计的文字排版03

1、避免同一界面使用过多的字体在同一界面中使用过多的字体会让内容显得混乱，重点不够清晰，让用户的阅读体验大打折扣。UI设计的文字排版湖北省博物馆——掌上智慧博物馆APP

UI设计的文字排版课程思政：通过掌上智慧博物馆APP线上展厅，语音讲解，导览地图，可以随时了解该博物馆详细的展览资讯。全方位了解我国文物详情，体验文化，自我学习，希望通过博物馆的文化学习、体验、感受，激发青