Skip to content

Commit

Permalink
校对
Browse files Browse the repository at this point in the history
校对Do\Don't
  • Loading branch information
twq0076262 committed Sep 22, 2015
1 parent 584b0de commit e4870bf
Show file tree
Hide file tree
Showing 26 changed files with 391 additions and 309 deletions.
130 changes: 65 additions & 65 deletions TOC.md
Original file line number Diff line number Diff line change
@@ -1,75 +1,75 @@
- Material Design
- [概述](material-design-intro/introduction.md)
- [概述](material-design/material-design-intro/introduction.md)
- 什么是 Material
- [环境](whatis-material-design/environment.md)
- [Material 属性](whatis-material-design/material-properties.md)
- [高度和阴影](whatis-material-design/elevation-shadows.md)
- [环境](material-design/whatis-material-design/environment.md)
- [Material 属性](material-design/whatis-material-design/material-properties.md)
- [高度和阴影](material-design/whatis-material-design/elevation-shadows.md)
- 动画
- [真实的动作](animation/authentic-motion.md)
- [响应式交互](animation/responsive-interaction.md)
- [有意义的转场动画](animation/meaningful-transitions.md)
- [打动用户的细节](animation/delightful-details.md)
- [真实的动作](material-design/animation/authentic-motion.md)
- [响应式交互](material-design/animation/responsive-interaction.md)
- [有意义的转场动画](material-design/animation/meaningful-transitions.md)
- [打动用户的细节](material-design/animation/delightful-details.md)
- 样式
- [色彩](style/color.md)
- [字体排版](style/typography.md)
- [图标](style/icons.md)
- [图像](style/imagery.md)
- [书写](style/writing.md)
- [色彩](material-design/style/color.md)
- [字体排版](material-design/style/typography.md)
- [图标](material-design/style/icons.md)
- [图像](material-design/style/imagery.md)
- [书写](material-design/style/writing.md)
- 布局
- [准则](layout/layout-principles.md)
- [单位和度量](layout/units-measurements.md)
- [度量与边框](layout/metrics-and-keylines.md)
- [结构](layout/structure.md)
- [自适应 UI](layout/adaptive-ui.md)
- [准则](material-design/layout/layout-principles.md)
- [单位和度量](material-design/layout/units-measurements.md)
- [度量与边框](material-design/layout/metrics-and-keylines.md)
- [结构](material-design/layout/structure.md)
- [自适应 UI](material-design/layout/adaptive-ui.md)
- 组件
- [底部动作条](components/bottom-sheets.md)
- [按钮](components/buttons.md)
- [按钮:浮动操作按钮](components/buttons-floating-action-button.md)
- [卡片](components/cards.md)
- [纸片](components/chips.md)
- [数据表格](components/data-tables.md)
- [提示框](components/dialogs.md)
- [分隔线](components/dividers.md)
- [网格](components/grids.md)
- [列表](components/lists.md)
- [列表控制](components/list-controls.md)
- [菜单](components/menus.md)
- [选择器](components/pickers.md)
- [进度和动态](components/progress-activity.md)
- [选择控制](components/selection-controls.md)
- [滑块](components/sliders.md)
- [Snackbars 与 Toasts](components/snackbars-and-toasts.md)
- [副标题](components/subheaders.md)
- [开关](components/switches.md)
- [Tabs](components/tabs.md)
- [文本框](components/text-fields.md)
- [工具提示](components/tooltips.md)
- [底部动作条](material-design/components/bottom-sheets.md)
- [按钮](material-design/components/buttons.md)
- [按钮:浮动操作按钮](material-design/components/buttons-floating-action-button.md)
- [卡片](material-design/components/cards.md)
- [纸片](material-design/components/chips.md)
- [数据表格](material-design/components/data-tables.md)
- [提示框](material-design/components/dialogs.md)
- [分隔线](material-design/components/dividers.md)
- [网格](material-design/components/grids.md)
- [列表](material-design/components/lists.md)
- [列表控制](material-design/components/list-controls.md)
- [菜单](material-design/components/menus.md)
- [选择器](material-design/components/pickers.md)
- [进度和动态](material-design/components/progress-activity.md)
- [选择控制](material-design/components/selection-controls.md)
- [滑块](material-design/components/sliders.md)
- [Snackbars 与 Toasts](material-design/components/snackbars-and-toasts.md)
- [副标题](material-design/components/subheaders.md)
- [开关](material-design/components/switches.md)
- [Tabs](material-design/components/tabs.md)
- [文本框](material-design/components/text-fields.md)
- [工具提示](material-design/components/tooltips.md)
- 模式
- [App 结构](patterns/app-structure.md)
- [数据格式](patterns/data-formats.md)
- [空状态](patterns/empty-states.md)
- [错误](patterns/errors.md)
- [内容选取](patterns/selection.md)
- [手势](patterns/gestures.md)
- [启动屏幕](patterns/launch-screens.md)
- [加载图像](patterns/loading-images.md)
- [抽屉式导航](patterns/navigation-drawer.md)
- [导航](patterns/navigation.md)
- [导航过渡](patterns/navigational-transitions.md)
- [滚动技巧](patterns/scrolling-techniques.md)
- [改进的操作](patterns/promoted-actions.md)
- [设置](patterns/settings.md)
- [影像处理](patterns/imagery-treatment.md)
- [搜索](patterns/search.md)
- [刷新](patterns/swipe-to-refresh.md)
- [App 结构](material-design/patterns/app-structure.md)
- [数据格式](material-design/patterns/data-formats.md)
- [空状态](material-design/patterns/empty-states.md)
- [错误](material-design/patterns/errors.md)
- [内容选取](material-design/patterns/selection.md)
- [手势](material-design/patterns/gestures.md)
- [启动屏幕](material-design/patterns/launch-screens.md)
- [加载图像](material-design/patterns/loading-images.md)
- [抽屉式导航](material-design/patterns/navigation-drawer.md)
- [导航](material-design/patterns/navigation.md)
- [导航过渡](material-design/patterns/navigational-transitions.md)
- [滚动技巧](material-design/patterns/scrolling-techniques.md)
- [改进的操作](material-design/patterns/promoted-actions.md)
- [设置](material-design/patterns/settings.md)
- [影像处理](material-design/patterns/imagery-treatment.md)
- [搜索](material-design/patterns/search.md)
- [刷新](material-design/patterns/swipe-to-refresh.md)
- 可用性
- [可达性](usability/accessibility.md)
- [双向性](usability/bidirectionality.md)
- [可达性](material-design/usability/accessibility.md)
- [双向性](material-design/usability/bidirectionality.md)
- 资源
- [布局模板](resources/layout-templates.md)
- [设备](resources/devices.md)
- [贴片集](resources/sticker-sheets.md)
- [Roboto 字体](resources/roboto-font.md)
- [调色板](resources/color-palettes.md)
- [布局模板](material-design/resources/layout-templates.md)
- [设备](material-design/resources/devices.md)
- [贴片集](material-design/resources/sticker-sheets.md)
- [Roboto 字体](material-design/resources/roboto-font.md)
- [调色板](material-design/resources/color-palettes.md)
- What’s New
- [更新记录](whats-new/whats-new.md)
- [更新记录](material-design/whats-new/whats-new.md)
8 changes: 4 additions & 4 deletions material-design/animation/authentic-motion.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,13 @@
</video>


