网页排版的三要素:对齐、成组、字体
对齐
为什么要对齐?(ask me)
元素对齐之后,其对齐的一边就像被一根线穿连在了一起,一提起线,就能把所有东西拎走。也好像是有一笔直的墙撑起所有,给人安全感。
对齐的一般做法是什么?
1. 单个页面的对齐方式一般不超过两种
2. 对齐方式的顺序:先左对齐,如果有第二种对齐方式,可以选择居中对齐,切勿直接调到右对齐。不可以先居中对齐,再左对齐。一定是从左往右,或者是从右往左
成组
设置组是为了将相似或者相同属性的元素聚在一起,避免信息散乱。如同将房间内的物品归类整理之后,房间变得整齐一样。
怎么做?
1. 间距:相同属性的元素之间的间距假设设置为10px,那么不相同属性之间的元素间距就要设置为其2倍。也可以用回车来区分,单个回车代表一级间距,两个回车代表元素之间层级不同
2. 聚集:将相同属性的元素靠近安放
字体
字体的大小、形状、颜色可以表达出不同的意思。最大的字体,往往代表最高层级,加粗的字体,代表用户想要突出此文本,等等。
颜色在同一个页面最好不要超过三种色系。
举例
对齐
成组
字体
注意事项
1. 不要使用斜体
2. 使用列表时,如果出现类似「姓名:xxx」的格式,「姓名」和「:」必须加粗
3. 避免使用太多gif
4. 避免使用不规则图案