網(wǎng)頁排版的三要素:對齊汤踏、成組织鲸、字體
對齊
為什么要對齊?(ask me)
元素對齊之后溪胶,其對齊的一邊就像被一根線穿連在了一起搂擦,一提起線,就能把所有東西拎走哗脖。也好像是有一筆直的墻撐起所有瀑踢,給人安全感。
對齊的一般做法是什么才避?
1. 單個頁面的對齊方式一般不超過兩種
2. 對齊方式的順序:先左對齊橱夭,如果有第二種對齊方式,可以選擇居中對齊桑逝,切勿直接調(diào)到右對齊徘钥。不可以先居中對齊,再左對齊肢娘。一定是從左往右呈础,或者是從右往左
成組
設(shè)置組是為了將相似或者相同屬性的元素聚在一起,避免信息散亂橱健。如同將房間內(nèi)的物品歸類整理之后而钞,房間變得整齊一樣拘荡。
怎么做臼节?
1. 間距:相同屬性的元素之間的間距假設(shè)設(shè)置為10px,那么不相同屬性之間的元素間距就要設(shè)置為其2倍。也可以用回車來區(qū)分巨税,單個回車代表一級間距,兩個回車代表元素之間層級不同
2. 聚集:將相同屬性的元素靠近安放
字體
字體的大小粉臊、形狀扼仲、顏色可以表達(dá)出不同的意思驰后。最大的字體矗愧,往往代表最高層級灶芝,加粗的字體夜涕,代表用戶想要突出此文本,等等纽哥。
顏色在同一個頁面最好不要超過三種色系钠乏。
舉例
對齊
成組
字體
注意事項
1. 不要使用斜體
2. 使用列表時栖秕,如果出現(xiàn)類似「姓名:xxx」的格式春塌,「姓名」和「:」必須加粗
3. 避免使用太多gif
4. 避免使用不規(guī)則圖案