頭腦發(fā)熱了诀紊,買了一本《平面設(shè)計中的網(wǎng)格系統(tǒng)》
我真覺得自己買錯了書,并不是我希望了解得網(wǎng)格系統(tǒng)隅俘,粗略的閱讀完畢邻奠,大致了解了網(wǎng)格系統(tǒng)得由來。
想知道如何在設(shè)計中使用網(wǎng)格系統(tǒng)圖为居,好像這本書中找不到答案得碌宴。
我能了解到得是:
1、網(wǎng)格系統(tǒng)是基于字體和圖片的一種有秩序得排版思路蒙畴。來源于印刷排版唧喉,基于的載體就是最常用的紙張。
2忍抽、本書中網(wǎng)格有幾個基本的屬性:版心/天頭/地腳/切口/訂口/行距/ 欄距
3八孝、利用網(wǎng)格系統(tǒng)你可以讓你的設(shè)計有一定的韻律感,可以輕松一點(diǎn)駕馭內(nèi)容鸠项,保持設(shè)計的一致性干跛,均勻化的布局。使整體有一種正式感和規(guī)范感祟绊。
4楼入、網(wǎng)格系統(tǒng)是按照比例設(shè)計,所以可以組織不同元素之間的平衡牧抽。
5嘉熊、想靈活使用網(wǎng)格系統(tǒng),好像數(shù)學(xué)要挺好扬舒,書中最后引述了一些大自然中的比例阐肤,黃金比等等,看似自然造物讲坎,其實(shí)是有規(guī)律存在孕惜,確切的說數(shù)字規(guī)律蘊(yùn)藏其中,而網(wǎng)格系統(tǒng)恰好不謀而合晨炕。啊衫画,網(wǎng)格系統(tǒng)真?zhèn)ゴ螅∥蚁脒@本書最想表達(dá)的也是這點(diǎn)吧~~
6瓮栗、書中提供了三種網(wǎng)格系統(tǒng):8格(2X4)/20格(4X5)/32格(4X8)削罩,行間距和欄間距并不是相等的瞄勾。
擴(kuò)展引申
1、現(xiàn)在在網(wǎng)頁設(shè)計中經(jīng)常運(yùn)用到網(wǎng)格系統(tǒng)又叫柵格系統(tǒng)弥激,最佳適用場所響應(yīng)式網(wǎng)站
2进陡、欄間距和行間距對等又叫做模塊網(wǎng)格
3、欄間距和行間距必須是存在比例關(guān)系的秆撮,比如1:1 四濒,1:2 等等
4、掌握網(wǎng)格系統(tǒng)后可以建立自己的網(wǎng)格系統(tǒng)职辨,比如12可以是一個參考盗蟆,因?yàn)槭?2可以被2整除也可以被3整除,擴(kuò)展性好舒裤,當(dāng)然也有一些以8為系統(tǒng)基數(shù)喳资,理由是現(xiàn)在手機(jī)移動的普及,8這個數(shù)字可以適配大多數(shù)的手機(jī)
最后
嘗試用12X20做練習(xí)腾供,實(shí)踐過程中并不如想象中的那么簡單仆邓,會出現(xiàn)很多問題,字體大小伴鳖,圖片大小节值,最小網(wǎng)格大小,總之目前嘗試不是很理想榜聂,繼續(xù)努力