Merge branch 'new-design-language' of https://github.com/ant-design/ant-design into new-design-language

pull/1196/merge
hi-caicai 9 years ago
commit ff1d507d77

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

@ -1,6 +1,6 @@
# 色彩 # 色彩
- category: 基础 - category: 设计基础
- order: 2 - order: 2
--- ---

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

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

@ -1,6 +1,6 @@
# 字体 # 字体
- category: 基础 - category: 设计基础
- order: 0 - order: 0
--- ---

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

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

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

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

@ -1,6 +1,6 @@
# 即时反应 # 即时反应
- category: 设计原则 - category: 十大原则
- order: 10 - order: 10
- subtitle: React Immediately - subtitle: React Immediately

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

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

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

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

Loading…
Cancel
Save