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: 2 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)