界面设计的基本原则

基本原则：重复 亲密 对比 对齐

亲密：距离决定亲密，通过边距实现，margin padding等来控制亲密原则

对比：让某个元素变得不一样，突出，对比

对齐

一、重复：保证页面平衡的第一个原则

只保留必须要有的，拒绝堆砌，保持克制

使用class进行复用

二、对比：希望有一个元素突出

 对比：希望吸引用户注意力

三、亲密：一类的亲密，这一组有彼此相关

物理位置的接近，通过距离，组织划分，从而对页面的层次进行设置

实现组织性

四、对齐：根据某种元素对齐

亲密性：如果项彼此相关，就把它们分在一个组，建立更近的亲密性。这有助于组织信息、减少混乱、为读者提供清晰的内容结构。

对齐：页面上的任何东西都不能随意安放，每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

重复：让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小、图片等等。这样既能增加条理性，还可以加强统一性。

对比：要避免页面上的元素太过相似，如果元素不相同，那就干脆让它们截然不同。对比能让页面引人注目，也更能使页面内容结构清晰易读。