sketch symbol用法分析教程

在哔哩哔哩上看到一个老师的symbol中有现成的ios Android中的symbol,可以直接拿来用,这个在哪里可以找到呢?

\

symbol中有现成的ios、Android中的symbol,那是使用了iOS的Library。

Library可以理解为一套由symbols组成的UI规范,通过调用来快速设计界面。

Sketch在49版本开始,增加了Apple UI Design Resources,我们可以直接使用iOS的symbols。

iOS是默认在Sketch中的,如果要用到安卓,或者其他组件,可以从网上下载,然后手动引入。

\

 

在团队的多人协作中,library是非常重要的,它可以规范风格,让不同的设计师采用同一套设计规范。library发生改变,那么调用的对应symbol也会同步更新。

另外一个,平时也可以自己多积累一些素材,比如网上有很多免费的资源,下载之后根据类型/行业/风格等进行分类管理,做一个专属的资源库,这样以后就事半功倍了。

然后延伸出去,页面的元素也可以按照分类进行素材积累,比如卡片页面,你就下载一堆卡片页面的资源,然后按照一屏宽度以内卡片的数量进行分类,比如一张,两张,三张等。

再比如用户列表,好友列表,信息列表,通知列表等等,以后有同样的需求,直接拉过来用。

标签: Sketch symbol UI设计