概述
Eu-Well 设计系统反映了我对使用颜色、字体、布局和微交互来提升优越幸福感的初步思考。但这不仅仅关于平面设计。我也试图使这个设计系统对专注于编码而对设计了解不多的开发者更易于使用。
原则
- 消除不确定性。
- 推动
- 直观且有限的层次结构。
- 原地反馈
- 成为一个信息丰富的极简主义者。
进行中的活动应始终显示其进度,以便用户知道状态。
为用户的每一次互动提供实时反馈。例如,如果用户连续输入超过12个字的文本,就在光标上显示爆裂的点,以激励用户提交更多内容。
消除深层导航层次结构。始终带着强烈的目的导航。
在用户与之互动的地方给予用户反馈。例如,当用户点击了一个触发成功的按钮,最好直接在按钮上显示微动画,而不是显示一个“snack bar”或弹窗。此外,全屏动画也不推荐,除非有强烈的意图。
不要为了 UI 级别的简单性而折叠高度相关的信息。
工具
Eu-Well 使用多种工具使设计和代码无障碍且解耦。
- Figma
- Zeplin
Figma 是我们用于生产高保真度艺术作品和原型的主要工具。这个工具也用于将设计交付给开发者。
Zeplin 是我们将设计交付给开发者的工具。
发布说明
- 2022年9月11日
- 2022年3月28日
0.1.1:Android 和 iOS UI 设计进入 alpha 测试
0.1.0:核心产品风格,包括颜色和排版