UI界面设计 ·

使用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调整大小的响应设计

相关下载

点击下载

参与评论