Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/1sters/material_design_zh

Material Design 中文协同翻译 - design.1sters.com
https://github.com/1sters/material_design_zh

Last synced: 7 days ago
JSON representation

Material Design 中文协同翻译 - design.1sters.com

Awesome Lists containing this project

README

        

---
layout: page
title: Readme
permalink: readme.html
---

Material Design 中文协同翻译
=============================================

**重大消息:于 2015-08-16 更新,新增 20+ 章节,发布在 **

Google I/O 2014发布的Material Design将会成为统一Android,Chrome等平台的设计语言规范,对从业人员意义重大,我们正通过互联网的方式将其翻译成中文~

我们欢迎每一个人参与进来一起翻译和校对~~

***

## 一起来参与
如果想做出贡献(翻译或者校对)的话,请加QQ群:137198122,谢谢!

原文文档:

### 参与步骤(页尾有详细的过程演示)
* fork主仓库()
* 按照章节(页面)认领翻译(每次申请一个章节),在下面这个`README.md`里找还没有被人申请的章节,写上(@你的github号),给主仓库的`master`分支提pull request;
* 提的pull request 被确认,合并到主仓库后,代表你申请的章节*占位*完成,开始翻译;
* 翻译过程请参 *翻译协作规范* ,完成翻译后提交pull request给主仓库的`master`分支;
* 校核完成后,从主仓库的`master`分支合并到主`publish`分支;
* 全部翻译完成后,生成PDF文档和网页发布;

### 翻译协作规范
为了让大家协作顺畅,需要每一个人遵循如下协作规范~

- 使用markdown进行翻译,文件名必须使用英文,因为中文的话gitbook编译的时候会出问题
- 翻译后的文档请放到SOURCE文件夹下的对应章节中,然后pull request即可,我会用gitbook编译成网页
- 工作分支为`master`,用于GitHub的pages服务
- fork过去之后新建一个分支进行翻译,完成后pull request这个分支,没问题的话我会合并到`master`分支中
- 有其他任何问题都欢迎发issue,我们看到了会尽快回复

如果不熟悉的Markdown的,请参考

-
-

***

## 认领章节记录

### 2015.07.15日更新

