产品设计
Element网站快速成型工具

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

设计原则

一致性 Consistency

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

反馈 Feedback

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

效率 Efficiency

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

可控 Controllability

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

相关书籍

Ant Design企业级产品设计体系,创造高效愉悦的工作体验
设计价值观这是 Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐工作」这一假定,我们在「确定性」和「自然」的基础上,新增「意义感」和「生长性」两个价值观,指引每个设计者做更好地判断和决策。
View UI Axure Library 中后台元件库完整版
一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品
WeUI基础样式库
小程序可根据需要使用微信提供的标准控件,以达到统一稳定的目的
Axure数据可视化原型设计
如果你正在使用 Axure 进行数据可视化原型设计,可以来试试 js 解决方案,可以让你像 PPT 内方便地编辑和设计图表~
Vux移动端Axure组件库1.0
VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。基于webpack + vue-loader + vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式
QQ小程序sketch组件库
QQ小程序是连接年轻用户的新方式,覆盖8亿新生代活跃网民。轻便快捷的开发模式,还能在QQ内被轻松获取和传播

暂无评论

暂无评论...