详情页做的好坏重点就在于排版的好坏，就算你是设计的再好如果乱排乱放的话也会让页面显得杂乱无章，缺乏美感。

我们还是先从基础讲起，说说排版里最基本的对齐和对比。

对齐

不管在哪整整齐齐的东西怎么也看着舒服不是？设计上也是如此，就拿大街上随处可见的自行车来看：

同理把它拿到设计上讲，大家就明白了，对齐不仅给页面带来美感，也会让人觉得你仅仅有条，方面消费者们快速的浏览页面。

没有对齐的话你就算设计的再好，可给人的感觉还是一样凌乱不堪，再也没有让人看下去的动力了。

我们在对齐设置中常看到有左对齐、居中对齐、右对齐（右对齐相对用到的少）。

对比

对比就是区分内容与次要内容的，为让消费者们快速浏览页面，突出重要的信息，也更显得画面的美观，缓解视觉疲劳，一举多得。

常见的对比当中文字大小的对比和粗细的对比相对实用较多。

从上面我们可以看出处理过的图我们一目了然，也很美观。

上面是小米的海报，页面做了基本的对比和对齐，就已经把想要表达的信息全部展现出来了。

§§

只是简单的对比和对齐我们难免感觉缺点什么，我们还要试着打破点常规，来创造点新鲜玩意儿。

文字再设计

上面两个图全都用的是居中对齐，但我们发现它们的文字全都经过了二次设计，稍加的改变让整个画面都提升了档次。

前后遮挡

给文字添加前后遮挡，一前一后显出层次感。

横竖排版

色块图标点缀

左对齐排版+下方两个小图标来增加特色感。

上方画面只添加一个色块就强调出画面的重点。

文字的再设计+左右双色块+左上角标签，合理的运用使画面变得具有形式感。

总体归结了一下，除了我们最简单原始的排列外，我们找出8种设计方式来让大家对比使用：

我们可以看出所有上面的在创作都是根据基础的对比、对齐排版来做的，其实还能有更多种排版方式，我们在学习中总结运用，从而创造出属于你自己独一无二的排版方式。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。