交互学堂## 资源分享# 这次开源的设计框架名为：Element

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。

设计原则

一致性 Consistency

• 与现实生活一致： 与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；
• 在界面中一致： 所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。

反馈 Feedback

• 控制反馈： 通过界面样式和交互动效让用户可以清晰的感知自己的操作；
• 页面反馈： 操作后，通过页面元素的变化清晰地展现当前状态。

效率 Efficiency

• 简化流程： 设计简洁直观的操作流程；
• 清晰明确： 语言表达清晰且表意明确，让用户快速理解进而作出决策；
• 帮助用户识别： 界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。

可控 Controllability

• 用户决策： 根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；
• 结果可控： 用户可以自由的进行操作，包括撤销、回退和终止当前操作等。

资源

这里提供 Element 相关设计资源和设计工具的下载，更多设计资源正在整理和完善中。

• Axure Components

  通过在 Axure 中导入 Element 组件库，可以在交互设计阶段方便地调用常用的组件

  下载 微信里下载不下来不怪我，你要使用浏览器才可以

• Sketch Template

  从 Element Template 快速调用常用组件，在提升设计效率的同时，保证统一的视觉风格

  下载 微信里下载不下来不怪我，你要使用浏览器才可以

• 组件交互文档

  进一步查看 Element 交互文档，从一个较为微观的角度详细地了解各个组件的交互细节

  下载 微信里下载不下来不怪我，你要使用浏览器才可以

查看原文地址:

ElementBeta

关键字：产品经理, element

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！