在之前的幾篇文章中，我們講述了在網店的裝修設計中,關于色彩和圖文的搭配設計（色彩的搭配、配色方案、調和配色，文字的重要性與文字的應用技巧），今天350裝修平臺小編講述在淘寶店鋪裝修中,如何分割和規劃圖文，有效協調圖文之間的關系,從而把握商品或者模特圖片與文字的搭配效果。以下搭配350裝修平臺中的模板來為大家展示，如果有看上的模板可以鎖定這款模板的顏色或者是展示的產品類別在350模板商城中進行搜索哦！

根據切割向的不同,可將文字的編排手法劃分為垂直分割和水平分割兩種方式。
 
1.垂直分割
垂直分割包括左圖右文和左文右圖兩種類型。

左圖右文:通過垂直切割將版面分列成左右兩個部分,把商品或模特圖片文字分別排列在版面的左邊與右邊,從而形成左圖右文的排列形式,使版面產生由左至右的視覺流程符合人們的閱讀習慣,在結構上可以給顧客帶來順遂、流暢的感覺,如圖所示。

 

圖中為促銷方案的也能設計,將圖文分別左右的形式排列在畫面中,依次形成由左至右的閱讀順序,該排列方式不僅迎合了顧客的閱讀習慣,同時還增強了手機商品和文字在版面上的共存性。
 
左文右圖:該分割方式與左圖右文相反,而是將文字放在畫面的左側,把商品或者模特的圖片放在右側,如圖所示。

 

左文右圖的分割方式可以借助圖片的吸引力,使畫面產生由右至左的視覺效果,與人們的閱讀喜好恰好相反,可以在視覺上給顧客帶來一種新奇的感覺,也是網店裝修的首頁海報中常用的一種方式。
 
圖中是某食品店鋪首頁的歡迎模塊的設計效果,設計者利用左文右圖的排列方式,打破了人們常規的閱讀習慣,從而在視覺上形成奇特的布局樣式,容易給顧客留下深刻的印象。
 
2.水平分割
水平分割主要包括上文下圖和上圖下文兩種類型。

上文下圖:在文字的編排中,通過水平切割將畫面劃分成上下兩個部分,同時將文字與圖片分別排列在視圖的上部和下部,從而構成上文下圖的排列方式,可以使視覺形象變得更為沉穩,給人帶來一種上升感,以增強版面整體的表現力,如圖所示。
 



350小編科普時間
文字與圖片的結合應用,在店面的頁面設計中,需要注重兩者之間的編排,不同的分割方式,能給畫面帶來不同的效果。
 
上圖下文:將畫面進行水平分割,分別將圖片與文字置于畫面的上端與下端,從而構成上圖下文的編排方式,可以從形式上增強它們之間的關聯性,同時借助特殊的排列位置,還能增強文字整體給人的視覺帶來的安穩、可靠的感受,從而增強顧客對版面信息的信賴度,如圖所示。



在展示多種商品的編排中,基本都是使用上圖下文的編排方式進行設計的。左圖中的商品使用上圖下文的方式進行編排,以突出圖片信息在視覺上的表達,同時為文字與圖片選用中軸來進行對齊,使商品圖片與文字之間的空間關聯得到加強。

350模板小編提示：人們的慣性思維是從左到右，從上到下，一般來說圖片的吸引力大于文字的吸引力，所以一般是將圖片放在左邊，或放在文字的上方，但偶爾的時候相反的設計理念，有強設計性文字來搭配可以出其不意的好效果哦！