elementui框架的优势_两分钟浅述Element前端UI组件框架
(附英⽂)
Element是饿了么开发的⼀套⾮常不错的Vue UI组件框架,是简洁、直观、强悍的前端UI组件开发框架,能更快速、简单的开发Web应⽤程序。Let's approach Element.
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.
在界⾯中⼀致:所有的元素和结构需保持⼀致,⽐如:设计样式、图标和⽂本、元素的位置等。
vue element admin2、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.
结果可控:⽤户可以⾃由的进⾏操作,包括撤销、回退和终⽌当前操作等。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论