很多用戶不管是在其它資源站或者我們25學(xué)堂都下載了設(shè)計(jì)模板學(xué)習(xí)，但是怎么用好設(shè)計(jì)模板卻不擅長，今天我們推薦一套設(shè)計(jì)系統(tǒng)模板（模板下載地址），并告訴您怎么怎么用好它，希望能給您帶來啟發(fā)。

您碰到的問題

對于一些經(jīng)驗(yàn)豐富的設(shè)計(jì)師，設(shè)計(jì)多款不同領(lǐng)域的app是很正常的事情，這些行業(yè)可能是O2O，B2B或者區(qū)塊鏈。但多做幾款app設(shè)計(jì)后，您可能會感覺到設(shè)計(jì)時除了因行業(yè)不同而在方案頁面設(shè)計(jì)不同外，還經(jīng)常會碰到適配的問題，iPhone有 5s, 8, 8 plus，iPhone X，iPad等，安卓就更不用說了。有些設(shè)計(jì)師會在sketch上設(shè)置不同分辨率的導(dǎo)出，但是如果時ipad呢，所以，設(shè)計(jì)師們迫切需要一款適用于任何移動屏幕尺寸的，并且能夠保持設(shè)計(jì)一致性的解決方案。好在，我們有這么一套設(shè)計(jì)系統(tǒng)模板Lilac Studio，能夠幫您解決以上問題。

模板介紹

這么一套怎樣的ui設(shè)計(jì)系統(tǒng)呢？首先，這是一套sketch 格式的UI 套件，跟我們平時下載的app設(shè)計(jì)模板看上去是一樣的。但是，這套模板還有跟多好玩的東西，所有頁面中的組件都提供了可更換和擴(kuò)展的嵌套組件。它不僅可以讓你直接適用，還能讓你變換出多個搭配組合，提供更多的方案。而且使用非常靈活。

看到這，你可能會想，這不是跟搭積木一樣嗎？

所以還能變出更多花樣嗎？

是的，您可能想要的都有，比如響應(yīng)式，調(diào)整輸入框的大小等等。

需要用到很多插件嗎？ 不需要。

1，我們先來看登錄的頁面：

上圖是一個登錄框。您可以調(diào)整輸入框的字段：輸入文字或者單選框；更換尾部出現(xiàn)的圖標(biāo)：顯示或不顯示；任意線條圖標(biāo)或者文字的顏色都能修改。

2，來看第二個亮點(diǎn)：

具有各種組合的表單組件，然后您可以靈活的更換圖標(biāo)，顏色，還能混搭各種樣式。如果您有想法的話，可以把它變成一個輸入框。

3，上面兩個功能很好，那么內(nèi)容這塊呢？

在40多個高保真的樣機(jī)中，包括來文章，卡片式列表和其它有趣的內(nèi)容示例。每個卡片都包含了多種組合方案。比如：CTA，圖標(biāo)加文字的組合，F(xiàn)eed信息流的展示方式等等。

上圖展示了在相同內(nèi)容的情況下，3中不同的排版方案。選中某個方案后，您還能改變其中背景顏色等。

模板中的每個圖標(biāo)都可以從樣式指南中更改為任何品牌顏色。

4，上面幾個亮點(diǎn)很好用，但是模板中只有一個尺寸，怎么適配iPhone X和iPad呢？

不僅每個組件可以調(diào)整大小，如果您想改變面板的大小來匹配不同的屏幕也是的可以的。您只要復(fù)制某個面板，然后在右邊的size中選中想要調(diào)整的型號就可以了。

我們再回顧一下：

這套系統(tǒng)中包含的內(nèi)容：

1，50多個高保真樣機(jī)屏幕

2，8個類別（登錄注冊，社交，電商，數(shù)據(jù)統(tǒng)計(jì)，著陸頁，訂閱，博客，設(shè)置）

3，嵌套的多個組件

4，可編輯的顏色和排版樣式

5，可編輯的樣式設(shè)計(jì)規(guī)范，一次更改，全部頁面同步更改。

6，具有原生sketch調(diào)整大小的響應(yīng)設(shè)計(jì)