Skip to Content
@anker-in/headless-ui 2.0 is released 🎉
概览设计价值观

设计价值观

Anker Design 设计价值观为设计者提供评价设计好坏的内在标准,启示并激发了 Anker Design 设计原则和设计模式,进而为具体设计问题提供向导和一般解决方案。

品牌统一

从母品牌出发,在ID设计、HCI交互、硬件交互、硬件视觉、多维交互层面进行统一设计,形成统一的品牌感知。

核心要素

  • 视觉一致性: 统一的色彩、字体、图标和布局规范
  • 交互一致性: 统一的操作模式和反馈机制
  • 体验一致性: 跨平台、跨设备的一致用户体验
  • 品牌传达: 强化品牌识别度和记忆点

实践指导

  1. 设计语言统一: 建立完整的设计体系和组件库
  2. 规范执行: 严格遵守品牌视觉规范和设计准则
  3. 质量把控: 建立设计评审机制,确保输出质量
  4. 持续优化: 根据用户反馈持续完善品牌体验

以人为本

以用户为中心,从用户使用场景出发,针对用户场景进行拆解分析抽象归纳,总结出统一的契合品牌符号的统一设计体系,旨在完美解决用户实际使用问题,提升品牌情感传达。

用户研究

  • 用户画像: 深入了解目标用户群体特征
  • 使用场景: 分析用户在不同场景下的需求
  • 行为模式: 研究用户的操作习惯和认知模式
  • 痛点识别: 发现并解决用户使用过程中的问题

设计原则

  1. 可用性优先: 确保功能易于理解和使用
  2. 无障碍设计: 考虑不同能力用户的使用需求
  3. 情感化设计: 通过设计传递品牌温度和情感
  4. 持续迭代: 基于用户反馈不断优化体验

简洁

设计应避免复杂性,去掉冗余元素和简化信息传递,确保界面整洁、直观,避免过度装饰或干扰用户决策的设计,使用户能快速理解并轻松操作,更高效地完成任务。

简洁的层次

视觉简洁

  • 减少视觉噪音: 避免不必要的装饰元素
  • 合理留白: 给予内容足够的呼吸空间
  • 色彩克制: 使用有限的色彩搭配
  • 层次清晰: 建立明确的信息层级

交互简洁

  • 减少步骤: 简化用户操作流程
  • 直观操作: 符合用户心理模型的交互方式
  • 即时反馈: 提供清晰的操作结果反馈
  • 容错设计: 允许用户犯错并提供修正机会

内容简洁

  • 信息精炼: 只呈现必要的信息
  • 语言清晰: 使用简洁明了的文案
  • 结构化: 合理组织信息架构
  • 重点突出: 突出关键信息和操作

简洁的好处

  • 认知负担低: 用户更容易理解和使用
  • 学习成本低: 降低用户上手难度
  • 错误率低: 减少用户操作失误
  • 效率提升: 帮助用户更快完成目标

价值观的应用

在组件设计中

我们的每一个组件都体现着这些设计价值观:

  • Button组件: 简洁的外观,统一的交互反馈,符合用户预期
  • Form组件: 以用户为中心的表单设计,减少填写负担
  • Navigation组件: 品牌统一的导航体验,简洁清晰的信息架构

在系统规划中

  • 设计令牌: 通过设计令牌实现品牌统一
  • 组件库: 基于用户场景构建的组件生态
  • 文档体系: 简洁明了的使用指导

持续演进

设计价值观不是一成不变的,我们会根据:

  • 用户反馈: 收集和分析用户使用体验
  • 业务发展: 适应业务场景的变化需求
  • 技术进步: 结合新技术提升设计体验
  • 行业趋势: 关注设计趋势和最佳实践

通过这些价值观的指导,我们致力于创造既符合品牌特色,又能真正解决用户问题的优秀设计。

Last updated on