:迅速的加速和平滑的减速会感到自然和愉快
<p> <font color="green">⬆️正确:迅速的加速和平滑的减速会感到自然和愉快</font></p>

<video crossorigin="anonymous" loop controls width="740" height="350">
<source src="http://materialdesign.qiniudn.com/videos/animation-authenticmotion-massandweight-do.mp4">
</video>

不要:线性动作会感到机械,在结束和开始的时候生硬的速度变化意味着物体突然开始运动或停止,这是不贴合现实的。
<p> <font color="red">⬆️错误:线性动作会感到机械,在结束和开始的时候生硬的速度变化意味着物体突然开始运动或停止,这是不贴合现实的。</font></p>


#### 特殊情况:进入和退出的场景
Expand All @@ -34,13 +34,13 @@
<source src="http://materialdesign.qiniudn.com/videos/animation-authenticmotion-massandweight-linear.mp4">
</video>

:小球在最大的速度下进入和退出场景,创造了一个确信的过渡效果。
<p> <font color="green">⬆️正确:小球在最大的速度下进入和退出场景,创造了一个确信的过渡效果。</font></p>

<video crossorigin="anonymous" loop controls width="740" height="350">
<source src="http://materialdesign.qiniudn.com/videos/animation-authenticmotion-massandweight-dont.mp4">
</video>

