使用APP设计系统模板，帮助您加快工作流程

很多用户不管是在其它资源站或者我们25学堂都下载了设计模板学习，但是怎么用好设计模板却不擅长，今天我们推荐一套设计系统模板（模板下载地址），并告诉您怎么怎么用好它，希望能给您带来启发。

您碰到的问题

对于一些经验丰富的设计师，设计多款不同领域的app是很正常的事情，这些行业可能是O2O，B2B或者区块链。但多做几款app设计后，您可能会感觉到设计时除了因行业不同而在方案页面设计不同外，还经常会碰到适配的问题，iPhone有 5s, 8, 8 plus，iPhone X，iPad等，安卓就更不用说了。有些设计师会在sketch上设置不同分辨率的导出，但是如果时ipad呢，所以，设计师们迫切需要一款适用于任何移动屏幕尺寸的，并且能够保持设计一致性的解决方案。好在，我们有这么一套设计系统模板Lilac Studio，能够帮您解决以上问题。

模板介绍

这么一套怎样的ui设计系统呢？首先，这是一套sketch 格式的UI 套件，跟我们平时下载的app设计模板看上去是一样的。但是，这套模板还有跟多好玩的东西，所有页面中的组件都提供了可更换和扩展的嵌套组件。它不仅可以让你直接适用，还能让你变换出多个搭配组合，提供更多的方案。而且使用非常灵活。

看到这，你可能会想，这不是跟搭积木一样吗？

所以还能变出更多花样吗？

是的，您可能想要的都有，比如响应式，调整输入框的大小等等。

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

1，我们先来看登录的页面：

上图是一个登录框。您可以调整输入框的字段：输入文字或者单选框；更换尾部出现的图标：显示或不显示；任意线条图标或者文字的颜色都能修改。

2，来看第二个亮点：

具有各种组合的表单组件，然后您可以灵活的更换图标，颜色，还能混搭各种样式。如果您有想法的话，可以把它变成一个输入框。

3，上面两个功能很好，那么内容这块呢？

在40多个高保真的样机中，包括来文章，卡片式列表和其它有趣的内容示例。每个卡片都包含了多种组合方案。比如：CTA，图标加文字的组合，Feed信息流的展示方式等等。

上图展示了在相同内容的情况下，3中不同的排版方案。选中某个方案后，您还能改变其中背景颜色等。

模板中的每个图标都可以从样式指南中更改为任何品牌颜色。

4，上面几个亮点很好用，但是模板中只有一个尺寸，怎么适配iPhone X和iPad呢？

不仅每个组件可以调整大小，如果您想改变面板的大小来匹配不同的屏幕也是的可以的。您只要复制某个面板，然后在右边的size中选中想要调整的型号就可以了。

我们再回顾一下：

这套系统中包含的内容：

1，50多个高保真样机屏幕

2，8个类别（登录注册，社交，电商，数据统计，着陆页，订阅，博客，设置）

3，嵌套的多个组件

4，可编辑的颜色和排版样式

5，可编辑的样式设计规范，一次更改，全部页面同步更改。

6，具有原生sketch调整大小的响应设计