黑字体正文
（识别度更好）
宋体字正文
（识别度不如黑体字）
（3）地图设计
在设计地图时，项目采用了手绘地图的形式，但实际大可不必这样，因为现在的H5生成器内置了定位地图，在点击这样的地图后可以直接调取手机中安装的地图 APP，呈现位置信息。但因为书中的H5模拟案例是要长期使用的案例，所以还是选用了手绘地图来表现。地图在配色上沿用金色作为主色，与画面风格保持一致，如图所示。
从卫星地图转化为更加直观的手绘地图
（4）页面版式
为了让页面有更好的视觉效果，版式设计中运用了3阶排版法，尤其是产品部分的页面，在画面中，图片、文字描述和脚标构成3层关系，这样页面的视觉效果就比较美观了，如图所示。
3阶排版法，加上第三级脚标后，视觉效果更丰富
在第2屏的品牌介绍部分，为了让文字更清晰，弱化了背景图，为文字专门添加了金色底图来强化文字的识别性，这样的做法和第8屏形成了反差，在第8屏是弱化文字，凸显图片，如图所示。
