第一种：规整类左右排布

这种类型是大家最常用到的方式，通常采用的都是图片和文字左右排布的方法，可以通过左右之间的位置变化来增加一些灵活性，打破统一的秩序感，也可以采用破图的方式来增加图片的张力。

还可以通过一些特殊的处理方式来增加画面感，比如对承载色块的形状进行变化，添加一些投影营造一种离地感，添加一些立体的效果等手法，特殊的处理方式并不适合所有的项目，要根据整体详情页的属性选择相应的处理方式。

第二种：规整类上下排布

这种类型通常采用的都是图片和文字上下排布的方式，可以一行排布一到两个细节模块，如果是一行单个模块的话，产品展示的空间较大，视觉的冲击力也更强。

同样可以通过一些特殊的处理方式来增加画面感，因为展示的空间较大，所以对产品图片的质量要求会高一些，也可以添加一些特殊的效果强化视觉冲击力。

第三种：自由式编排

这种类型用得相对较少一些，这种的编排方式没有了框线的限制，因此显得更加的自由一些，具有一定的灵活性。

通常都会采用图片左右互换的方式进一步强化画面的灵活性，也可以通过线或者面来强化产品图片之间的关联。

为什么，别人家的详情页细节那么好？

文章来源于三个小美工