TomTom Design System

Introduction

TomTom 设计系统

TomTom 设计系统是 TomTom 为导航产品打造的白标设计系统。

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

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

基础

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


设计标记(Design tokens)

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

查看指南

颜色

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

查看指南

排版

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

查看指南

圆角半径

所有形状组件均使用预定义半径集合中的数值。

查看指南

推荐资源与指南

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


驾驶设计指南

查看指南

自适应性

查看指南