* Style
* Icons by [Goshin](https://github.com/goshin)

### 翻译认领章节记录

* Material Design
* [概述](SOURCE/material-design/introduction.md) - [Introduction](http://www.google.com/design/spec/material-design/introduction.html) √ by [iceskysl](https://github.com/iceskysl)
* `What is material?`
* [`环境`](SOURCE/whatis-material-design/environment.md) - [`Environment`](https://www.google.com/design/spec/what-is-material/environment.html)
* [`Material 属性`](SOURCE/whatis-material-design/material-properties.md) - [`Material properties`](https://www.google.com/design/spec/what-is-material/material-properties.html)
* [`高度和阴影`](SOURCE/whatis-material-design/elevation-shadows.md) - [`Elevation and shadows`](https://www.google.com/design/spec/what-is-material/elevation-shadows.html)
* Animation
* [真实的动作](SOURCE/animation/authentic-motion.md) - [Authentic Motion](http://www.google.com/design/spec/animation/authentic-motion.html) √ by [zhenbeiju](https://github.com/zhenbeiju)
* [交互响应](SOURCE/animation/responsive-interaction.md) - [Responsive Interaction](http://www.google.com/design/spec/animation/responsive-interaction.html) √ by [7heaven](https://github.com/7heaven)
* [有意义的转场动画](SOURCE/animation/meaningful-transitions.md) - [Meaningful Transitions](http://www.google.com/design/spec/animation/meaningful-transitions.html) √ by [Jingsha](https://github.com/jingsha)
* [打动用户的细节](SOURCE/animation/delightful-details.md) - [Delightful Details](http://www.google.com/design/spec/animation/delightful-details.html) √ by [com360](https://github.com/com360)
* Style
* [色彩](SOURCE/style/color.md) - [Color](http://www.google.com/design/spec/style/color.html) √ by [arjinmc](https://github.com/arjinmc)
* [图标](SOURCE/style/icons.md) - [Icons](http://www.google.com/design/spec/style/icons.html) 90% by [Haoxiqiang](https://github.com/haoxiqiang)(还剩一段未翻译)
* [图像](SOURCE/style/imagery.md) - [Imagery](http://www.google.com/design/spec/style/imagery.html) 85% by [lhyqy5](https://github.com/lhyqy5)(部分句子未翻译)
* [字体排版](SOURCE/style/typography.md) - [Typography](http://www.google.com/design/spec/style/typography.html) √ by [acely](https://github.com/acely)
* [`书写`](SOURCE/style/writing.md) - [`Writing`](https://www.google.com/design/spec/style/writing.html) √ by [tornoteli](https://github.com/tornoteli)
* Layout
* [准则](SOURCE/layout/layout-principles.md) - [Principles](http://www.google.com/design/spec/layout/layout-principles.html) √ by [lightlz](https://github.com/lightlz)
* [`单位和度量`](SOURCE/layout/units-measurements.md) - [`Units and measurements`](https://www.google.com/design/spec/layout/units-measurements.html)
* [度量与边框](SOURCE/layout/metrics-and-keylines.md) - [Metrics and Keylines](http://www.google.com/design/spec/layout/metrics-and-keylines.html) √ by [CodeDiving](http://github.com/codediving)
* [结构](SOURCE/layout/structure.md) - [Structure](http://www.google.com/design/spec/layout/structure.html) √ by [donlianggit](https://github.com/donlianggit)
* [`自适应 UI`](SOURCE/layout/adaptive-ui.md) - [`Adaptive UI`](https://www.google.com/design/spec/layout/adaptive-ui.html)
* Components
* [底部窗口](SOURCE/components/bottom-sheets.md) - [Bottom Sheets](http://www.google.com/design/spec/components/bottom-sheets.html) √ by [com360](https://github.com/com360)
* [按钮](SOURCE/components/buttons.md) - [Buttons](http://www.google.com/design/spec/components/buttons.html) √ by [7heaven](https://github.com/7heaven)
* [`按钮:浮动动作按钮`](SOURCE/components/buttons-floating-action-button.md) - [`Buttons: Floating Action Button`](https://www.google.com/design/spec/components/buttons-floating-action-button.html)
* [卡片](SOURCE/components/cards.md) - [Cards](http://www.google.com/design/spec/components/cards.html) √ by [ThatMrL](https://github.com/ThatMrL)
* [纸片](SOURCE/components/chips.md) - [Chips](http://www.google.com/design/spec/components/chips.html) √ by [Kris](https://github.com/krislq)
* [`数据表格`](SOURCE/components/data-tables.md) - [`Data tables`](https://www.google.com/design/spec/components/data-tables.html)
* [提示框](SOURCE/components/dialogs.md) - [Dialogs](http://www.google.com/design/spec/components/dialogs.html) √ by [Kris](https://github.com/krislq)
* [分隔线](SOURCE/components/dividers.md) - [Dividers](http://www.google.com/design/spec/components/dividers.html) √ by [Kris](https://github.com/krislq)
* [网格](SOURCE/components/grids.md) - [Grids](http://www.google.com/design/spec/components/grids.html) √ by [CodeDiving](http://github.com/codediving)
* [列表](SOURCE/components/lists.md) - [Lists](http://www.google.com/design/spec/components/lists.html) √ by [CodeDiving](http://github.com/codediving)
* [列表控制](SOURCE/components/list-controls.md) - [List controls](http://www.google.com/design/spec/components/list-controls.html) √ by [leiweibo](https://github.com/leiweibo)
* [菜单](SOURCE/components/menus.md) - [Menus](http://www.google.com/design/spec/components/menus.html) √ by [CodeDiving](http://github.com/codediving)
* [`选择器`](SOURCE/components/pickers.md) - [`Pickers`](https://www.google.com/design/spec/components/pickers.html)
* [进度和动态](SOURCE/components/progress-activity.md) - [Progress and Activity](http://www.google.com/design/spec/components/progress-activity.html) √ by [SamanthaChou](https://github.com/SamanthaChou)
* [`选择控制`](SOURCE/components/selection-controls.md) - [`Selection controls`](https://www.google.com/design/spec/components/selection-controls.html)
* [滑片](SOURCE/components/sliders.md) - [Sliders](http://www.google.com/design/spec/components/sliders.html) √ by [siton](https://github.com/siton)
* [Snackbars 与 Toasts](SOURCE/components/snackbars-and-toasts.md) - [Snackbars and Toasts](http://www.google.com/design/spec/components/snackbars-and-toasts.html) √ by [chenzimu7](https://github.com/chenzimu7)
* [副标题](SOURCE/components/subheaders.md) - [Subheaders](http://www.google.com/design/spec/components/subheaders.html) √ by [marshluca](https://github.com/marshluca)
* [开关](SOURCE/components/switches.md) - [Switches](http://www.google.com/design/spec/components/switches.html) √ by [vincent4j](https://github.com/vincent4j)
* [Tabs](SOURCE/components/tabs.md) - [Tabs](http://www.google.com/design/spec/components/tabs.html) √ by [vincent4j](https://github.com/vincent4j)
* [文本框](SOURCE/components/text-fields.md) - [Text fields](http://www.google.com/design/spec/components/text-fields.html) √ by [SamanthaChou](https://github.com/SamanthaChou)
* [工具提示](SOURCE/components/tooltips.md) - [Tooltips](http://www.google.com/design/spec/components/tooltips.html) √ by [lhyqy5](https://github.com/lhyqy5)
* Patterns
* [`App 结构`](SOURCE/patterns/app-structure.md) - [`App structure`](https://www.google.com/design/spec/patterns/app-structure.html)
* [`数据格式`](SOURCE/patterns/data-formats.md) - [`Data formats`](https://www.google.com/design/spec/patterns/data-formats.html)
* [`空状态`](SOURCE/patterns/empty-states.md) - [`Empty states`](https://www.google.com/design/spec/patterns/empty-states.html)
* [`错误`](SOURCE/patterns/errors.md) - [`Errors`](https://www.google.com/design/spec/patterns/errors.html)
* [数据格式](SOURCE/patterns/data-formats.md) - [Data formats](http://www.google.com/design/spec/patterns/data-formats.html) 100% by [IsNoFate](https://github.com/isnofate)
* [错误](SOURCE/patterns/errors.md) - [Errors](http://www.google.com/design/spec/patterns/errors.html) 100% by [IsNoFate](https://github.com/isnofate)
* [手势](SOURCE/patterns/gestures.md) - [Gestures](http://www.google.com/design/spec/patterns/gestures.html) √ by [Jingsha](https://github.com/jingsha)
* [`启动屏幕`](SOURCE/patterns/launch-screens.md) - [`Launch screens`](https://www.google.com/design/spec/patterns/launch-screens.html)
* [`加载图像`](SOURCE/patterns/loading-images.md) - [`Loading Images`](https://www.google.com/design/spec/patterns/loading-images.html)
* [抽屉式导航](SOURCE/patterns/navigation-drawer.md) - [Navigation drawer](http://www.google.com/design/spec/patterns/navigation-drawer.html) √ by [hcz017](https://github.com/hcz017)
* [`导航`](SOURCE/patterns/navigation.md) - [`Navigation`](https://www.google.com/design/spec/patterns/navigation.html)
* [`导航过渡`](SOURCE/patterns/navigational-transitions.md) - [`Navigational transitions`](https://www.google.com/design/spec/patterns/navigational-transitions.html)
* [`滚动技巧`](SOURCE/patterns/scrolling-techniques.md) - [`Scrolling techniques`](https://www.google.com/design/spec/patterns/scrolling-techniques.html)
* [搜索](SOURCE/patterns/search.md) - [Search](http://www.google.com/design/spec/patterns/search.html) √ by [lhyqy5](https://github.com/lhyqy5)
* [内容选取](SOURCE/patterns/selection.md) - [Selection](http://www.google.com/design/spec/patterns/selection.html) √ by [lhyqy5](https://github.com/lhyqy5)
* [设置](SOURCE/patterns/settings.md) - [Settings](http://www.google.com/design/spec/patterns/settings.html) √ by [ZeroLu](https://github.com/ZeroLu)
* [`刷新`](SOURCE/patterns/swipe-to-refresh.md) - [`Swipe to refresh`](https://www.google.com/design/spec/patterns/swipe-to-refresh.html) √ by [awong1900](https://github.com/awong1900)
* [促进的动作](SOURCE/patterns/promoted-actions.md) - [Promoted Actions](http://www.google.com/design/spec/patterns/promoted-actions.html) √ by [ZeroLu](https://github.com/ZeroLu)
* [影像处理](SOURCE/patterns/imagery-treatment.md) - [Imagery Treatment](http://www.google.com/design/spec/patterns/imagery-treatment.html) √ by [ZeroLu](https://github.com/ZeroLu)
* Usability
* [可达性](SOURCE/usability/accessibility.md) - [Accessibility](http://www.google.com/design/spec/usability/accessibility.html) √ by [fortianwei](https://github.com/fortianwei)
* [`双向性`](SOURCE/usability/bidirectionality.md)- [`Bidirectionality`](https://www.google.com/design/spec/usability/bidirectionality.html)
* Resources
* [调色板](SOURCE/resources/color-palettes.md) - [Color Palettes](http://www.google.com/design/spec/resources/color-palettes.html) √ by [iceskysl](https://github.com/iceskysl)
* [`设备`](SOURCE/resources/devices.md) - [`Devices`](https://www.google.com/design/spec/resources/devices.html)
* [布局模板](SOURCE/resources/layout-templates.md) - [Layout Templates](http://www.google.com/design/spec/resources/layout-templates.html) √ by [iceskysl](https://github.com/iceskysl)
* [Roboto 字体](SOURCE/resources/roboto-font.md) - [Roboto Font](http://www.google.com/design/spec/resources/roboto-font.html) √ by [iceskysl](https://github.com/iceskysl)
* [贴片集](SOURCE/resources/sticker-sheets.md) - [Sticker Sheets](http://www.google.com/design/spec/resources/sticker-sheets.html) √ by [iceskysl](https://github.com/iceskysl)
* What's new
* [`更新记录`](SOURCE/whats-new/whats-new.md) - [`What's new`](https://www.google.com/design/spec/whats-new/whats-new.html)

***
## 协作过程演示

录了一个动作演示,如下
![github guide](http://assets-1sters.qiniudn.com/github_guide.gif)

* `git st`是我设置的一个git的别名,其全称是 `git status`

### fork主仓库
打开https://github.com/1sters/material_design_zh ,fork一份自己的仓库;

### 初始化本地仓库

```sh
iceskysls-MacBook-Pro:1sters iceskysl$ git clone [email protected]:IceskYsl/material_design_zh.git
Cloning into 'material_design_zh'...
remote: Counting objects: 3, done.
remote: Compressing objects: 100% (2/2), done.
remote: Total 3 (delta 0), reused 3 (delta 0)
Receiving objects: 100% (3/3), done.
Checking connectivity... done.
iceskysls-MacBook-Pro:1sters iceskysl$ cd material_design_zh
```

### 添加远程主仓库

```sh
iceskysls-MacBook-Pro:material_design_zh iceskysl$ git remote add upstream https://github.com/1sters/material_design_zh.git
iceskysls-MacBook-Pro:material_design_zh iceskysl$ git remote -v
origin [email protected]:IceskYsl/material_design_zh.git (fetch)
origin [email protected]:IceskYsl/material_design_zh.git (push)
upstream https://github.com/1sters/material_design_zh.git (fetch)
upstream https://github.com/1sters/material_design_zh.git (push)
```
### 和远程主仓库保持更新

```sh
iceskysls-MacBook-Pro:material_design_zh iceskysl$ git fetch upstream
remote: Counting objects: 43, done.
remote: Compressing objects: 100% (33/33), done.
remote: Total 41 (delta 12), reused 32 (delta 3)
Unpacking objects: 100% (41/41), done.
From https://github.com/1sters/material_design_zh
* [new branch] master -> upstream/master
iceskysls-MacBook-Pro:material_design_zh iceskysl$ git merge upstream/master
Updating 6899552..ea46595
Fast-forward
README.md | 115 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------
SOURCE/SUMMARY.md | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 119 insertions(+), 47 deletions(-)
create mode 100644 SOURCE/SUMMARY.md
```

### 推送本地修改到自己的远端仓库

```sh
iceskysls-MacBook-Pro:material_design_zh iceskysl$ git st
On branch ing
Changes not staged for commit:
(use "git add ..." to update what will be committed)
(use "git checkout -- ..." to discard changes in working directory)

modified: README.md

no changes added to commit (use "git add" and/or "git commit -a")

iceskysls-MacBook-Pro:material_design_zh iceskysl$ git add .
iceskysls-MacBook-Pro:material_design_zh iceskysl$ git commit -m "完成规范编写"

iceskysls-MacBook-Pro:material_design_zh iceskysl$ git push origin master
Counting objects: 46, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (39/39), done.
Writing objects: 100% (44/44), 7.50 KiB | 0 bytes/s, done.
Total 44 (delta 13), reused 0 (delta 0)
To [email protected]:IceskYsl/material_design_zh.git
* [new branch] master -> master
```

### 发Pull Request

推送自己的远端仓库(master分支)到主仓库(master分支)

***

## 目录结构
```sh
├── README.md
├── SUMMARY.md
├── cover.jpg
├── cover_small.jpg
├── material-design
│ ├── images
│ │ ├── materialdesign-goals-cutrectangles_large_mdpi.png
│ │ ├── materialdesign-goals-landingimage_large_mdpi.png
│ │ ├── materialdesign-goals-swirlanddot_large_mdpi.png
│ │ ├── materialdesign-principles-circleplus_large_mdpi.png
│ │ ├── materialdesign-principles-flyingsquare_large_mdpi.png
│ │ └── materialdesign-principles-layersquares_large_mdpi.png
│ └── introduction.md
├── animation
│ ├── authentic-motion.md
│ ├── delightful-details.md
│ ├── meaningful-transitions.md
│ └── responsive-interaction.md
├── style
│ ├── color.md
│ ├── icons.md
│ ├── imagery.md
│ └── typography.md
├── layout
│ ├── layout-principles.md
│ ├── metrics-and-keylines.md
│ └── structure.md
├── components
│ ├── bottom-sheets.md
│ ├── buttons.md
│ ├── cards.md
│ ├── chips-tokens.md
│ ├── dialogs.md
│ ├── dividers.md
│ ├── grids.md
│ ├── list-controls.md
│ ├── lists.md
│ ├── menus.md
│ ├── progress-activity.md
│ ├── sliders.md
│ ├── snackbars-and-toasts.md
│ ├── subheaders.md
│ ├── switches.md
│ ├── tabs.md
│ ├── text-fields.md
│ └── tooltips.md
├── patterns
│ ├── gestures.md
│ ├── imagery-treatment.md
│ ├── promoted-actions.md
│ ├── search.md
│ ├── selection.md
│ └── settings.md
└── usability
└── accessibility.md
├── resources
│ ├── color-palettes.md
│ ├── layout-templates.md
│ ├── roboto-font.md
│ └── sticker-sheets.md
```

***

## 参与者(按认领章节排序)

### 翻译

- [iceskysl](https://github.com/iceskysl)
- [zhenbeiju](https://github.com/zhenbeiju)
- [7heaven](https://github.com/7heaven)
- [Jingsha](https://github.com/jingsha)
- [com360](https://github.com/com360)
- [arjinmc](https://github.com/arjinmc)
- [acely](https://github.com/acely)
- [Haoxiqiang](https://github.com/haoxiqiang)
- [lhyqy5](https://github.com/lhyqy5)
- [lightlz](https://github.com/lightlz)
- [CodeDiving](http://github.com/codediving)
- [donlianggit](https://github.com/donlianggit)
- [ThatMrL](https://github.com/ThatMrL)
- [Kris](https://github.com/krislq)
- [leiweibo](https://github.com/leiweibo)
- [SamanthaChou](https://github.com/SamanthaChou)
- [siton](https://github.com/siton)
- [chenzimu7](https://github.com/chenzimu7)
- [marshluca](https://github.com/marshluca)
- [vincent4j](https://github.com/vincent4j)
- [ZeroLu](https://github.com/ZeroLu)
- [fortianwei](https://github.com/fortianwei)

### 校对

- [siton](https://github.com/siton)
- [iceskysl](https://github.com/iceskysl)
- [KongZhen](https://github.com/KongZhen)
- [poppinlp](https://github.com/poppinlp)
- [chenyusi](https://github.com/chenyusi)
- [cxytomo](https://github.com/cxytomo)
- [Jingsha](https://github.com/jingsha)
- [miaoiyy](https://github.com/miaoiyy)
- [xianglifei](https://github.com/xianglifei)
- [huanglizhuo](https://github.com/huanglizhuo)
- [K0ST](https://github.com/K0ST)
- [sisyphus60](https://github.com/sisyphus60)
- [hyaocuk](https://github.com/hyaocuk)
- [vincent4j](https://github.com/vincent4j)

***

## 编写规范 [issue#89](https://github.com/1sters/material_design_zh/issues/89)

## 常见问题

### 代码如何处理
使用markdown的代码规范处理,如

\`\`\`html
\

...\

\`\`\`

### 图片如何处理
在章(如components)下创建`images`目录,将图片原文件名(如materialdesign-goals-cutrectangles_large_mdpi.png)存到该目录下,然后在文档中这样调用
`![ALT文字](images/materialdesign-goals-landingimage_large_mdpi.png)`

### 图片太大,如何缩小 [issue#57](https://github.com/1sters/material_design_zh/issues/57)

### 如何添加锚点 [issue#58](https://github.com/1sters/material_design_zh/issues/58)

### 视频如何处理 [issue#90](https://github.com/1sters/material_design_zh/issues/90)