三种字号搭配思路｜GUI 界面分层设计
在GUI开发中，通常根据屏幕分辨率来开发不同的字库
- 本期展示一个常用的2.8寸，320x240分辨率
- 如上图将展示三种不同方式的字库排版
- 案例一
- 首先我们来看案例一，这是一个AI闹钟的界面，信息内容较多，排版层次丰富
- 这里约定大致有三种排版用字号，小标题用20点阵
- 正文和段落文字用16点阵，使用两种字号可以让排版显得更加有层次，GUI体验效果更佳
- 第三种字号，我们用更大的数字字体，一般用于大标题和和醒目显示，在这个AI闹钟项目中，我们用的大字号显示时间，字库可以直接选择矢量字库，字体选择多可以随意缩放，或者专属的大字号数字字体
- 案例二
- 再来看第二个案例，仍然是AI闹钟，但是这次我们没有小标题和正文之分，全都采用18点字号的点阵字库。
- 时间采用大字号点阵数字字体
- 这种方法的好处是节省存储空间，可以使用更低成本的存储芯片。对成本控制很有帮助。
- 案例三
- 案例三，这里我们展示一个电子标签示例。
- 这种应用对于排版美观性要求比较高，并且界面要素密度没有那么高，我们直接可以采用更大字号来提示层次感和展示效果
- 总结
**
- 在选择好合适的字库后，大家可以将字库文件导出烧录到字库芯片中，自己的项目中使用，或者直接在GT-HMI这套GUI框架上继续开发，这里设计好的界面生成的工程都是可以直接使用的。每个项目界面设计不同，具体字号选择可以根据实际调整，这里只是展示了排版思路。
