Sketch的核心功能Symbol显著提升了工作效率,只需修改一个Symbol实例,所有引用该Symbol的页面都会同步更新,确保设计一致性。
1、 使用Symbol时需注意:页面中所有需要重复利用的内容都应创建为Symbol。当Symbol存在嵌套关系时,子级的修改会同步影响父级,但子级的兄弟元素之间无法相互影响,仅能独立调整自身内容,无法反向更改父级信息。因此,若要更新父级Symbol,必须通过修改其子级来实现。在Sketch中,父、子、孙层级呈垂直向下排列,而同一层级的子元素则水平并列分布。为便于管理,Symbol命名须遵循统一规范,使用/进行层级划分,确保结构清晰、易于识别与维护。
2、 例如:新建画布并绘制矩形,将该矩形创建为符号,命名为Rectangle-father。
3、 进入符号页面,执行符号嵌套操作,将内部的矩形再次转换为符号,并命名为Rectangle-son。随后复制该子符号,生成两个新的兄弟符号,分别命名为Rectangle-son/color-red和Rectangle-son/color-green,用于备用颜色方案。完成命名后,对颜色属性进行修改测试,确认各符号状态正常,嵌套结构与颜色替换功能均运行无误,整体效果符合预期,未发现异常情况。
4、 测试在不同页面中修改某个组件的兄弟元素颜色时,其他页面是否同步变化,结果发现不会联动更新。例如,复制画板得到Artboard Copy后,单独修改其中一个页面内符号实例的兄弟颜色,该变化不会反映到副本画板中。若要实现全局统一更改,必须回到符号源文件页面,直接编辑原始的Rectangle-son内容。只有这样,所有引用该符号的父级组件Rectangle-father才会在各个页面中同步更新,确保设计一致性。
5、 总结如下:当symbol嵌套时,子级变化会带动父级同步更新,但子级的兄弟层级无法实现这一效果,它们只能单独修改子级内容,无法影响父级。因此,若要改变父级symbol的信息,必须通过调整其直接子级来实现。在Sketch中,父子孙关系呈纵向排列,而同一层级的兄弟symbol则横向并列分布。
评论
更多评论