文章目录[隐藏]
推广:五丰 美仑达 赣南脐橙 【国家地理标志产品】供港央企品质保障,原产地直采,进口专业分选设备,品质始终如一,脆嫩香甜,味美多汁
#交互学堂##资源分享#这次开源的设计框架名为:Element
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
设计原则
一致性 Consistency
- 与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;
- 在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。
反馈 Feedback
- 控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;
- 页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。
效率 Efficiency
- 简化流程:设计简洁直观的操作流程;
- 清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;
- 帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。
可控 Controllability
- 用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;
- 结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。
资源
这里提供 Element 相关设计资源和设计工具的下载,更多设计资源正在整理和完善中。
-
-
Axure Components
通过在 Axure 中导入 Element 组件库,可以在交互设计阶段方便地调用常用的组件
https://github.com/ElementUI/Resources/raw/master/Element_Components_v1.1.0.rplib
官方地址失效(旧版本请至阿西的小密圈下载)
Sketch Template
从 Element Template 快速调用常用组件,在提升设计效率的同时,保证统一的视觉风格
- 1.0官方地址失效(旧版本请至阿西的小密圈下载)
-
组件交互文档
进一步查看 Element 交互文档,从一个较为微观的角度详细地了解各个组件的交互细节
https://github.com/ElementUI/Resources/raw/master/Element%20Components%20Documentation.zip
官方地址失效(旧版本请至阿西的小密圈下载)- 小密圈
原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/18665/