# 设计资源

### 介绍

本页面提供 Vant 的设计资源下载。

## 设计稿

### 组件设计稿（Sketch）

包含 Sketch 格式的色彩规范、字体规范、组件设计规范。

#### 色彩规范

<img src="https://fastly.jsdelivr.net/npm/@vant/assets/color_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">

#### 字体规范

<img src="https://fastly.jsdelivr.net/npm/@vant/assets/words_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">

#### 组件规范

<img src="https://fastly.jsdelivr.net/npm/@vant/assets/tab_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">

<a href="https://github.com/vant-ui/vant/blob/main/packages/vant/docs/assets/design.sketch?raw=true" style="display: inline-block; width: 100px; color: #fff; line-height: 40px; text-align: center; background-color: #38f; border-radius: 3px;">下载</a>

### 图标设计稿（Sketch）

包含 Sketch 格式的图标库资源。

<img src="https://fastly.jsdelivr.net/npm/@vant/assets/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">

<a href="https://github.com/vant-ui/vant/blob/main/packages/vant-icons/assets/icons.sketch?raw=true" style="display: inline-block; width: 100px; color: #fff; line-height: 40px; text-align: center; background-color: #38f; border-radius: 3px;">下载</a>

#### 在线资源

Vant 的所有图标都托管在 **iconfont.cn** 上，点此查看：[Vant 图标库](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=31945)。

### Axure 元件库

Axure 元件库，由社区的 [@axure-tczy](https://github.com/axure-tczy) 同学贡献。

<img src="https://fastly.jsdelivr.net/npm/@vant/assets/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">

<a href="https://github.com/vant-ui/vant-assets/blob/main/design/axure-20200905.zip?raw=true" style="display: inline-block; width: 100px; color: #fff; line-height: 40px; text-align: center; background-color: #38f; border-radius: 3px;">下载</a>
