基本原则：重复 亲密 对比 对齐
亲密：距离决定亲密，通过边距实现，margin padding等来控制亲密原则
对比：让某个元素变得不一样，突出，对比
对齐
一、重复：保证页面平衡的第一个原则
只保留必须要有的，拒绝堆砌，保持克制
使用class进行复用
二、对比：希望有一个元素突出
对比：希望吸引用户注意力
三、亲密：一类的亲密，这一组有彼此相关
物理位置的接近，通过距离，组织划分，从而对页面的层次进行设置
实现组织性
四、对齐：根据某种元素对齐
亲密性：如果项彼此相关，就把它们分在一个组，建立更近的亲密性。这有助于组织信息、减少混乱、为读者提供清晰的内容结构。
对齐：页面上的任何东西都不能随意安放，每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
重复：让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小、图片等等。这样既能增加条理性，还可以加强统一性。
对比：要避免页面上的元素太过相似，如果元素不相同，那就干脆让它们截然不同。对比能让页面引人注目，也更能使页面内容结构清晰易读。