怎样以Sketch建立组件库——Styling与Symbol运用

  怎样以Sketch建立组件库——Styling与Symbol运用
  
  我共享了一篇分子设计方案的原创文章内容,里边详尽叙述了Brad高手所建立的分子设计方法论,及其根据此所构建的分子设计方案系统软件,另外还挖了个构建组件库的坑。
  
  今日,使我们从基础理论迈向实践活动,讨论一下怎么使用sketch构建组件库;全部解读全过程我秉持着知行合一的精神实质亲自实践活动,只愿这类从入门到精通的表述能给你产生及时获得。
  
  一、为何要用Sketch建立?
  
  你是否还记得在分子设计方案本文中一不小心diss的“一次性设计方案”吗?对,是我今日产出率的这个东西仅用一次,下一次遇到新的相近的情景用不到它;就仿佛一次性餐具,用完即仍,不仅没有办法多路复用,并且无管理体系、非控制模块的处理方法也十分残害大家的活力。
  
  分子设计方案处理的就是这个难题,根据分子产出率的设计方案能够大大的提高设计方案自身的多路复用率,只必须花销非常少的時间,就可以用部件快速得构建出一个网页页面。
  
  而sketch的关键招式——symbol作用,刚好相匹配了分子设计方案的核心理念,根据symbol建立的部件能够好几个网页页面多路复用,而且多路复用后的款式能够根据界定的款式库随意修改,而不危害symbol自身(事后全部汉语翻译都通称symbol为部件)。
  
  二、界定款式
  
  在建立部件以前,大家必须先界定styling(款式)。
  
  最新版本的sketch中除开过去大家熟识的标识符款式和图层样式外,还增加了色调自变量这一新的作用,这一大家放后边主要说。
  
  三、建立与多路复用一个款式
  
  1.标识符款式
  
  调节好一个字符后,根据新创建就可以将其界定到标识符款式库,以后大家想对一些文字信息内容多路复用款式,立即在外型控制面板中启用(能够立即检索相匹配的字体大小,省时省力)。
  
  2.图层样式
  
  而大家能够界定的图层样式一般 能够包括“款式”控制面板中全部的选择项,添充、外框、黑影、内模糊不清及模糊不清这种款式都能够界定到库中;实际建立与启用方式和标识符款式一致,这儿不细讲。
  
  3.色调自变量
  
  69版本号增加了一个色调自变量的作用,这一色调自变量的奇妙的地方就取决于,样子和文本涂层都能够同用一个色调,改动了色调自变量就可以完成全局性升级。
  
  举例说明,我觉得把这这俩按键换一个色调:
  
  在过去,大家必须在fill(添充)、border(外框)和text(标识符)三个地区开展改动,才能够所有拆换。
  
  可是如果我们应用色调自变量,那么就能够一键改动。
  
  怎么使用色调自变量?还是这一按键的事例。

2021-02-02