关于手机端的详情设计，版式可以说是设计师必须要掌握的核心能力，因为详情页是讲产品的详细内容，只有合理的图文排版才能让用户更好的读内容。而说到版式，就必须先提 4 条基本原则，这些原则一直都是版式教程的必讲知识点，有大量文章和书籍都做过详细介绍，不过根据设计类型的不同会有出入，这里我就结合手机端的浏览体验，来讲讲 4 原则的运用，版式设计的 4 条原则分别是：对齐、亲密性、对比和重复。

对齐

对齐很好理解，就是将内容用某种对齐规则进行排列，使它们产生视觉联系，这样画面会显得规整和严谨。如图所示，尽管只是简单的文字对齐，但画面却有明显差异：没对齐的左图文字非常混乱，让人不适；而对齐的右图文字井然有序，便于阅读。

1. 左对齐

左对齐是以左线为基准的对齐，这是最常用的对齐方式，当我们浏览横向排版的信息时，左对齐更符合视线从左往右的阅读习惯，因此广泛用于标题和内文的排版当中。

2. 居中对齐

居中对齐是以中线为基准的对齐，也是一种对称均衡的布局方式，对于手机端，常用于标题排版，当然有些文字不多的内文偶尔也会用到，因为手机版面的宽度偏窄，当标题居中对齐后，既不影响阅读，也能让视觉平衡、舒适。

3. 左右对齐

左右对齐是让两端以左右线为基准同时对齐，这种对齐最为工整，常用于文字较多的内文排版，如下图，左右对齐能将大段文字变成方形，整齐有序，利于阅读。另外如果内文配有图片，也和文字两端对齐。

4. 右对齐

右对齐是以右线为基准的对齐，这种对齐和我们视线的移动路径刚好相反，使得阅读没那么方便，因此不管标题还是内文，用的都相对较少。如下图，当画面的留白靠右或有特殊的版式需求时，才会用到右对齐。