
上QQ阅读APP看书,第一时间看更新
2.4.2 文字与图形的合理搭配
在网店设计中,大多数时候都需要进行图文搭配设计,那么怎样搭配图文才能使画面更好看呢?下面来看看几种图文搭配的思路。
◆ 左图右文
当画面右侧留白较多时,可以将文字安排在图片的右侧,使画面形成两部分,一部分是图,一部分是文。与左图右文相反的是左文右图,这两种图片搭配方式都较常使用。如图2-35所示为网店详情页面展示图,为了让版式看起来更丰富,采用了左图右文+左文右图的搭配方式。

图2-35
◆ 上图下文
上图下文是指图片位于文字的上方,当不想让文字影响图片的展示时,或者图片中的元素本身就比较丰富时,即可采用这种图文搭配方式。
在网店中,销售的一个商品可能有多种样式,当要展示某个商品的多个样式时,可以采用上图下文的图文搭配方式,如图2-36所示。

图2-36
◆ 文字位于图片正中
当我们要突出文字内容时,可以将文字放在画面的正中,这时文字的字体一般都要大,不然会让画面看起来不协调,也无法起到突出文字内容的效果,如图2-37所示。

图2-37
◆ 文字位于角落
如果文字的内容本身不多,可以考虑将文字安排在画面的角落,具体安排在左上角还是右上角,则看画面中哪个位置比较空。在如图2-38所示的图片中,将文字安排在了画面的右上角,让画面看起来具有独特的韵味。

图2-38