Photoshop尺寸建立页面
为解决问题，我们使用了一个轮播图的互动插件，通过该插件可以做到在一个页面展示多张图，还能保证图版的整屏效果，而这个互动插件就是H5工具的一个功能组件。为了使页面更为美观，我们还找到了一张宣纸的背景作为背景图，这样会比白底要有更多的细节展现。设计过程如图所示。
一个页面展示多张产品图的设计过程
（2）文字与标题设计
H5大标题采用方正大标宋体，页面正文主要采用方正仿宋简体，如图所示。
H5设计选用的字体
在前面，我们已明确告诉大家尽量不要使用识别性较差的宋体字，但此项目例外，因为H5正文文字量少，文字排版可以非常稀松。在这种情况下，宋体字的使用不会影响阅读时的识别。为了更好凸显文化气息，文字排版方式是以竖版为主的，这样更像是古体字的书写方式，能够凸显文化气息，所以用宋体字就更合适了。标题与正文的字体的排版对比效果如图所示。
标题与正文的字体
大家也应该注意，H5的第2页正文描述部分还是采用了黑体字，这是因为文字量太大了，所以在具体设计时做了取舍。不管你用什么字体，设计目的都是一致的，就是让H5清晰地呈现内容。正文字体采用黑体和宋体的效果如图所示。
