视觉篇文字编排原则——对比原则

之前提到，线上相较于线下的优势和劣势，在视觉的呈现上，线上比线下有着更大的优势：视觉设计

通过采用天马行空不拘一格的平面设计，以及个性靓丽气质出众的模特，线上打造出的视觉感官更加能表现出产品的美妙，也因而能更吸引消费者的眼球。

所以我们要把握这一优势，通过视觉设计，或风格呈现、亦或是价值塑造，打造出完全不一样的感觉和效果。

这是详情页一篇的一个小小的片段，红框标注部分的内容就是我要个大家做的一个分享，我会在文字编排上每一个部分详细介绍填加一些案例以及平时视觉上令人看上去很舒服的案例进行分析。

加大不同元素的视觉差异。这样既增加了页面的活泼，又方便读者集中注意力阅读某一个子区域。

对比的基本思想是，避免页面上元素太过相似。如果元素，如字体、颜色、大小、线宽、形状和空间等不相同，就让它们截然不同。通过对比突出想要强调的内容要点。

经济如果你想让对比效果更明显，就一定要大胆，不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。

要让页面引人注目，对比通常是最重要的因素，正是它能使读者先注意到这个页面。就举一个例子，其实上面例子中都有对比的体现。

对比要强烈！强烈！强烈！这是要一直强调的一个观点，其本意应该是通过视觉上的强烈差异化来增强页面的效果，以及强调元素之间的差异性。

可是这个强烈依然涉及到一个度的问题，过于强烈的对比，很有可能导致读者对于在页面中处于对比弱的那些元素的忽视。

对比性原则

可以看出将线加粗，白字放在宽线上边，就可以大大使标题更醒目。运用对比，整个画面更鲜明，表达也更清晰。其他还有很多对比用法，大多采用改变字体，加粗字体等。

▲实现对比原则要注意的问题

想要突出重点，就要使用对比，并加大力度，让他们截然不同。

避免使用太多对比，一个画面中有1或2个对比就可以了。过多对比反而让读者看不出重点。

我们将对比分为三类，有标题和正文中的字体、字号对比，文字颜色的对比，以及文字颜色与背景颜色的对比。

 在下面案例页面中，利用字体和字号的对比让文字内容富有层次，能吸引读者眼球，一目了然。

在下图中，有一部分文字采用了与大部分文字不同的另一种颜色，这种对比是增加视觉效果的有效途径之一，突出展示该屏的重点主题。

这是一种常用的文字编排方式，正文与背景合适的颜色对比，不仅可以提高文字的清晰度，并且可以产生强烈的视觉效果。

比如在下图中，黑色的背景、红色的标题、白色的正文这三者之间的对比，还有黑色背景与白色文字对比的应用，将文字内容清晰衬托出来，既有丰富的层次感，同时具有很强的突出效果与视觉冲击力。