第2章 UI设计应用解析.pptxVIP

第2章

UI设计应用解析

UI设计基础与应用

目录Contents

2.1文字的应用解析

2.2图片的应用解析

2.3色彩的应用解析

2.4栅格系统的应用解析

2.1.1认识字体

字体是最直接传达信息的方式。常见的字体可分为衬线体和无衬线体两个大类。

衬线体（Serif）：衬线体容易识别，阅读性比较高，笔画粗细有变化，一般横细竖粗，末端有装饰处理（即“字脚”或“衬线”）。

无衬线体（sans-serif）：无衬线体比较醒目，字体端正，笔画横排竖直，粗细没有变化。

2.1.2文字设计规范

UI设计中的字体取决于系统上支持的字体。

1．在iOS中支持的字体

2．在Android中支持的字体

2.1.3文字排版的四大原则

在UI设计中文字排版是影响页面阅读的重要因素，掌握文字之间的对齐和间距，可以使内容更加有序合理，获得更好的用户体验。

1．亲密原则

2．对比原则

3．对齐原则

4．重复原则

目录Contents

2.1文字的应用解析

2.2图片的应用解析

2.3色彩的应用解析

2.4栅格系统的应用解析

2.2.1图片的格式

在UI设计中常用的图片的格式有PNG、JPG、GIF、PDF、WEBP以及SVG。

PNG：一种无损压缩的位图图片格式，一般用于JAVA、网页等，压缩比高、生成文件体积小；

JPG：常见的位图图片格式，由于用了有损压缩的方式，图