Git Product home page Git Product logo

material_design_zh's Introduction

layout title permalink
page
Readme
readme.html

Material Design 中文协同翻译

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

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


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

原文文档: http://www.google.com/design/spec/material-design/introduction.html

参与步骤(页尾有详细的过程演示)

  • fork主仓库(https://github.com/1sters/material_design_zh)
  • 按照章节(页面)认领翻译(每次申请一个章节),在下面这个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的,请参考


认领章节记录

翻译认领章节记录

校对认领章节记录


##协作过程演示

录了一个动作演示,如下 github guide

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

fork主仓库

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

初始化本地仓库

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

添加远程主仓库

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)

和远程主仓库保持更新

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

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

 iceskysls-MacBook-Pro:material_design_zh iceskysl$ git st
 On branch ing
 Changes not staged for commit:
   (use "git add <file>..." to update what will be committed)
   (use "git checkout -- <file>..." 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分支)


目录结构

├── 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

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

翻译

校对


编写规范 issue#89

常见问题

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

```html
<div class="hey">...</div>
```

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

图片太大,如何缩小 issue#57

如何添加锚点 issue#58

###视频如何处理 issue#90

material_design_zh's People

Contributors

vincent4j avatar iceskysl avatar codediving avatar poppinlp avatar com360 avatar dandiwong avatar zerolu avatar donlianggit avatar lhyqy5 avatar lightlz avatar arjinmc avatar krislq avatar jingsha avatar 7heaven avatar fortianwei avatar sisyphus60 avatar marshluca avatar thatmrl avatar huanglizhuo avatar cxytomo avatar haoxiqiang avatar terrencekhng avatar acely avatar kost- avatar

Watchers

James Cloos avatar tianzhi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.