企业级前端应用交互与视觉要点

• 交互设计原则
  • 效率。操作就近——操作路径要短；避免不必要的页面跳转
  • 确定性。表述准确
    • 
  • 安全性。关键操作二次确认
    • 
  • 必要性。仅做有必要的东西。
  • 业务专业导向。针对所在业务进行设计。
  • 学习成本。符合一般逻辑
  • 状态与反馈
    • 
  • 主次
    • 
  • 友好
    • 
• *** 案例 *******
• 表格展示

  • 参考文章：[Data Tables Design. Basics

    by Taras Bakusevych —— Medium](https://taras-bakusevych.medium.com/data-tables-design-3c705b106a64)

  • 关注点
  • 文本的对齐
    • 数字靠右对齐，方便比较
    • 银行卡号每4位以空格隔开
  • 行高
  • 字体的选择。
  • 从简设计
  • 批量操作
  • 固定行
  • 详情预览
• 路径设计——淘宝详情页面
  • 径向路径；从核心页面可以链接到其他页面
• 实现方式的选择——消息与反馈
  • 
• 色彩体系
  • 基本原则：划分主次与等级；清晰明确；丰富；
  • 主题色
    • 
    • 
    • 
• 国际化
  • 时区问题
  • 货币单位
  • 跨语言
• 总结
  • 合理性为第一
  • 了解业务特点很重要
  • 以大多数人人为本

参考资料

• 表格设计：[Data Tables Design. Basics

  by Taras Bakusevych

  Medium](https://taras-bakusevych.medium.com/data-tables-design-3c705b106a64)

• 组件设计：[Button  Design — UI component series

  UX Collective](https://uxdesign.cc/button-design-user-interface-components-series-85243b6736c7)

• 表单设计：[Text fields & Forms design — UI components series

  by Taras Bakusevych

  UX Collective](https://uxdesign.cc/text-fields-forms-design-ui-components-series-2b32b2beebd0)