因為我們的項目用到了Bootstrap前端框架，所以設(shè)計規(guī)范的一些元素是按照Bootstrap來的，另外我們也在一定程度上參考了Material Design以及Ant Design的一些東西，最后結(jié)合我們自身產(chǎn)品的特色和涉及到的UI元素總結(jié)出了下面這套設(shè)計規(guī)范。

在這套規(guī)范中需要注意幾個問題，尤其是在Web Design中會遇到：

1、字體高度

字體是設(shè)計中非常重要的元素之一，很多設(shè)計師追求所謂的Perfect Pixel，如果要追求這個，你就必須要對字體有基本的了解，其中就包括字體高度，在Web Design中字體高度稱為行高（line-height）。例如14px大小的字體，其實在行高設(shè)置為1.5的Web中高度為21px。

2、柵格布局

柵格布局是Bootstrap里面的重要概念，而且因為牽涉到響應(yīng)式，所以設(shè)計師必須要對柵格的計算方式了如指掌，我們將Bootstrap的1170px container改成了1160px，所以柵格大小也做了相應(yīng)調(diào)整，尤其需要了解1160px和1140px之間的關(guān)系。

3、場景色使用

因為我們產(chǎn)品的特殊性（需要考慮到大量定制和主題），所以色板還是沿用了Bootstrap的場景色方式，不同場景采用不同場景色，一些主題性的地方可以采用主色調(diào)。