在之前的几篇文章中，我们讲述了在网店的装修设计中,关于色彩和图文的搭配设计（色彩的搭配、配色方案、调和配色，文字的重要性与文字的应用技巧），今天350装修平台小编讲述在淘宝店铺装修中,如何分割和规划图文，有效协调图文之间的关系,从而把握商品或者模特图片与文字的搭配效果。以下搭配350装修平台中的模板来为大家展示，如果有看上的模板可以锁定这款模板的颜色或者是展示的产品类别在350模板商城中进行搜索哦！

根据切割向的不同,可将文字的编排手法划分为垂直分割和水平分割两种方式。
 
1.垂直分割
垂直分割包括左图右文和左文右图两种类型。

左图右文:通过垂直切割将版面分列成左右两个部分,把商品或模特图片文字分别排列在版面的左边与右边,从而形成左图右文的排列形式,使版面产生由左至右的视觉流程符合人们的阅读习惯,在结构上可以给顾客带来顺遂、流畅的感觉,如图所示。

 

图中为促销方案的也能设计,将图文分别左右的形式排列在画面中,依次形成由左至右的阅读顺序,该排列方式不仅迎合了顾客的阅读习惯,同时还增强了手机商品和文字在版面上的共存性。
 
左文右图:该分割方式与左图右文相反,而是将文字放在画面的左侧,把商品或者模特的图片放在右侧,如图所示。

 

左文右图的分割方式可以借助图片的吸引力,使画面产生由右至左的视觉效果,与人们的阅读喜好恰好相反,可以在视觉上给顾客带来一种新奇的感觉,也是网店装修的首页海报中常用的一种方式。
 
图中是某食品店铺首页的欢迎模块的设计效果,设计者利用左文右图的排列方式,打破了人们常规的阅读习惯,从而在视觉上形成奇特的布局样式,容易给顾客留下深刻的印象。
 
2.水平分割
水平分割主要包括上文下图和上图下文两种类型。

上文下图:在文字的编排中,通过水平切割将画面划分成上下两个部分,同时将文字与图片分别排列在视图的上部和下部,从而构成上文下图的排列方式,可以使视觉形象变得更为沉稳,给人带来一种上升感,以增强版面整体的表现力,如图所示。
 



350小编科普时间
文字与图片的结合应用,在店面的页面设计中,需要注重两者之间的编排,不同的分割方式,能给画面带来不同的效果。
 
上图下文:将画面进行水平分割,分别将图片与文字置于画面的上端与下端,从而构成上图下文的编排方式,可以从形式上增强它们之间的关联性,同时借助特殊的排列位置,还能增强文字整体给人的视觉带来的安稳、可靠的感受,从而增强顾客对版面信息的信赖度,如图所示。



在展示多种商品的编排中,基本都是使用上图下文的编排方式进行设计的。左图中的商品使用上图下文的方式进行编排,以突出图片信息在视觉上的表达,同时为文字与图片选用中轴来进行对齐,使商品图片与文字之间的空间关联得到加强。

350模板小编提示：人们的惯性思维是从左到右，从上到下，一般来说图片的吸引力大于文字的吸引力，所以一般是将图片放在左边，或放在文字的上方，但偶尔的时候相反的设计理念，有强设计性文字来搭配可以出其不意的好效果哦！