模板建站動態

什麼是真正好的商城網站排版，我覺得起碼要做到清晰易讀、信息突出並且觀感上舒服好看，在這個基礎上有突出的設計感、形式感，就是正真好的排版。怎麼做?3個部分決定排版的步驟和方法，咱們分步來說。

文章開始之前，針對一些板式設計新手，我們也推薦你可以補充一下基礎知識，看看膾炙人口的《版式設計原理與應用》，有PDF下載喲。

空間是文字之間、圖文之間的排列關系，是排版的第一步和基礎，一張圖的空間關系即構圖自一開始就影響到整體的走向和最終的成型，所以在設計之初，一定得經過深思慮，深入瞭解文字的多少、圖形的類型和設計要求和感覺選擇對應的構圖和圖文結構關系。大致包括但不限於以下幾類：

垂直水平構圖

排版左中右對齊方式都有，比較隨意直觀，可靈活操作。

斜線構圖

常用於促銷類、居中排佈、大多數會有圖形輔助以和底部斜線構圖明確區分並突出文本，或者部分也有跟隨式斜著排版。

三角構圖

一般居中排版，文字排佈大小分明，結構感強，常以圖形線條輔助排版。

對角線構圖

常用於服裝食品等類型、一般左或右對齊，文字選擇簡單直觀粗細分明，常有線條或小圖形輔助。

輻射式構圖

和斜線構圖很像，促銷類、居中排佈、大多會有圖形輔助以和底部斜線構圖明確區分並突出文本。

框架式構圖

框架構圖包括圖形被框，文本被框或者圖文都被框，文本被框是圖形輔助排版的一種方式，之後詳解。

我們可以通過變化對齊方式、大小、粗細、角度、字體、顏色、錯落方式等來說明各種排版變化方式帶來的不同結果和感覺

對齊、大小、粗細對比是排版最基本的三大要素，是之後所有排版方式的基礎

①起碼有一邊對齊，才會使版式整潔易讀，層次清晰

②大小和粗細的對比做到瞭主次分明。banner設計的目的，其實就是最大化的呈現給用戶活動的信息，要讓最重要的，最有利的信息一瞬間就傳遞給們，通過對比即可使信息的傳遞層次清晰。

角度

角度不限於示例這種。對排版進行角度變化，會增加失衡和速度感。是促銷類的banner常用的方式往往對應斜構圖的背景，增加整體氣氛。也有增加透視類的角度變化。

字體

第一個：清秀的方正書意宋，第二瞭：霸氣的蒙納超剛黑(隻為示意請勿轉載用於商用)，稍微變換板式，出來瞭兩種不同的感覺，雖然都是買買買，但是第一個明顯是清新委婉的，第二種擺明瞭就是要放折扣大招的樣子。字體對排版的重要性不言而喻。

顏色

還是上面的示意，顏色的變化一是根據整個設計選擇顏色，二是類似上圖對需要突出的信息進行顏色的突出，是最常用易用的方式。

錯落

一般萌系、食品類和扁平化等等的banner上，都需要這類隨意輕快、錯落有序的排版。設計過程中，適當對字進行大小變化和旋轉，並且選擇一些卡通化、手寫體的字體，會有不錯的效果。還有另一類錯落的板式也比較常見，如下圖所示，宋體字、毛筆字排版非常易用。

形式簡單可理解為對排版的輔助，他們不搶眼，但是加入後又能使版式不單板，善用可以使整個排版高大上，也能使邏輯結構更加清晰。

圖形輔助

圖形輔助一般用基礎的方圓 三角等或者有特殊含義的圖形(天貓、阿裡旺旺剪影)為依托進行文字排版，可起到突出文本、增強對比、增加結構感設計感的作用。

線條輔助

以線條分割進行區塊劃分增加對比，也可用線條和圖形進行串聯，亦或聚焦視線，簡潔有力，近期大量用於時尚簡潔類的設計中。

圖文結合

用圖形結合文字和視覺，達到整體統一。

排版的重要性不言而喻，通過上面的3大步介紹，應該能對電商banner的排版有個初步直觀的認識，相信通過學習和大量練習，每個人都能掌握其中的妙。方法遠不止此，而創意應更遠。寫的不好，有問題或者建議請留言說明，咱們多多討論。

培戀網絡原創版權，轉載請註明出處：

培戀網原創版權，網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址：http://www.gdszrq.com/news/51964.html