Merge pull request arco-design#72 from arco-design/pjy/docs-spec-59

docs: fix values-of-arcodesign

package.json

@@ -11,12 +11,12 @@
     "git": "git add .",
     "start": "concurrently npm:dev npm:dev:site",
     "build:dist": "arco-scripts build:component:dist",
-    "build:dist:dev": "BUILD_ENV_MODE=development BUILD_ENV_DIST_FILENAME_JS=arco.development.js arco-scripts build:component:dist",
+    "build:dist:dev": "cross-env BUILD_ENV_MODE=development BUILD_ENV_DIST_FILENAME_JS=arco.development.js arco-scripts build:component:dist",
     "build:icon": "arco-scripts build:icon",
     "build:es": "arco-scripts build:component:es",
     "build:cjs": "arco-scripts build:component:cjs",
     "build:css": "arco-scripts build:component:css",
-    "build:css:dev": "BUILD_ENV_MODE=development BUILD_ENV_DIST_FILENAME_CSS=arco.css arco-scripts build:component:css",
+    "build:css:dev": "cross-env BUILD_ENV_MODE=development BUILD_ENV_DIST_FILENAME_CSS=arco.css arco-scripts build:component:css",
     "build:css:vars": "node ./scripts/css-variables.js",
     "build": "arco-scripts build:component && npm run build:dist:dev && npm run build:css:dev",
     "dev": "arco-scripts dev:component",
@@ -28,7 +28,7 @@
     "stylelint": "stylelint 'components/**/*.less' --fix --cache",
     "test:client": "arco-scripts test:client",
     "test:node": "arco-scripts test:node",
-    "test": "NODE_ENV=test npm-run-all build:cjs test:client test:node",
+    "test": "cross-env NODE_ENV=test npm-run-all build:cjs test:client test:node",
     "color": "node ./scripts/compileColors.js",
     "icon": "cd icon && rimraf react-icon/ && rimraf react-icon-cjs && cd build/ && node generate.js && node genDemo.js",
     "format": "prettier --config .prettierrc --write \"{stories,tests,components}/**/*.{js,jsx,ts,tsx}\"",

site/docs_spec/values-of-arcodesign.en-US.md

@@ -6,25 +6,33 @@ ArcoDesign
 Arco Design is based on the design values of clear, consistent, rhythmic and open, trying to establish a pragmatic and romantic working style.
 `````
 
-## Clear  Clear direction improves efficiency
+## Clear
+
+> **Clear direction improves efficiency**
 
 The improvement of efficiency is the basis of pragmatism. In the design, reduce the uncertain factors and the number of user judgments, clarify the information level orientation, to make the purpose of user operations clearer.
 
 The clear design system makes intuitive product operation and one-step process; the clear information transmission and clear expression enable users to quickly understand and make judgments in a very short time.
 
-## Consistent  Consistent design creates brand trust
+## Consistent
+
+> **Consistent design creates brand trust**
 
 Brand consistency is the goal of pragmatism. The highly consistent style specification, operation process and presentation, as a unified design standard, reflects the sense of brand and trust of the product.
 
 Consistent design standard makes the brand sense systematically expressed. A high-standard and consistent design system brings users a sense of brand trust and can also reduce the cost of repeated learning for users through consistent repetition.
 
-## Rhythmic  The beating rhythm builds the beauty of Bytedance
+## Rhythmic
+
+> **The beating rhythm builds the beauty of Bytedance**
 
 The rhythm of design is the romance of Bytedancer. The rhythm in the use of the product reflects user habits. The rhythmic design makes users operate naturally, reducing the burden of understanding and memorizing.
 
 The design system has the same beauty of rhythm as music composition. The consideration of the layout of each information module, and the potential pursuit and grasp of the law of repetition and contrast between elements, constitute the beauty of rhythm in UI design. The pleasant rhythm allows users to easily complete tasks according to their habits.
 
-## Open  Openness and inclusiveness serve as the way of problem solving
+## Open
+
+> **Openness and inclusiveness serve as the way of problem solving**
 
 Only an inclusive and open system can solve problems romantically. It is difficult to cover the complex business scenarios of middle and back-end products with a fixed design system, except an open and inclusive system.
 

site/docs_spec/values-of-arcodesign.zh-CN.md

@@ -6,25 +6,33 @@ ArcoDesign
 Arco Design 基于「清晰」、「一致」、「韵律」和「开放」的设计价值观，试图建立务实而浪漫的工作方式。
 `````
 
-## 清晰  清晰的指向亦是效率的提升
+## 清晰
+
+> **清晰的指向亦是效率的提升**
 
 效率的提升是务实的基础。设计中减少不确定的因素, 减少用户判断次数，明确信息层级导向，让用户操作的目的性更明确。
 
 清晰的设计体系使得产品操作直观，流程一步到位；信息传达清晰且表意明确使用户在极短时间内快速理解进而作出判断。
 
-## 一致  一致的设计产生品牌信赖感
+## 一致
+
+> **一致的设计产生品牌信赖感**
 
 品牌的一致性是务实的目的。样式规范、操作流程、呈现高度一致, 这样统一的设计标准, 能够体现出产品的品牌感与信赖感。
 
 一致的设计标准, 使品牌感呈现出系统性的传达。高标准的一致的设计体系, 给用户带来品牌信赖感同时还能够通过一致的重复降低用户反复学习成本。
 
-## 韵律  跳动的韵律构建字节的美感
+## 韵律
+
+> **跳动的韵律构建字节的美感**
 
 推敲设计的韵律是 Bytedancer 的浪漫。产品使用中的韵律反应了用户习惯, 富有韵律的设计让用户的操作仿佛本该如此，减少理解记忆负担。
 
 设计系统和音乐谱曲一样有着韵律之美,对每个信息模块的排版的考量,对元素之间重复与对比等规律的潜在追求与把握, 构成UI设计中的韵律之美。悦耳的韵律使得用户能够根据习惯轻松的完成任务。
 
-## 开放  开放包容是解决问题的思路
+## 开放
+
+> **开放包容是解决问题的思路**
 
 包容开放的体系才能浪漫的解决问题。中后台产品复杂的业务场景很难以一套固定的设计体系去涵盖,只有开放包容的体系才能适应复杂的业务场景。