update docs

docs/spec/alignment.md

 # 对齐
 
-- category: 设计原则
+- category: 十大原则
 - order: 2
 - subtitle: Alignment
 

docs/spec/colors.md

 # 色彩
 
-- category: 基础
+- category: 设计基础
 - order: 2
 
 ---

docs/spec/contrast.md

 # 对比
 
-- category: 设计原则
+- category: 十大原则
 - order: 3
 - subtitle: Contrast
 

docs/spec/direct.md

 # 直截了当
 
-- category: 设计原则
+- category: 十大原则
 - order: 5
 - subtitle: Make it Direct
 

docs/spec/font.md

 # 字体
 
-- category: 基础
+- category: 设计基础
 - order: 0
 
 ---

docs/spec/invitation.md

 # 提供邀请
 
-- category: 设计原则
+- category: 十大原则
 - order: 8
 - subtitle: Provide Invitation
 

docs/spec/lightweight.md

 # 简化交互
 
-- category: 设计原则
+- category: 十大原则
 - order: 6
 - subtitle: Keep it Lightweight
 

docs/spec/principle.md

-# 十大原则
+# 引言
 
-- category: 设计原则
+- category: 十大原则
 - order: 0
 
 ---
@@ -12,14 +12,6 @@
 > 注：设计原则是对具象设计的抽象和总结，然而产品是一个整体，用户对整个产品的认知也是从全局到局部，所以忽略全局，只在局部套用原则是不可取的。对于这些原则，『设计者』应当理性地学会它，而后勇敢地抛弃它。
 
 <div class="resource-cards">
-<a target="_blank" href="http://book.douban.com/subject/3821157/" class="resource-card">
-  <img src="https://os.alipayobjects.com/rmsportal/CoojVXLtoWrUSmI.png">
-  <span class="resource-card-content">
-    <span class="resource-card-title">Web 界面设计</span>
-    <span class="resource-card-description">作者: Bill Scott / Theresa Neil</span>
-    <span class="resource-card-description">出版社: 电子工业出版社</span>
-  </span>
-</a>
 <a target="_blank" href="http://book.douban.com/subject/3323633/" class="resource-card">
   <img src="https://os.alipayobjects.com/rmsportal/SNdJVyZaZwdwJmr.png">
   <span class="resource-card-content">
@@ -28,6 +20,14 @@
     <span class="resource-card-description">出版社: 人民邮电出版社</span>
   </span>
 </a>
+<a target="_blank" href="http://book.douban.com/subject/3821157/" class="resource-card">
+  <img src="https://os.alipayobjects.com/rmsportal/CoojVXLtoWrUSmI.png">
+  <span class="resource-card-content">
+    <span class="resource-card-title">Web 界面设计</span>
+    <span class="resource-card-description">作者: Bill Scott / Theresa Neil</span>
+    <span class="resource-card-description">出版社: 电子工业出版社</span>
+  </span>
+</a>
 </div>
 
 #### 中台十大设计原则

docs/spec/proximity.md

 # 亲密性
 
-- category: 设计原则
+- category: 十大原则
 - order: 1
 - subtitle: Proximity
 
 ---
 
-『物理位置的接近意味着存在关联』，也就是说如果信息之间关联性越高，它们之间的距离越接近，也越像一个视觉单元；反之，则它们的距离越远，越像多个视觉单元。亲密性的根本目的是实现**组织性**，让用户对页面结构和信息层次一目了然。
+『物理位置的接近意味着存在关联』，也就是说如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现**组织性**，让用户对页面结构和信息层次一目了然。
 
 ## 纵向间距关系
 

docs/spec/reaction.md

 # 即时反应
 
-- category: 设计原则
+- category: 十大原则
 - order: 10
 - subtitle: Stay in the Page
 

docs/spec/repetition.md

 # 重复
 
-- category: 设计原则
+- category: 十大原则
 - order: 4
 - subtitle: Repetition
 

docs/spec/stay.md

 # 足不出户
 
-- category: 设计原则
+- category: 十大原则
 - order: 6
 - subtitle: Stay in the Page
 

docs/spec/transition.md

 # 巧用过渡
 
-- category: 设计原则
+- category: 十大原则
 - order: 9
 - subtitle: Use Transition
 

docs/spec/typography.md

 # 排版
 
-- category: 基础
+- category: 设计基础
 - order: 1
 
 ---