element ui treetable操作_两分钟浅述Element前端UI组件框架(附英文)

Element是饿了么开发的一套非常不错的Vue UI组件框架，是简洁、直观、强悍的前端UI组件开发框架，能更快速、简单的开发Web应用程序。Let's approach Element.

offical website --https://element.eleme.cn/#/en-US

Element 设计原则

What is Element?

Element, a Vue 2.0 based component library for developers, designers and product managers

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的前端组件库

Design Disciplines

1、Consistency 一致性

Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are used to.

与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；

Consistent within interface: all elements should be consistent, such as: design style, icons and texts, position of elements, etc.

在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。

2、Feedback 反馈

Operation feedback: enable the users to clearly perceive their operations by style updates and interactive effects.

控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；

Visual feedback: reflect current state by updating or rearranging elements of the page.

页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。

3、Efficiency 效率

Simplify the process: keep operating process simple and intuitive.

简化流程：设计简洁直观的操作流程；

Definite and clear: enunciate your intentions clearly so that the users can quickly understand and make decisions.

清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；

Easy to identify: the interface should be straightforward, which helps the users to identify and frees them from memorizing and recalling.

帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。

4、Controllability 可控

Decision making: giving advices about operations is acceptable, but do not make decisions for the users.

用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；

Controlled consequences: users should be granted the freedom to operate, including canceling, aborting or terminating current operation.

结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。