網頁色彩配色字典因多多參考網格基礎知識
先讓我們瞭解一些網格的術語。網格是一種佈局劃分,它使用橫向和縱向引導線將邊白(margin),空格和縱列包含進來,從而提供一個內容佈局的框架。
網格一般是在出版行業才能看到,不過它也非常適用於網頁設計。網格也不是一定是要你把網站搞的像個報紙的佈局,但是它確實可以幫你製作出一個可以在此基礎上做設計的統一結構。
網格只是一個輔助設計的的工具,而絕不應該成為限制你設計創造性的障礙。
理解並遵循規則
當你開始學習任何特定新技能時,你都應該遵循對應的準則。剛開始學習基礎可以確保你能有效的運用這些基本原理。
剛開始網格間的區別不大,你應該按照網格,讓所有的設計元素對齊,並放置到位。在你的設計中使用網格可以給你的內容帶來結構性。也給你提供了一個起步的地方,但是它絕不應該扼殺你的創造性。
當下有兩種創建網格範本的辦法。
自己製作一個網格範本
目前有許多不同的理論可以可以幫你設置好你自己的網格,你的選擇權無窮無盡,但是最終,你應該改選擇一個最適合你手頭專案的網格範本來。
你可以將一個空白文檔進行分割,創建出偶數或奇數欄來。通常把中縫(欄與欄之間的空白)考慮進你的網格系統會很有幫助的。
你的網格可以很複雜,可以很簡單,隨你喜歡。你的網格佈局越複雜越精巧,網頁色彩配色字典因多多參考網格系統的自由度就越大。而它越簡單的話,理解起來就越方便。選擇權在你。
下面是幾個用PhotoShop參考線(視圖>新參考線)創建的網格範例。