-
Consistent with real life: Keep consistent with the process and logic of real life, and follow the language and concepts used by users; -
Consistent in the interface: All elements and structures should be consistent, such as design style, icon and text, element position, etc.
-
Control feedback: Through the interface style and interaction dynamics, users can clearly perceive their own operations; -
Page feedback: After the operation, the current status is clearly displayed through the changes of page elements.
-
Streamline process: Design simple and intuitive operation process; -
Clear and definite: The language is clear and the meaning is clear, so that users can quickly understand and make decisions; -
Help users identify: The interface is simple and straightforward, allowing users to quickly identify rather than recall, reducing the burden of user memory.
-
User decisions: Users can be given operation suggestions or safety tips according to the scenarios, but they cannot make decisions on behalf of users; -
Controllable results: Users can operate freely, including undo, rollback, and terminate the current operation.
npm install element-ui@next
import Vue from 'vue' import Element from 'element-ui' import 'element-ui/lib/theme-default/index.css'; Vue.use(Element) // or import Select from 'element-ui/lib/select'; import Select from 'element-ui/lib/theme-default/select.css'; import Button from 'element-ui/lib/button'; import Button from 'element-ui/lib/theme-default/button.css'; Vue.component(Select.name, ElSelect) Vue.component(Button.name, ElButton)