Introduction

TomTom 设计系统

TomTom 设计系统是 TomTom 为导航产品构建的白标设计系统。

它帮助内部团队在所有 TomTom 产品中创建一致、高效且视觉统一的体验。同时,它使 OEM 合作伙伴能够应用自己的品牌,同时保持功能和主题的统一方法。

通过提供一套共享的指南和组件,TomTom 设计系统支持 TomTom 团队与外部合作伙伴之间的无缝协作,确保可扩展的高质量成果。

基础

基础构成设计语言的基础,是构建统一用户界面的关键。

Design tokens

设计标记(Design tokens)

设计标记代表小型、可重复使用的设计元素,如颜色和排版。

Colors

颜色

一个提供信息层级并确保对比度标准的颜色系统。

Typography

排版

一个具有灵活字体样式的字体系统,以确保可读性标准。(文档即将发布。)

Radius

圆角

所有形状组件均使用预定义圆角集合中的值。

推荐资源与指南

阅读我们的设计指南和适应性框架,了解我们的设计方法。

Design for driving guidelines

驾驶设计指南

Adaptiveness

适应性