版式設計 | 學會這6個特殊視角的構圖方法,讓你的設計脫穎而出!

h 罩杯內衣
i cup內衣

網格的類型
許多設計師都會在網格系統上開始一個新的設計。不同的人有不同的習慣,有人喜歡12列的網格,有人則喜歡16列網格,還有人喜歡24列的網格等等等等。重點不在於網格一共有多少種類型,而在於你實際應用的那一個!在網頁設計中,網格系統是十分常見的,響應式網頁設計的推廣,網格的地位又得到瞭提升呢!

我個人更喜歡12列的網格。每一列的寬度取決於最終輸出的稿件應用在哪,比如打印或網頁,還有就是參考整體的寬度來進行分割。如果我設計的東西有許多許多小元素,我會切換到24列網格。區塊之間的間隔根據內容進行相應的調整。如果我創建一個瀑佈流的佈局,我可能隻會給間隔留1-2px。這個真的要隨機應變。

我喜歡12或24列的網格是因為我可以在這個基礎上衍生出很多不同的排版方案。你可以在24列中的一列裡寬度上排列內容,也可以是12列中的2列,還可以用8列分欄中的3列來擺放一個元素,甚至還可以是6列分欄中的4列等等,完全看你個人的喜好。你看,雖然網格系統是一個限定,但是應用起來也是超級靈活的,這使得你的設計可以有很高的延展性,通過匹配不同的組合,就可以做出完全不同的排版來。是時候拋棄對稱佈局瞭,感受一下下面的案例,你可以利用同一個網格系統創造出各式各樣的排版。

從上面的例子中我們可以看出,我們有著無窮盡的選擇來創造不同的排版。有些設計師害怕使用網格,他們覺得網格系統會局限住將他們的思維和畫面的結構。但是事實上呢,網格結構的選擇和組合幾乎可以說是無止盡的!那麼多種組合,等你用完那天再來說局限住你的思維瞭吧!而且網格系統的應用真的是超級廣泛!下面是一個網格系統的實例,導航橫跨瞭整個寬度,主要內容大概占用瞭60%的寬度,側邊欄占用瞭剩下的40%;在下面一個版塊中,左邊60%的寬度被三等分。可以看出內容和內容之間留足瞭空間,閱讀起來很舒服。

source:http://www.shejinet.com/news/view-1-21879.html

Orignal From: 版式設計 | 學會這6個特殊視角的構圖方法,讓你的設計脫穎而出!

留言