Sketch共享样式怎么创建,还有共享样式更新之后不同步要怎么办,这是做界面设计的团队经常会碰上的一个问题。共享样式这个东西,它的作用就是把颜色、文字、阴影、边框这些视觉上的规则给统一起来,省得每个页面都要单独去调一次,特别是好几个人一块协作的时候,像按钮、标题、正文,还有卡片阴影这些东西,如果全靠着每个人自己去复制,很容易就出现同一个组件在不同的页面里面,样式却对不上的情况。共享样式要是建好了,后面再去改品牌色、字体大小和按钮状态这些,是能省下不少时间的。
一、Sketch共享样式怎么创建
在创建Sketch共享样式之前,操作者得先弄明白哪些内容比较适合拿来做共享样式,不是所有的图层都要把样式存下来,真正适合用来共享的,一般都是那些出现频率高、规则稳当,而且后面有可能会被统一修改的视觉元素。
1、先把常用的视觉规则给整理好
比如主色、辅助色、警告色、正文文字、标题文字、按钮文字、输入框的边框,还有卡片的阴影,这些都很适合先被整理出来,操作者不要一边画图一边随手保存样式,不然样式的名字会越弄越乱,到了后面查起来和维护起来都会很麻烦。
2、去创建文字样式或是图层样式
选中需要保存的图层以后,在【Appearance】或者样式区域里面,把Text Style或Layer Style给创建出来。
文字样式一般是拿给标题、正文、说明文字和按钮文字用的,图层样式则大多是拿来做填充、边框、阴影、模糊这些视觉效果的,创建的时候名字要起得明白一些,比方说写成Button/Primary、Text/Title/H1、Card/Shadow这样的格式,不要只用“样式1”“蓝色1”这种叫法。
3、把样式放进共享库里面统一管起来
如果是团队项目,建议把常用样式都放到Library文件里面去,再让其他的设计文件来引用它,这样做起修改来可以在一个地方集中维护,不用每个页面都去单独更新一遍,组件、颜色还有文字样式最好放在同一套设计系统文件里头,后面协作起来条理也会更清楚一些。
二、Sketch共享样式更新后不同步怎么办
共享样式更新之后却不同步,这个情况多数时候不是样式本身坏掉了,而是库文件没有更新、引用关系被断开了、样式被本地改动给覆盖了,或者团队成员用的文件版本没对上,排查的时候先去看库,再去看当前文档。
1、检查库文件有没有把更新发出去
要是样式是在Library里面改的,那就要确认库文件已经保存好,而且其他文档能收到更新通知,有时候设计师只把本地文件改了,却没有同步到共享库里面,那别人那边自然是看不到变化的。
2、去看当前文档有没有收到更新提示
在【Libraries】或者文档更新提示里面,去翻一翻有没有可以用的样式更新。
如果已经提示有更新,但一直没有被应用上,那当前这个文件就还在用旧的样式,碰到这种情况,先动手把更新接收下来,再去查按钮、文字、卡片这些元素,看它们是不是已经变成了最新的效果。
3、确认样式没有被分离开或者被覆盖掉
要是某个图层原来用的是共享样式,后来却被谁手动改过了颜色、字号或者阴影,那它就可能会变成局部被覆盖的状态,从表面看它好像还在用共享样式,可真到了更新的时候,不一定能完全跟着变,操作者可以把图层选中,看一下它是不是还绑在共享样式上面,有必要的话再重新给它把对应的样式套上去。
三、Sketch共享样式怎么减少混乱
共享样式一多,就越需要花心思去管,样式太少不够用,样式太多又会让团队不知道该选哪一个,比较稳当的做法,是先搞出一套命名的规矩,再定期去把旧的样式清掉。
1、把命名的层级给统一起来
建议按照类型、用途和状态来起名字,像Text/Body/Regular、Text/Button/Medium、Color/Primary、Button/Border/Default这样写,团队成员在搜索的时候比较容易找到,也能让重复建样式的情况变少一些。
2、把那些相似的样式做一下精简
如果只是颜色差一点点,字号差了1px,阴影看着稍微有些不一样,那就要想一下是不是真的需要再去新建一个样式,共享样式的价值在于统一,不是把所有的临时效果都存起来,相似的样式留得太多,后面更新的时候反而更容易出错。
3、定期检查库和页面是不是还合得起来
团队协作一阵子之后,要定期去看哪些页面还在用旧样式,哪些图层已经脱离了共享样式,特别是品牌升级、字体调整、组件改版以后,要统一去检查并把旧样式换掉,不要让新旧的视觉混在同一个项目里面。
总结
Sketch共享样式怎么创建,还有共享样式更新后不同步怎么办,关键是把那些高频的视觉规则先理成文字样式和图层样式,再靠Library去做统一管理,更新不同步的时候,要重点查库文件有没有保存和发布、当前文档有没有接收更新、图层是不是还绑在共享样式上,共享样式不是建得越多越好,名字起清楚,定期清理,统一维护,团队的设计文件才不容易乱。