不要:快速进入和缓慢离开,不要让用户因速度变化转移注意力。
<p> <font color="red">⬆️错误:快速进入和缓慢离开,不要让用户因速度变化转移注意力。</font></p>

### 需要做的调整(Making adjustments)

Expand Down
8 changes: 4 additions & 4 deletions material-design/animation/meaningful-transitions.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,13 +39,13 @@
<video crossorigin="anonymous" loop controls width="622" height="360">
<source src="http://materialdesign.qiniudn.com/videos/meaningfultransitions-visualcontinuity2_large_xhdpi.webm" type="video/webm">
</video>
****
<p> <font color="green">⬆️正确</font></p>
恰当的时候使用纸片叠加方式。一般情况下,新入的纸片元素应当滑入视线。但字体元素(ink element)除外,他们应该以淡入的方式出现。不提倡全屏的淡入淡出,但也比瞬间切屏要好。

<video crossorigin="anonymous" loop controls width="622" height="360">
<source src="http://materialdesign.qiniudn.com/videos/meaningfultransitions-visualcontinuity1_large_xhdpi.webm" type="video/webm">
</video>
**不要**
<p> <font color="red">⬆️错误</font></p>
避免瞬间切屏(hard cut)。瞬间切屏过于突兀,并且会导致用户很难理解这个转场。

## 有层次的时序
Expand All @@ -59,13 +59,13 @@
<video crossorigin="anonymous" loop controls width="255" height="150">
<source src="http://materialdesign.qiniudn.com/videos/animation-meaningfultransitions-hierarchicaltiming4do_large_xhdpi.webm" type="video/webm">
</video>
****
<p> <font color="green">⬆️正确</font></p>
用递次的动画引导用户注意力。

<video crossorigin="anonymous" loop controls width="255" height="150">
<source src="http://materialdesign.qiniudn.com/videos/animation-meaningfultransitions-hierarchicaltiming1dont_large_xhdpi.webm" type="video/webm">
</video>
**不要**
<p> <font color="red">⬆️错误</font></p>
所有元素同时变动的话会使得重要的内容无法突出展示。如果所有元素都同样重要(你确定会发生这种情况的话),可以考虑采用更高层级的动画,使这些元素成组的显示。

## 连贯的编排
Expand Down
4 changes: 2 additions & 2 deletions material-design/animation/responsive-interaction.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,14 +62,14 @@
<source src="http://materialdesign.qiniudn.com/videos/animation-responsiveinteraction-materialresponse-PointOfOrigin_DO_003.mp4">
</video>

<p> <font color="green">⬆️正确</font></p>
元素从触控点展开时,通过视觉效果将元素与触控点联系起来。

<video crossorigin="anonymous" loop controls width=“” height="">
<source src="http://materialdesign.qiniudn.com/videos/animation-responsiveinteraction-materialresponse-PointOfOrigin_DONT_003.mp4">
</video>

不要
<p> <font color="red">⬆️错误</font></p>
卡片元素从屏幕正中央出现,用户无法把触控点与卡片元素联系起来。


Expand Down
44 changes: 21 additions & 23 deletions material-design/components/buttons-floating-action-button.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,29 +52,29 @@

<img src="../images/6_5.png" alt="" width=240 height=426 />

正确:主要操作是在画廊里触摸图片,所以不需要任何按钮。
<p> <font color="green">⬆️正确:主要操作是在画廊里触摸图片,所以不需要任何按钮。</font></p>

<img src="../images/6_6.png" alt="" width=240 height=426 />

正确:主要操作是添加文件夹。
<p> <font color="green">⬆️正确:主要操作是添加文件夹。</font></p>

一个屏幕只推荐使用一个浮动操作按钮来增加其显著性。它应该只代表最常见的操作。

<img src="../images/6_7.png" alt="" width=240 height=426 />

错误
<p> <font color="red">⬆️错误</font></p>

<img src="../images/6_8.png" alt="" width=240 height=426 />

错误
<p> <font color="red">⬆️错误</font></p>

### 特性

