WebMIS/GIS立体化界面交互方案

关于ZSUI

ZSUI是基于jQuery/Vue开发、服务于企业级中后台产品/项目、致力提供WebMIS/GIS立体化界面交互方案。

ZSUI包括布局、交互模、渲染与组件等模型(详情)。所有模块是基于大量项目的实践与提炼,旨在通过屏蔽不必要的交互设计差异,利用统一的规范进行设计赋能,全面提高开发效率,打造符合行业特色与终端定位的交互模型。

企业级中后台产品的痛点

  • 功能页面数量大(提高复用率,需求变更、Review与重构)
  • 表单字典复杂化(多控件初始化性能、字典数据加载速度
  • 交互控件多样化(提取模型、统一交互)
  • 业务流程状态多(页面控件、数据与权限控制)

设计原则

  • 不破坏:快速上手,不破坏原生标签/控件的语义化。
  • 不干预:优化体验,不干预原生标签/控件的属性与方法。
  • 小而美:最小级别封装,粒子级别精细优化,力求细节完美。
  • 小确幸:实用与稳定为第一原则,给用户安全感与幸福感。

ZSUI组件包

  • Button按钮
  • Checkbox多选框
  • Radio单选框
  • Select选择器
  • ComboBox组合选择框
  • ComboGrid组合网格
  • AutoComplete自动完成
  • Form表单
  • Tabs选项卡
  • Table表格
  • Dialog对话框
  • Draggable拖拽
  • Pagination分页
  • GridLayout栅格布局
  • DatePicker日期选择框
  • Calendar日历

参考/借鉴/致谢产品

  • Ant Design
  • jQuery EasyUI
  • jQuery MiniUI

出品团队:FORESTAR UED
参与设计师/攻城师:天草、三千筱容MaskMei

上一条记录:读书清单
下一条记录:

添加新评论取消回复

昵称:
验证码: 验证码,看不清楚?请点击刷新验证码
评论: