今天350模板小編繼續帶來頁面布局:淘寶店鋪圖文板式布局技巧（二），掌握頁面布局就相當于hold住了全場，其他不管什么設計都可以在既定的規則進行協調，不超出規則的范圍。

對比與調和

從文字內容分析,對比與調和是一對充滿矛盾的綜合體,但它們實質上卻又是相輔相成的統一體。在淘寶店鋪的裝修設計中,畫面中的各種設計元素都存在著相互對比的關系。但為了找到視覺和心理上的平衡,設計師往往會在不斷的對比中尋求能夠相互協調的因素,讓畫面同時具備變化與和諧的審美情趣。

 

對比:對比是差異性的強調。對比的因素存在于相同或相異的性質之間,也就是把對的兩要素互相比較之下,產生大小、明暗、黑白、強弱、粗細、疏密、高低、遠近、動靜輕重等對比。對比的最基本要素是顯示主從關系和統一變化的效果,如圖所示。

如左圖所示為商品詳頁的裝修設計圖,畫面中的黑色移庫與右側的文字,在明度上相似,但是在面積和疏密關系上存在明顯的差異,因此整個畫面既有色彩和面積上的對比,又顯得和諧、統一。

調和:調和是指適合、舒適、安定、統一,是近似性的強調,使兩者或兩者以上的要素相互具有共性,對比與調和是相輔相成的,如圖所示。在淘寶店鋪的版面構成中,一般整體版面宜采用調和,而局部版面宜采用對比。

 

350小編科普時間

畫面中下面采用兩張較小的圖片排列整齊,且大小一致,雖然與上方較大的圖片在色彩與外形上采用了同樣的表現形式,但是整體畫面卻既對立又和諧地組合在一起。

重復與交錯

在淘寶店鋪的版面布局中,不斷重復使用相同的基本形或線,它們的形狀、大小、方向都相同的。重復使設計產生安定、整齊、規律的統一,如圖所示。但重復構成后的視覺感受有時容易顯得呆板、平淡、缺乏趣味性的變化。因此,我們版面中可安排一些交錯與重疊,打破版面呆板、平淡的格局。

 

350小編科普時間：淘寶店鋪裝修設計的整體思路如下。

a.店鋪裝修目標:做一個客戶喜歡、值得信賴的店鋪。

b.指導思想:從客戶的角度來裝修店鋪。

C.實現方法:從店鋪中布局、色調、產品圖片、產品描述、公司介紹等任何一個細節處處體現專業化、人性化。

 

虛實與留白

虛實與留白是淘寶店鋪的版面設計中重要的視覺傳達手段,主要用于為版面增添靈氣和制造成空間感。兩者都是采用對比與襯托的方式將版面中的主體部分烘托而出,使版面結構主次更加清晰,同時也能使版面更具層次感,如圖所示。

在商品的描述頁面中,將商品細節以曲線的方式排列在畫面的左下方,右上方則利用背景圖片進行修飾,在畫面中表現出明顯的輕重感,讓顧客的注意力被左下方的信息所吸引給人留下深刻的印象。

 

任何形體都具有一定的實體空間,而在形體之外或形體背后呈現的細弱或朦朧的文字、圖形和色彩就是虛的空間。實體空間與虛的空間之間沒有絕對的分界。畫面中每一個形體在占據一定的實體空間后,常常會需要利用一定的虛的空間來獲得視覺上的動態與擴張感。版面虛實相生,主體得以強調,畫面更具連貫性。

 

350模板小編說中國傳統美學上有“計白守黑”這一說法。就是指編排的內容是“黑”,也就是實體,斤斤計較的卻是虛實的“白”,也可為細弱的文字,圖形或色彩,這要根據內容而定。留白則是版面未放置任何圖文空間,它是“虛”的特殊表現手法。其形式、大小、比例決定著版面的質量。留白給人一種輕松的感覺,最大的作用是引人注意。在排版設計中,巧妙地留白,講究空白之美,是為了更好地襯托主題,集中視線和造成版面的空間層次。