用浮动操作按钮进行积极的操作,如创建、收藏、分享、浏览和探索。

![](../images/6_9.png)

正确
<p> <font color="green">⬆️正确</font></p>

避免用浮动操作按钮进行下面这些轻微破坏性操作:
- 存档或删除
Expand All @@ -87,27 +87,27 @@

![](../images/6_10.png)

错误
<p> <font color="red">⬆️错误</font></p>

APP 主要操作的图案强制使用圆形图标

<img src="../images/6_11.png" alt="" width=240 height=171 />

正确
<p> <font color="green">⬆️正确</font></p>

<img src="../images/6_12.png" alt="" width=240 height=171 />

错误
<p> <font color="red">⬆️错误</font></p>

不要给浮动操作按钮额外的维度。

<img src="../images/6_13.png" alt="" width=240 height=171 />

正确
<p> <font color="green">⬆️正确</font></p>

<img src="../images/6_13.png" alt="" width=240 height=171 />

错误
<p> <font color="red">⬆️错误</font></p>


## 运行方式
Expand All @@ -134,28 +134,28 @@ APP 主要操作的图案强制使用圆形图标
<source src="http://materialdesign.qiniudn.com/videos/components-buttons-fab-behavior_03_xhdpi_001.mp4">
</video>

正确
<p> <font color="green">⬆️正确</font></p>

<video crossorigin="anonymous" loop controls width="760" height="350">
<source src="http://materialdesign.qiniudn.com/videos/components-buttons-fab-behavior_04_xhdpi_009.mp4">
</video>


正确
<p> <font color="green">⬆️正确</font></p>

对于带有标签的屏幕,浮动操作按钮不应朝着屏幕退出时的同一方向退出屏幕。否则会导致视觉噪音。这也将导致在屏幕上出现一个失灵的浮动操作按钮。此外,它错误地暗示了浮动操作按钮与内容在相同的 Z 水平高度上,而不是在根水平高度中 UI 主元素所在的水平高度的上。

<video crossorigin="anonymous" loop controls width="760" height="350">
<source src="http://materialdesign.qiniudn.com/videos/components-buttons-fab-behavior_05_xhdpi_009.mp4">
</video>

错误
<p> <font color="red">⬆️错误</font></p>

<video crossorigin="anonymous" loop controls width="760" height="350">
<source src="http://materialdesign.qiniudn.com/videos/components-buttons-fab-behavior_06_xhdpi_009.mp4">
</video>

错误
<p> <font color="red">⬆️错误</font></p>

## 过渡

Expand Down Expand Up @@ -217,11 +217,11 @@ App 通常使用一个单一的浮动操作按钮。然而,本例使用了两

![](../images/6_15.png)

正确:在这个例子中,按钮可以让用户选择媒体类型来添加。
<p> <font color="green">⬆️正确:在这个例子中,按钮可以让用户选择媒体类型来添加。</font></p>

![](../images/6_16.png)

错误:不要包括不相关或者混乱不清的操作。
<p> <font color="red">⬆️错误:不要包括不相关或者混乱不清的操作。</font></p>

### 快速拨号

Expand Down Expand Up @@ -361,30 +361,28 @@ App 通常使用一个单一的浮动操作按钮。然而,本例使用了两

<img src="../images/6_29.png" alt="" width=380 height=285 />

正确
<p> <font color="green">⬆️正确</font></p>

浮动操作按钮可以被附属到单页中的一个工具栏或者结构化元素(只要没有阻碍其他元素)。

<img src="../images/6_30.png" alt="" width=380 height=285 />

正确
<p> <font color="green">⬆️正确</font></p>

浮动操作按钮可以被附属到一个单页的边缘。

<img src="../images/6_31.png" alt="" width=380 height=285 />

正确
<p> <font color="green">⬆️正确</font></p>

单个屏幕上不要多与一个浮动操作按钮。

<img src="../images/6_32.png" alt="" width=380 height=285 />

错误
<p> <font color="red">⬆️错误</font></p>

不要将浮动操作按钮与屏幕上的每个元素都联系起来。

<img src="../images/6_33.png" alt="" width=380 height=285 />

错误


<p> <font color="red">⬆️错误</font></p>
Loading

0 comments on commit e4870bf

Please sign in to comment.