Add pictures

docs/spec/alignment.md

@@ -23,7 +23,7 @@
 
 冒号对齐（右对齐）能让内容锁定在一定范围内，让用户眼球顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率。
 
-更多对齐方式，请查看『模式』-『表单』-『规格』-『对齐方式』。
+更多对齐方式，请查看[『模式』-『表单』-『规格』-『对齐方式』](../pattern/form#对齐方式)。
 
 ## 数字类对齐
 

docs/spec/feature.md

-# 特性
+# 三大特性
 
 - category: 1
 - order: 1
@@ -13,7 +13,7 @@ Ant Design 是一个致力于提升『用户』和『设计者』使用体验的
 
 在中台设计中，我们模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界，将进行体验设计和界面设计人员统称为『设计者』，并为其提供一系列工具和服务来支持他们进行业务创新。
 
-## 三大特性
+## 特性
 
 <div style="margin-left:-40px;margin-right:-40px;">
   <div class="col-8 features">
@@ -48,13 +48,19 @@ Ant Design 是一个致力于提升『用户』和『设计者』使用体验的
 
 ### 微创新
 
-<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
+<img class="preview-img" noPadding align="right" alt="数值输入框示例" description="鼠标『悬停』时，可点击区域会放大。" src="https://os.alipayobjects.com/rmsportal/GGXdyrOtvUtOKXe.png">
+
+<img class="preview-img" noPadding align="right" alt="分页示例" description="鼠标点击省略符，可以实现批量切换。" src="https://os.alipayobjects.com/rmsportal/UEYPnVhQsOjytSa.png">
+
+<img class="preview-img" align="right" alt="字数校验框示例" description="使用颜色和下划线标注超出的文案，系统即时反应，以便用户进行调整。" src="https://os.alipayobjects.com/rmsportal/ziTMevqClLTYagX.png">
 
 『不同』不一定『更好』，但是『更好』一定『不同』。不断追求细节上的『更好』，使得我们的组件和同类产品都不一样，自然而然的『不同』。
 
 ### 集成创新
 
-<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
+<img class="preview-img" align="right" alt="填空示例" description="组合了标签和输入项，可以帮助用户理解当前的状况，以及需要提供什么数据。" src="https://os.alipayobjects.com/rmsportal/RGFMJRSgCAVCKOl.png">
+
+<img class="preview-img" align="right" alt="带图表的表格" description="组合了 Table 和 Chart ，鼠标『悬停』时展现更多详情内容。" src="https://os.alipayobjects.com/rmsportal/hjHOMRIbvIUUBXS.png">
 
 选择合适的组件进行组合和集成，形成优势互补的创新过程，来满足多变的业务需求。
 
@@ -64,13 +70,19 @@ Ant Design 是一个致力于提升『用户』和『设计者』使用体验的
 
 ### 面向对象的方法
 
-<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
+<img class="preview-img" align="right" alt="色值换算工具示例" description="定义『原色』后，用『加黑』和『加白』的方式快速、科学的得出 Normal、Hover 等多个『状态色』。" src="https://os.alipayobjects.com/rmsportal/MqsXoBBSDmoEDqn.png">
+
+<img class="preview-img" align="right" alt="排版规则示例" description="运用『亲密性』原则，只需定义 n 的值，就可以得出确定的间距。" src="https://os.alipayobjects.com/rmsportal/WNEbRORxzEvvFKy.png">
+
+<img class="preview-img" noPadding align="right" alt="操作反馈 - 正确示例" description="将可被通用的文案抽象成『确定』、『操作』等通用术语，集中进行调用和维护。虽然『用户』体验 -1 分，但是『设计者』体验 +5 分。" good src="https://os.alipayobjects.com/rmsportal/rtbYGKfPOpWRJID.png">
+
+<img class="preview-img" noPadding align="right" alt="操作反馈 - 错误示例" bad description="这是体验更好的反馈方式，但是对『设计者』来说是灾难。因为这些『删除』文案只能通过人肉维护，难免产生遗漏和错别字，增大了系统的不确定性，这在多人合作和需求变更时尤为明显。" src="https://os.alipayobjects.com/rmsportal/OWLtvGCGmqawyPt.png">
 
 探索设计规律，并将其抽象成『对象』，增强界面设计的灵活性和可维护性，同时也减少『设计者』的主观干扰，从而降低系统的不确定性。
 
 ### 通俗科学的规则
 
-详见『十大原则』。
+详见[『十大原则』](./principle)。
 
 ---
 
@@ -78,7 +90,7 @@ Ant Design 是一个致力于提升『用户』和『设计者』使用体验的
 
 ### 用户的幸福
 
-<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
+<img class="preview-img" noPadding align="right" alt="用户的幸福示例" description="想了解更多内容，可阅读唐纳德•A•诺曼所著的 《设计心理学 3》。" src="https://os.alipayobjects.com/rmsportal/teEHEjczcyAqMHR.png">
 
 漂亮的组件、精致的排版、流畅的动画等的元素，使用户在『本能层次』中产生积极反应；
 
@@ -88,7 +100,7 @@ Ant Design 是一个致力于提升『用户』和『设计者』使用体验的
 
 ### 设计者的幸福
 
-<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
+<img class="preview-img" noPadding align="right" alt="设计者的幸福示例" description="Ant Design 无法保证业务产品能否成功，但是能帮助业务产品『正确的成功』或者『正确的失败』。" src="https://os.alipayobjects.com/rmsportal/pdOFnnzyfDIAsjE.png">
 
 从『无』到『有』时，提供一整套设计解决方案，帮助『设计者』将商业想法快速形成产品并推向市场，快速、低成本试错。