饿了么 UED 开源设计框架提供下载设计组件、资源、交互文档
交互学堂## 资源分享# 这次开源的设计框架名为:Element
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
设计原则
一致性 Consistency
- 与现实生活一致: 与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;
- 在界面中一致: 所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。
反馈 Feedback
- 控制反馈: 通过界面样式和交互动效让用户可以清晰的感知自己的操作;
- 页面反馈: 操作后,通过页面元素的变化清晰地展现当前状态。
效率 Efficiency
- 简化流程: 设计简洁直观的操作流程;
- 清晰明确: 语言表达清晰且表意明确,让用户快速理解进而作出决策;
- 帮助用户识别: 界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。
可控 Controllability
- 用户决策: 根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;
- 结果可控: 用户可以自由的进行操作,包括撤销、回退和终止当前操作等。
资源
这里提供 Element 相关设计资源和设计工具的下载,更多设计资源正在整理和完善中。
Axure Components
通过在 Axure 中导入 Element 组件库,可以在交互设计阶段方便地调用常用的组件
下载 微信里下载不下来不怪我,你要使用浏览器才可以
Sketch Template
从 Element Template 快速调用常用组件,在提升设计效率的同时,保证统一的视觉风格
下载 微信里下载不下来不怪我,你要使用浏览器才可以
组件交互文档
进一步查看 Element 交互文档,从一个较为微观的角度详细地了解各个组件的交互细节
下载 微信里下载不下来不怪我,你要使用浏览器才可以
查看原文地址:
关键字:产品经理, element
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!